@itcase/ui 1.8.34 → 1.8.35

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 (39) hide show
  1. package/dist/{ChipsGroup_cjs_DdWjvr_S.js → ChipsGroup_cjs_j3QOma3U.js} +49 -17
  2. package/dist/{ChipsGroup_es_CXS0aeon.js → ChipsGroup_es_DF1fhn97.js} +49 -17
  3. package/dist/{DatePicker_cjs_C-VbK2J4.js → DatePicker_cjs_Bx5_lZNT.js} +23 -27
  4. package/dist/{DatePicker_es_CIEHQyHC.js → DatePicker_es_A1FcasHs.js} +24 -28
  5. package/dist/{DropdownItem_cjs_D-zoX7Ik.js → DropdownItem_cjs_tH2DBClp.js} +4 -2
  6. package/dist/{DropdownItem_es_BMnIhUSe.js → DropdownItem_es_BeVv-pDA.js} +4 -2
  7. package/dist/{Label_cjs_BWbVsB-u.js → Label_cjs_CP4b6Mg2.js} +10 -82
  8. package/dist/{Label_es_ouC2i_iI.js → Label_es_DFSiy5sL.js} +10 -82
  9. package/dist/cjs/components/Cell.js +1 -1
  10. package/dist/cjs/components/Chips.js +1 -1
  11. package/dist/cjs/components/DatePeriod.js +6 -4
  12. package/dist/cjs/components/DatePicker.js +2 -2
  13. package/dist/cjs/components/Dropdown.js +1 -1
  14. package/dist/cjs/components/Label.js +1 -1
  15. package/dist/cjs/components/Pagination.js +1 -1
  16. package/dist/components/Cell.js +1 -1
  17. package/dist/components/Chips.js +1 -1
  18. package/dist/components/DatePeriod.js +6 -4
  19. package/dist/components/DatePicker.js +2 -2
  20. package/dist/components/Dropdown.js +1 -1
  21. package/dist/components/Label.js +1 -1
  22. package/dist/components/Pagination.js +1 -1
  23. package/dist/css/components/Dropdown/Dropdown.css +7 -14
  24. package/dist/css/styles/shape-strength/shape-strength.css +4 -9
  25. package/dist/types/components/Chips/appearance/chipsSize.d.ts +34 -0
  26. package/dist/types/components/Chips/appearance/chipsStyle.d.ts +7 -9
  27. package/dist/types/components/Label/appearance/labelAccent.d.ts +0 -8
  28. package/dist/types/components/Label/appearance/labelDanger.d.ts +0 -12
  29. package/dist/types/components/Label/appearance/labelDisable.d.ts +0 -2
  30. package/dist/types/components/Label/appearance/labelError.d.ts +0 -8
  31. package/dist/types/components/Label/appearance/labelInfo.d.ts +0 -5
  32. package/dist/types/components/Label/appearance/labelPrimary.d.ts +0 -10
  33. package/dist/types/components/Label/appearance/labelSecondary.d.ts +0 -10
  34. package/dist/types/components/Label/appearance/labelSize.d.ts +6 -0
  35. package/dist/types/components/Label/appearance/labelStyle.d.ts +4 -4
  36. package/dist/types/components/Label/appearance/labelSuccess.d.ts +0 -8
  37. package/dist/types/components/Label/appearance/labelSurface.d.ts +0 -6
  38. package/dist/types/components/Label/appearance/labelWarning.d.ts +0 -9
  39. package/package.json +1 -1
@@ -6,9 +6,9 @@ var React = require('react');
6
6
  var clsx = require('clsx');
7
7
  var luxon = require('luxon');
8
8
  var common = require('@itcase/common');
9
- var DatePicker = require('../../DatePicker_cjs_C-VbK2J4.js');
9
+ var DatePicker = require('../../DatePicker_cjs_Bx5_lZNT.js');
10
10
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
11
- var ChipsGroup = require('../../ChipsGroup_cjs_DdWjvr_S.js');
11
+ var ChipsGroup = require('../../ChipsGroup_cjs_j3QOma3U.js');
12
12
  require('date-fns/locale');
13
13
  require('react-datepicker');
14
14
  require('../hooks/useStyles/useStyles.js');
@@ -29,7 +29,7 @@ require('react-inlinesvg');
29
29
  require('../../Link_cjs_DbRGq2Yk.js');
30
30
  require('../../Loader_cjs_CCrbD8Em.js');
31
31
  require('../../Input_cjs_arr_wxD2.js');
32
- require('../../Label_cjs_BWbVsB-u.js');
32
+ require('../../Label_cjs_CP4b6Mg2.js');
33
33
  require('@itcase/icons/default');
34
34
  require('lodash/castArray');
35
35
 
@@ -78,7 +78,7 @@ var datePeriodConfig = {
78
78
  },
79
79
  };
80
80
  function DatePeriod(props) {
81
- var className = props.className, appearance = props.appearance, _a = props.datePeriodIntervalsList, datePeriodIntervalsList = _a === void 0 ? Object.values(common.DATE_PERIOD_INTERVALS) : _a, datePeriodValueEnd = props.datePeriodValueEnd, datePeriodValueStart = props.datePeriodValueStart, isSkeleton = props.isSkeleton, onChangeDatePeriod = props.onChangeDatePeriod;
81
+ var className = props.className, appearance = props.appearance, _a = props.datePeriodIntervalsList, datePeriodIntervalsList = _a === void 0 ? Object.values(common.DATE_PERIOD_INTERVALS) : _a, datePeriodValueEnd = props.datePeriodValueEnd, datePeriodValueStart = props.datePeriodValueStart, isSkeleton = props.isSkeleton, monthsShown = props.monthsShown, onChangeDatePeriod = props.onChangeDatePeriod, onKeyDown = props.onKeyDown;
82
82
  var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
83
83
  var _a;
84
84
  return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = datePeriodConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
@@ -114,6 +114,8 @@ function DatePeriod(props) {
114
114
  showWeekNumbers: true,
115
115
  isClearable: false,
116
116
  isStartDefaultNull: true,
117
+ monthsShown: monthsShown,
118
+ onKeyDown: onKeyDown,
117
119
  }, endValue: datePeriodValueEnd, inputProps: {
118
120
  className: "date-period__datepicker-input date-period__datepicker-input_size_".concat(datePickerInputSize),
119
121
  appearance: "".concat(datePickerInputAppearance, " ghost"),
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var DatePicker = require('../../DatePicker_cjs_C-VbK2J4.js');
3
+ var DatePicker = require('../../DatePicker_cjs_Bx5_lZNT.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -28,7 +28,7 @@ require('react-inlinesvg');
28
28
  require('../../Link_cjs_DbRGq2Yk.js');
29
29
  require('../../Loader_cjs_CCrbD8Em.js');
30
30
  require('../../Input_cjs_arr_wxD2.js');
31
- require('../../Label_cjs_BWbVsB-u.js');
31
+ require('../../Label_cjs_CP4b6Mg2.js');
32
32
  require('@itcase/icons/default');
33
33
 
34
34
 
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var DropdownItem = require('../../DropdownItem_cjs_D-zoX7Ik.js');
3
+ var DropdownItem = require('../../DropdownItem_cjs_tH2DBClp.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Label = require('../../Label_cjs_BWbVsB-u.js');
3
+ var Label = require('../../Label_cjs_CP4b6Mg2.js');
4
4
  require('../../tslib.es6_cjs_CCZ3TN_7.js');
5
5
  require('react/jsx-runtime');
6
6
  require('react');
@@ -8,7 +8,7 @@ var ceil = require('lodash/ceil');
8
8
  var ReactPaginate = require('react-paginate');
9
9
  var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
10
10
  var useStyles = require('../hooks/useStyles/useStyles.js');
11
- var DropdownItem = require('../../DropdownItem_cjs_D-zoX7Ik.js');
11
+ var DropdownItem = require('../../DropdownItem_cjs_tH2DBClp.js');
12
12
  var Tooltip = require('../../Tooltip_cjs_DinScDnC.js');
13
13
  var Text = require('../../Text_cjs_C9fOm0nd.js');
14
14
  var _default = require('@itcase/icons/default');
@@ -4,7 +4,7 @@ import clsx from 'clsx';
4
4
  import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
5
5
  import { useStyles } from '../hooks/useStyles/useStyles.js';
6
6
  import { I as Icon } from '../Tooltip_es_B0nm9irO.js';
7
- import { L as Label } from '../Label_es_ouC2i_iI.js';
7
+ import { L as Label } from '../Label_es_DFSiy5sL.js';
8
8
  import { T as Text } from '../Text_es_BfLRfj-5.js';
9
9
  import 'react';
10
10
  import 'lodash/camelCase';
@@ -1,4 +1,4 @@
1
- export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_CXS0aeon.js';
1
+ export { C as Chips, b as ChipsGroup, a as chipsAppearance, c as chipsConfig } from '../ChipsGroup_es_DF1fhn97.js';
2
2
  import '../tslib.es6_es_Bwu1Cn-t.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
@@ -4,9 +4,9 @@ import { useCallback } from 'react';
4
4
  import clsx from 'clsx';
5
5
  import { DateTime } from 'luxon';
6
6
  import { DATE_PERIOD_INTERVALS } from '@itcase/common';
7
- import { D as DatePickerInput } from '../DatePicker_es_CIEHQyHC.js';
7
+ import { D as DatePickerInput } from '../DatePicker_es_A1FcasHs.js';
8
8
  import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
9
- import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_CXS0aeon.js';
9
+ import { b as ChipsGroup, C as Chips } from '../ChipsGroup_es_DF1fhn97.js';
10
10
  import 'date-fns/locale';
11
11
  import 'react-datepicker';
12
12
  import '../hooks/useStyles/useStyles.js';
@@ -27,7 +27,7 @@ import 'react-inlinesvg';
27
27
  import '../Link_es_DxtZLeKY.js';
28
28
  import '../Loader_es_B2auu_rc.js';
29
29
  import '../Input_es_BW6cZThr.js';
30
- import '../Label_es_ouC2i_iI.js';
30
+ import '../Label_es_DFSiy5sL.js';
31
31
  import '@itcase/icons/default';
32
32
  import 'lodash/castArray';
33
33
 
@@ -76,7 +76,7 @@ var datePeriodConfig = {
76
76
  },
77
77
  };
78
78
  function DatePeriod(props) {
79
- var className = props.className, appearance = props.appearance, _a = props.datePeriodIntervalsList, datePeriodIntervalsList = _a === void 0 ? Object.values(DATE_PERIOD_INTERVALS) : _a, datePeriodValueEnd = props.datePeriodValueEnd, datePeriodValueStart = props.datePeriodValueStart, isSkeleton = props.isSkeleton, onChangeDatePeriod = props.onChangeDatePeriod;
79
+ var className = props.className, appearance = props.appearance, _a = props.datePeriodIntervalsList, datePeriodIntervalsList = _a === void 0 ? Object.values(DATE_PERIOD_INTERVALS) : _a, datePeriodValueEnd = props.datePeriodValueEnd, datePeriodValueStart = props.datePeriodValueStart, isSkeleton = props.isSkeleton, monthsShown = props.monthsShown, onChangeDatePeriod = props.onChangeDatePeriod, onKeyDown = props.onKeyDown;
80
80
  var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
81
81
  var _a;
82
82
  return (__assign(__assign({}, resultConfig), (_a = datePeriodConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
@@ -112,6 +112,8 @@ function DatePeriod(props) {
112
112
  showWeekNumbers: true,
113
113
  isClearable: false,
114
114
  isStartDefaultNull: true,
115
+ monthsShown: monthsShown,
116
+ onKeyDown: onKeyDown,
115
117
  }, endValue: datePeriodValueEnd, inputProps: {
116
118
  className: "date-period__datepicker-input date-period__datepicker-input_size_".concat(datePickerInputSize),
117
119
  appearance: "".concat(datePickerInputAppearance, " ghost"),
@@ -1,4 +1,4 @@
1
- export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_CIEHQyHC.js';
1
+ export { D as DatePickerInput, a as datePickerAppearance, d as datePickerConfig } from '../DatePicker_es_A1FcasHs.js';
2
2
  import '../tslib.es6_es_Bwu1Cn-t.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
@@ -26,5 +26,5 @@ import 'react-inlinesvg';
26
26
  import '../Link_es_DxtZLeKY.js';
27
27
  import '../Loader_es_B2auu_rc.js';
28
28
  import '../Input_es_BW6cZThr.js';
29
- import '../Label_es_ouC2i_iI.js';
29
+ import '../Label_es_DFSiy5sL.js';
30
30
  import '@itcase/icons/default';
@@ -1,4 +1,4 @@
1
- export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_BMnIhUSe.js';
1
+ export { D as Dropdown, a as DropdownItem, d as dropdownItemAppearance, b as dropdownItemConfig } from '../DropdownItem_es_BeVv-pDA.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'react';
4
4
  import 'clsx';
@@ -1,4 +1,4 @@
1
- export { L as Label, a as labelAppearance, l as labelConfig } from '../Label_es_ouC2i_iI.js';
1
+ export { L as Label, a as labelAppearance, l as labelConfig } from '../Label_es_DFSiy5sL.js';
2
2
  import '../tslib.es6_es_Bwu1Cn-t.js';
3
3
  import 'react/jsx-runtime';
4
4
  import 'react';
@@ -6,7 +6,7 @@ import ceil from 'lodash/ceil';
6
6
  import ReactPaginate from 'react-paginate';
7
7
  import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
8
8
  import { useStyles } from '../hooks/useStyles/useStyles.js';
9
- import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_BMnIhUSe.js';
9
+ import { D as Dropdown, a as DropdownItem } from '../DropdownItem_es_BeVv-pDA.js';
10
10
  import { I as Icon } from '../Tooltip_es_B0nm9irO.js';
11
11
  import { T as Text } from '../Text_es_BfLRfj-5.js';
12
12
  import { icons32, icons14, icons24 } from '@itcase/icons/default';
@@ -1,5 +1,6 @@
1
1
  .dropdown {
2
2
  position: relative;
3
+ overflow: hidden;
3
4
  display: flex;
4
5
  &__wrapper {
5
6
  width: 100%;
@@ -33,17 +34,6 @@
33
34
  }
34
35
  }
35
36
  }
36
- .dropdown {
37
- &_shape {
38
- &_rounded {
39
- border-radius: var(--dropdown-shape-rounded);
40
- ^^&__wrapper {
41
- border-radius: var(--dropdown-shape-rounded);
42
- overflow: hidden;
43
- }
44
- }
45
- }
46
- }
47
37
  .dropdown {
48
38
  &_state_close {
49
39
  /* visibility: hidden; */
@@ -64,6 +54,7 @@
64
54
  flex-direction: column;
65
55
  justify-content: center;
66
56
  align-items: center;
57
+ transition: var(--dropdown-item-transition);
67
58
  &-link {
68
59
  display: flex;
69
60
  justify-content: space-between;
@@ -119,15 +110,17 @@
119
110
  }
120
111
  }
121
112
  :root {
122
- /* Sizes L */
113
+ --dropdown-item-transition: all 0.2s ease 0s;
114
+
115
+ /* Size L */
123
116
  --dropdown-item-size-l-padding: 8px 12px;
124
117
  --dropdown-item-size-l-gap: 12px;
125
118
 
126
- /* Sizes M */
119
+ /* Size M */
127
120
  --dropdown-item-size-s-padding: 6px 8px;
128
121
  --dropdown-item-size-s-gap: 0px;
129
122
 
130
- /* Sizes XS */
123
+ /* Size XS */
131
124
  --dropdown-item-size-xs-padding: 4px 8px;
132
125
  --dropdown-item-size-xs-gap: 8px;
133
126
  }
@@ -2,21 +2,16 @@
2
2
  &_default {
3
3
  border-radius: 0.5m;
4
4
  }
5
- &_0-5m {
5
+ &_0-5-m {
6
6
  border-radius: 0.5m;
7
7
  }
8
- &_1m {
8
+ &_1-m {
9
9
  border-radius: 1m;
10
10
  }
11
- &_1-5m {
11
+ &_1-5-m {
12
12
  border-radius: 1.5m;
13
13
  }
14
- &_2m {
14
+ &_2-m {
15
15
  border-radius: 2m;
16
16
  }
17
- /* @each $strength, $value in (0-5m, 1m, 1-5m, 2m), (0.5m, 1m, 1.5m, 2m) {
18
- &_$(strength) {
19
- border-radius: $value;
20
- }
21
- } */
22
17
  }
@@ -1,11 +1,45 @@
1
1
  declare const chipsAppearanceSize: {
2
+ sizeXXL: {
3
+ size: string;
4
+ labelTextSize: string;
5
+ iconAfterSize: number;
6
+ iconBeforeSize: number;
7
+ };
8
+ sizeXL: {
9
+ size: string;
10
+ labelTextSize: string;
11
+ iconAfterSize: number;
12
+ iconBeforeSize: number;
13
+ };
2
14
  sizeL: {
3
15
  size: string;
4
16
  labelTextSize: string;
17
+ iconAfterSize: number;
18
+ iconBeforeSize: number;
5
19
  };
6
20
  sizeM: {
7
21
  size: string;
8
22
  labelTextSize: string;
23
+ iconAfterSize: number;
24
+ iconBeforeSize: number;
25
+ };
26
+ sizeS: {
27
+ size: string;
28
+ labelTextSize: string;
29
+ iconAfterSize: number;
30
+ iconBeforeSize: number;
31
+ };
32
+ sizeXS: {
33
+ size: string;
34
+ labelTextSize: string;
35
+ iconAfterSize: number;
36
+ iconBeforeSize: number;
37
+ };
38
+ sizeXXS: {
39
+ size: string;
40
+ labelTextSize: string;
41
+ iconAfterSize: number;
42
+ iconBeforeSize: number;
9
43
  };
10
44
  };
11
45
  export { chipsAppearanceSize };
@@ -1,16 +1,14 @@
1
1
  declare const chipsAppearanceStyle: {
2
- full: {
3
- borderColor: null;
4
- };
5
- ghost: {
6
- fill: null;
7
- borderColor: null;
2
+ solid: {
3
+ borderColor: string;
8
4
  };
9
5
  outlined: {
10
- fill: null;
6
+ fill: string;
11
7
  };
12
- solid: {
13
- borderColor: null;
8
+ full: {};
9
+ ghost: {
10
+ fill: string;
11
+ borderColor: string;
14
12
  };
15
13
  };
16
14
  export { chipsAppearanceStyle };
@@ -1,13 +1,7 @@
1
1
  declare const labelAppearanceAccent: {
2
- accent: {
3
- fill: string;
4
- labelTextColor: string;
5
- labelTextColorHover: string;
6
- };
7
2
  accentMutedPrimary: {
8
3
  fill: string;
9
4
  labelTextColor: string;
10
- labelTextColorHover: string;
11
5
  borderColor: string;
12
6
  iconAfterFillIcon: string;
13
7
  iconBeforeFillIcon: string;
@@ -15,7 +9,6 @@ declare const labelAppearanceAccent: {
15
9
  accentPrimary: {
16
10
  fill: string;
17
11
  labelTextColor: string;
18
- labelTextColorHover: string;
19
12
  borderColor: string;
20
13
  iconAfterFillIcon: string;
21
14
  iconBeforeFillIcon: string;
@@ -23,7 +16,6 @@ declare const labelAppearanceAccent: {
23
16
  accentTertiary: {
24
17
  fill: string;
25
18
  labelTextColor: string;
26
- labelTextColorHover: string;
27
19
  };
28
20
  };
29
21
  export { labelAppearanceAccent };
@@ -1,26 +1,14 @@
1
1
  declare const labelAppearanceDanger: {
2
- danger: {
3
- fill: string;
4
- fillHover: string;
5
- labelTextColor: string;
6
- labelTextColorHover: string;
7
- borderColor: string;
8
- iconAfterFillIcon: string;
9
- iconBeforeFillIcon: string;
10
- };
11
2
  dangerMutedPrimary: {
12
3
  fill: string;
13
4
  labelTextColor: string;
14
- labelTextColorHover: string;
15
5
  borderColor: string;
16
6
  iconAfterFillIcon: string;
17
7
  iconBeforeFillIcon: string;
18
8
  };
19
9
  dangerPrimary: {
20
10
  fill: string;
21
- fillHover: string;
22
11
  labelTextColor: string;
23
- labelTextColorHover: string;
24
12
  borderColor: string;
25
13
  iconAfterFillIcon: string;
26
14
  iconBeforeFillIcon: string;
@@ -2,7 +2,6 @@ declare const labelAppearanceDisable: {
2
2
  disablePrimary: {
3
3
  fill: string;
4
4
  labelTextColor: string;
5
- labelTextColorHover: string;
6
5
  borderColor: string;
7
6
  iconAfterFillIcon: string;
8
7
  iconBeforeFillIcon: string;
@@ -10,7 +9,6 @@ declare const labelAppearanceDisable: {
10
9
  disableMuted: {
11
10
  fill: string;
12
11
  labelTextColor: string;
13
- labelTextColorHover: string;
14
12
  borderColor: string;
15
13
  iconAfterFillIcon: string;
16
14
  iconBeforeFillIcon: string;
@@ -1,14 +1,7 @@
1
1
  declare const labelAppearanceError: {
2
- error: {
3
- fill: string;
4
- fillHover: string;
5
- labelTextColor: string;
6
- labelTextColorHover: string;
7
- };
8
2
  errorMutedPrimary: {
9
3
  fill: string;
10
4
  labelTextColor: string;
11
- labelTextColorHover: string;
12
5
  borderColor: string;
13
6
  iconAfterFillIcon: string;
14
7
  iconBeforeFillIcon: string;
@@ -17,7 +10,6 @@ declare const labelAppearanceError: {
17
10
  fill: string;
18
11
  fillHover: string;
19
12
  labelTextColor: string;
20
- labelTextColorHover: string;
21
13
  borderColor: string;
22
14
  iconAfterFillIcon: string;
23
15
  iconBeforeFillIcon: string;
@@ -2,25 +2,20 @@ declare const labelAppearanceInfo: {
2
2
  infoMutedPrimary: {
3
3
  fill: string;
4
4
  labelTextColor: string;
5
- labelTextColorHover: string;
6
5
  borderColor: string;
7
6
  iconAfterFillIcon: string;
8
7
  iconBeforeFillIcon: string;
9
8
  };
10
9
  infoPrimary: {
11
10
  fill: string;
12
- fillHover: string;
13
11
  labelTextColor: string;
14
- labelTextColorHover: string;
15
12
  borderColor: string;
16
13
  iconAfterFillIcon: string;
17
14
  iconBeforeFillIcon: string;
18
15
  };
19
16
  infoSecondary: {
20
17
  fill: string;
21
- fillHover: string;
22
18
  labelTextColor: string;
23
- labelTextColorHover: string;
24
19
  borderColor: string;
25
20
  iconAfterFillIcon: string;
26
21
  iconBeforeFillIcon: string;
@@ -1,16 +1,7 @@
1
1
  declare const labelAppearancePrimary: {
2
- primary: {
3
- fill: string;
4
- labelTextColor: string;
5
- labelTextColorHover: string;
6
- borderColor: string;
7
- iconAfterFillIcon: string;
8
- iconBeforeFillIcon: string;
9
- };
10
2
  primaryMutedPrimary: {
11
3
  fill: string;
12
4
  labelTextColor: string;
13
- labelTextColorHover: string;
14
5
  borderColor: string;
15
6
  iconAfterFillIcon: string;
16
7
  iconBeforeFillIcon: string;
@@ -18,7 +9,6 @@ declare const labelAppearancePrimary: {
18
9
  primaryPrimary: {
19
10
  fill: string;
20
11
  labelTextColor: string;
21
- labelTextColorHover: string;
22
12
  borderColor: string;
23
13
  iconAfterFillIcon: string;
24
14
  iconBeforeFillIcon: string;
@@ -1,16 +1,7 @@
1
1
  declare const labelAppearanceSecondary: {
2
- secondary: {
3
- fill: string;
4
- labelTextColor: string;
5
- labelTextColorHover: string;
6
- borderColor: string;
7
- iconAfterFillIcon: string;
8
- iconBeforeFillIcon: string;
9
- };
10
2
  secondaryMutedPrimary: {
11
3
  fill: string;
12
4
  labelTextColor: string;
13
- labelTextColorHover: string;
14
5
  borderColor: string;
15
6
  iconAfterFillIcon: string;
16
7
  iconBeforeFillIcon: string;
@@ -18,7 +9,6 @@ declare const labelAppearanceSecondary: {
18
9
  secondaryPrimary: {
19
10
  fill: string;
20
11
  labelTextColor: string;
21
- labelTextColorHover: string;
22
12
  borderColor: string;
23
13
  iconAfterFillIcon: string;
24
14
  iconBeforeFillIcon: string;
@@ -8,6 +8,7 @@ declare const labelAppearanceSize: {
8
8
  iconBeforeSize: number;
9
9
  };
10
10
  sizeXL: {
11
+ size: string;
11
12
  labelTextSize: string;
12
13
  iconAfterFillSize: number;
13
14
  iconAfterSize: number;
@@ -15,6 +16,7 @@ declare const labelAppearanceSize: {
15
16
  iconBeforeSize: number;
16
17
  };
17
18
  sizeL: {
19
+ size: string;
18
20
  labelTextSize: string;
19
21
  iconAfterFillSize: number;
20
22
  iconAfterSize: number;
@@ -22,6 +24,7 @@ declare const labelAppearanceSize: {
22
24
  iconBeforeSize: number;
23
25
  };
24
26
  sizeM: {
27
+ size: string;
25
28
  labelTextSize: string;
26
29
  iconAfterFillSize: number;
27
30
  iconAfterSize: number;
@@ -29,6 +32,7 @@ declare const labelAppearanceSize: {
29
32
  iconBeforeSize: number;
30
33
  };
31
34
  sizeS: {
35
+ size: string;
32
36
  labelTextSize: string;
33
37
  iconAfterFillSize: number;
34
38
  iconAfterSize: number;
@@ -36,6 +40,7 @@ declare const labelAppearanceSize: {
36
40
  iconBeforeSize: number;
37
41
  };
38
42
  sizeXS: {
43
+ size: string;
39
44
  labelTextSize: string;
40
45
  iconAfterFillSize: number;
41
46
  iconAfterSize: number;
@@ -43,6 +48,7 @@ declare const labelAppearanceSize: {
43
48
  iconBeforeSize: number;
44
49
  };
45
50
  sizeXXS: {
51
+ size: string;
46
52
  labelTextSize: string;
47
53
  iconAfterFillSize: number;
48
54
  iconAfterSize: number;
@@ -1,13 +1,13 @@
1
1
  declare const labelAppearanceStyle: {
2
- full: {};
3
- ghost: {
4
- fill: string;
2
+ solid: {
5
3
  borderColor: string;
6
4
  };
7
5
  outlined: {
8
6
  fill: string;
9
7
  };
10
- solid: {
8
+ full: {};
9
+ ghost: {
10
+ fill: string;
11
11
  borderColor: string;
12
12
  };
13
13
  };
@@ -1,14 +1,7 @@
1
1
  declare const labelAppearanceSuccess: {
2
- success: {
3
- fill: string;
4
- fillHover: string;
5
- labelTextColor: string;
6
- labelTextColorHover: string;
7
- };
8
2
  successMutedPrimary: {
9
3
  fill: string;
10
4
  labelTextColor: string;
11
- labelTextColorHover: string;
12
5
  borderColor: string;
13
6
  iconAfterFillIcon: string;
14
7
  iconBeforeFillIcon: string;
@@ -17,7 +10,6 @@ declare const labelAppearanceSuccess: {
17
10
  fill: string;
18
11
  fillHover: string;
19
12
  labelTextColor: string;
20
- labelTextColorHover: string;
21
13
  borderColor: string;
22
14
  iconAfterFillIcon: string;
23
15
  iconBeforeFillIcon: string;
@@ -2,16 +2,13 @@ declare const labelAppearanceSurface: {
2
2
  surfaceMutedPrimary: {
3
3
  fill: string;
4
4
  labelTextColor: string;
5
- labelTextColorHover: string;
6
5
  borderColor: string;
7
6
  iconAfterFillIcon: string;
8
7
  iconBeforeFillIcon: string;
9
8
  };
10
9
  surfacePrimary: {
11
10
  fill: string;
12
- fillHover: string;
13
11
  labelTextColor: string;
14
- labelTextColorHover: string;
15
12
  borderColor: string;
16
13
  iconAfterFillIcon: string;
17
14
  iconBeforeFillIcon: string;
@@ -19,17 +16,14 @@ declare const labelAppearanceSurface: {
19
16
  surfaceSecondary: {
20
17
  fill: string;
21
18
  labelTextColor: string;
22
- labelTextColorHover: string;
23
19
  };
24
20
  surfaceTertiary: {
25
21
  fill: string;
26
22
  labelTextColor: string;
27
- labelTextColorHover: string;
28
23
  };
29
24
  surfaceQuaternary: {
30
25
  fill: string;
31
26
  labelTextColor: string;
32
- labelTextColorHover: string;
33
27
  };
34
28
  };
35
29
  export { labelAppearanceSurface };
@@ -1,23 +1,14 @@
1
1
  declare const labelAppearanceWarning: {
2
- warning: {
3
- fill: string;
4
- fillHover: string;
5
- labelTextColor: string;
6
- labelTextColorHover: string;
7
- };
8
2
  warningMutedPrimary: {
9
3
  fill: string;
10
4
  labelTextColor: string;
11
- labelTextColorHover: string;
12
5
  borderColor: string;
13
6
  iconAfterFillIcon: string;
14
7
  iconBeforeFillIcon: string;
15
8
  };
16
9
  warningPrimary: {
17
10
  fill: string;
18
- fillHover: string;
19
11
  labelTextColor: string;
20
- labelTextColorHover: string;
21
12
  borderColor: string;
22
13
  iconAfterFillIcon: string;
23
14
  iconBeforeFillIcon: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@itcase/ui",
3
- "version": "1.8.34",
3
+ "version": "1.8.35",
4
4
  "description": "UI components (Modal, Loader, Popup, etc)",
5
5
  "keywords": [
6
6
  "Modal",