@vchasno/ui-kit 0.3.22 → 0.3.23

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 (26) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/Datepicker/types/components/Select/Label.d.ts +1 -2
  3. package/dist/Datepicker/types/components/Select/customComponents.d.ts +0 -2
  4. package/dist/Menu/types/components/Select/Label.d.ts +1 -2
  5. package/dist/Menu/types/components/Select/customComponents.d.ts +0 -2
  6. package/dist/ProjectsPopover/types/components/Select/Label.d.ts +1 -2
  7. package/dist/ProjectsPopover/types/components/Select/customComponents.d.ts +0 -2
  8. package/dist/Select/index.cjs.js +27 -24
  9. package/dist/Select/index.cjs.js.map +1 -1
  10. package/dist/Select/index.js +27 -24
  11. package/dist/Select/index.js.map +1 -1
  12. package/dist/Select/types/components/Select/Label.d.ts +1 -2
  13. package/dist/Select/types/components/Select/customComponents.d.ts +0 -2
  14. package/dist/SelectCreatable/index.cjs.js +28 -25
  15. package/dist/SelectCreatable/index.cjs.js.map +1 -1
  16. package/dist/SelectCreatable/index.js +28 -25
  17. package/dist/SelectCreatable/index.js.map +1 -1
  18. package/dist/SelectCreatable/types/components/Select/Label.d.ts +1 -2
  19. package/dist/SelectCreatable/types/components/Select/customComponents.d.ts +0 -2
  20. package/dist/Snackbar/types/components/Select/Label.d.ts +1 -2
  21. package/dist/Snackbar/types/components/Select/customComponents.d.ts +0 -2
  22. package/dist/css/Select.global.css +26 -4
  23. package/dist/css/_theme.css +1 -1
  24. package/dist/types/components/Select/Label.d.ts +1 -2
  25. package/dist/types/components/Select/customComponents.d.ts +0 -2
  26. package/package.json +1 -1
package/dist/SelectCreatable/types/components/Select/Label.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  interface LabelProps {
3
- isFloating: boolean;
4
- label: string;
3
+ label?: string;
5
4
  }
6
5
  declare const Label: React.FC<React.PropsWithChildren<LabelProps>>;
7
6
  export default Label;
package/dist/SelectCreatable/types/components/Select/customComponents.d.ts CHANGED
@@ -1,11 +1,9 @@
1
1
  import React from 'react';
2
2
  import { ClearIndicatorProps, DropdownIndicatorProps } from 'react-select';
3
- import { CustomControlProps } from './types';
4
3
  declare const _default: {
5
4
  DropdownIndicator: (props: DropdownIndicatorProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => React.JSX.Element;
6
5
  LoadingIndicator: () => React.JSX.Element;
7
6
  IndicatorSeparator: () => null;
8
7
  ClearIndicator: (props: ClearIndicatorProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => React.JSX.Element;
9
- Control: (props: CustomControlProps) => React.JSX.Element;
10
8
  };
11
9
  export default _default;
package/dist/Snackbar/types/components/Select/Label.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  interface LabelProps {
3
- isFloating: boolean;
4
- label: string;
3
+ label?: string;
5
4
  }
6
5
  declare const Label: React.FC<React.PropsWithChildren<LabelProps>>;
7
6
  export default Label;
package/dist/Snackbar/types/components/Select/customComponents.d.ts CHANGED
@@ -1,11 +1,9 @@
1
1
  import React from 'react';
2
2
  import { ClearIndicatorProps, DropdownIndicatorProps } from 'react-select';
3
- import { CustomControlProps } from './types';
4
3
  declare const _default: {
5
4
  DropdownIndicator: (props: DropdownIndicatorProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => React.JSX.Element;
6
5
  LoadingIndicator: () => React.JSX.Element;
7
6
  IndicatorSeparator: () => null;
8
7
  ClearIndicator: (props: ClearIndicatorProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => React.JSX.Element;
9
- Control: (props: CustomControlProps) => React.JSX.Element;
10
8
  };
11
9
  export default _default;
package/dist/css/Select.global.css CHANGED
@@ -1,9 +1,23 @@
1
1
  .vchasno-ui-select {
2
+ position: relative;
2
3
  display: inline-flex;
3
4
  flex-direction: column;
4
5
  gap: 5px;
5
6
  }
6
7
 
8
+ .vchasno-ui-select .vchasno-ui-label-text {
9
+ transform: translate(0, -18px);
10
+ transition:
11
+ font-size 0.3s,
12
+ transform 0.3s;
13
+ }
14
+
15
+ .vchasno-ui-select.--with-value .vchasno-ui-label-text,
16
+ .vchasno-ui-select:focus-within .vchasno-ui-label-text {
17
+ font-size: 12px;
18
+ transform: translate(0, -42px);
19
+ }
20
+
7
21
  .vchasno-ui-select.--wide {
8
22
  width: 100%;
9
23
  }
@@ -157,17 +171,25 @@
157
171
  }
158
172
 
159
173
  .vchasno-ui-select .vchasno-ui-select__multi-value {
174
+ border-radius: 8px;
160
175
  background-color: var(--vchasno-ui-select-option-bg-selected);
161
- outline: 1px solid var(--vchasno-ui-select-menu-border-color, #6b5fff);
176
+ outline: 1px solid var(--vchasno-ui-select-menu-border-color, transparent);
162
177
  }
163
178
 
164
179
  .vchasno-ui-select .vchasno-ui-select__multi-value__remove {
165
- transition:
166
- background-color var(--vchasno-ui-transition-duration-sec, 0.3s),
167
- color var(--vchasno-ui-transition-duration-sec, 0.3s);
180
+ padding: 0;
181
+ padding-right: 3px;
182
+ background-color: transparent;
183
+ transition: color var(--vchasno-ui-transition-duration-sec, 0.3s);
184
+ }
185
+
186
+ .vchasno-ui-select .vchasno-ui-select__multi-value__remove svg {
187
+ width: 16px;
188
+ height: 16px;
168
189
  }
169
190
 
170
191
  .vchasno-ui-select .vchasno-ui-select__multi-value__remove:hover {
192
+ background-color: transparent;
171
193
  cursor: pointer;
172
194
  }
173
195
 
package/dist/css/_theme.css CHANGED
@@ -41,7 +41,7 @@
41
41
  --vchasno-ui-checkbox-font-size: 12px;
42
42
  --vchasno-ui-select-option-bg-selected: #f3f6f8;
43
43
  --vchasno-ui-select-option-color-selected: #333;
44
- --vchasno-ui-select-menu-border-color: #6b5fff;
44
+ --vchasno-ui-select-menu-border-color: transparent;
45
45
  --vchasno-ui-calendar-color: #6b5fff;
46
46
  --vchasno-ui-calendar-bg-hover: #ffb200;
47
47
  --vchasno-ui-text-primary-color: #333;
package/dist/types/components/Select/Label.d.ts CHANGED
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
2
  interface LabelProps {
3
- isFloating: boolean;
4
- label: string;
3
+ label?: string;
5
4
  }
6
5
  declare const Label: React.FC<React.PropsWithChildren<LabelProps>>;
7
6
  export default Label;
package/dist/types/components/Select/customComponents.d.ts CHANGED
@@ -1,11 +1,9 @@
1
1
  import React from 'react';
2
2
  import { ClearIndicatorProps, DropdownIndicatorProps } from 'react-select';
3
- import { CustomControlProps } from './types';
4
3
  declare const _default: {
5
4
  DropdownIndicator: (props: DropdownIndicatorProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => React.JSX.Element;
6
5
  LoadingIndicator: () => React.JSX.Element;
7
6
  IndicatorSeparator: () => null;
8
7
  ClearIndicator: (props: ClearIndicatorProps<unknown, boolean, import("react-select").GroupBase<unknown>>) => React.JSX.Element;
9
- Control: (props: CustomControlProps) => React.JSX.Element;
10
8
  };
11
9
  export default _default;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vchasno/ui-kit",
3
- "version": "0.3.22",
3
+ "version": "0.3.23",
4
4
  "description": "React UI components for Vchasno applications",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",