@itcase/ui 1.2.24 → 1.2.25

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 (73) hide show
  1. package/dist/{Button-AKN9f9n0.js → Button-C0M-Ap20.js} +1 -1
  2. package/dist/{Button-Bf9kDDqK.js → Button-COsywjkv.js} +1 -1
  3. package/dist/{Icon-B1V8M_j9.js → Icon-CkynFJm4.js} +1 -1
  4. package/dist/{Icon-Du1Nyea-.js → Icon-CliIEdbp.js} +1 -1
  5. package/dist/{Label-B0O9q0E4.js → Label-BPP0om7_.js} +1 -1
  6. package/dist/{Label-D8DRdqad.js → Label-ukXod6pv.js} +1 -1
  7. package/dist/{Title-zwP6c2U2.js → Title-B-N0qkn3.js} +9 -1
  8. package/dist/{Title-BfSFPJtJ.js → Title-CqwqEtm7.js} +9 -1
  9. package/dist/{Tooltip-aaDRYNWY.js → Tooltip-B2vv4OAX.js} +1 -1
  10. package/dist/{Tooltip-xGmgUzGr.js → Tooltip-DsTCGS6h.js} +1 -1
  11. package/dist/cjs/components/Accordion.js +3 -3
  12. package/dist/cjs/components/Avatar.js +3 -3
  13. package/dist/cjs/components/Breadcrumbs.js +3 -3
  14. package/dist/cjs/components/Button.js +4 -4
  15. package/dist/cjs/components/Cell.js +4 -4
  16. package/dist/cjs/components/Choice.js +3 -3
  17. package/dist/cjs/components/ContextMenu.js +3 -3
  18. package/dist/cjs/components/CookiesWarning.js +4 -4
  19. package/dist/cjs/components/DatePicker.js +5 -5
  20. package/dist/cjs/components/Icon.js +3 -3
  21. package/dist/cjs/components/InputPassword.js +3 -3
  22. package/dist/cjs/components/Label.js +3 -3
  23. package/dist/cjs/components/LanguageSelector.js +3 -3
  24. package/dist/cjs/components/Notification.js +13 -14
  25. package/dist/cjs/components/Pagination.js +3 -3
  26. package/dist/cjs/components/Response.js +4 -4
  27. package/dist/cjs/components/Search.js +3 -3
  28. package/dist/cjs/components/Select.js +3 -3
  29. package/dist/cjs/components/SiteMenu.js +3 -3
  30. package/dist/cjs/components/Swiper.js +1 -1
  31. package/dist/cjs/components/Tile.js +1 -1
  32. package/dist/cjs/components/Title.js +1 -1
  33. package/dist/cjs/components/Tooltip.js +2 -2
  34. package/dist/components/Accordion.js +3 -3
  35. package/dist/components/Avatar.js +3 -3
  36. package/dist/components/Breadcrumbs.js +3 -3
  37. package/dist/components/Button.js +4 -4
  38. package/dist/components/Cell.js +4 -4
  39. package/dist/components/Choice.js +3 -3
  40. package/dist/components/ContextMenu.js +3 -3
  41. package/dist/components/CookiesWarning.js +4 -4
  42. package/dist/components/DatePicker.js +5 -5
  43. package/dist/components/Icon.js +3 -3
  44. package/dist/components/InputPassword.js +3 -3
  45. package/dist/components/Label.js +3 -3
  46. package/dist/components/LanguageSelector.js +3 -3
  47. package/dist/components/Notification.js +13 -14
  48. package/dist/components/Pagination.js +3 -3
  49. package/dist/components/Response.js +4 -4
  50. package/dist/components/Search.js +3 -3
  51. package/dist/components/Select.js +3 -3
  52. package/dist/components/SiteMenu.js +3 -3
  53. package/dist/components/Swiper.js +1 -1
  54. package/dist/components/Tile.js +1 -1
  55. package/dist/components/Title.js +1 -1
  56. package/dist/components/Tooltip.js +2 -2
  57. package/dist/css/components/Swiper/Swiper.css +2 -2
  58. package/dist/stories/appearance.mdx +5 -0
  59. package/dist/stories/colors.mdx +239 -0
  60. package/dist/stories/elevation.mdx +80 -0
  61. package/dist/stories/mixins_animation.mdx +5 -0
  62. package/dist/stories/mixins_dark-light.mdx +54 -0
  63. package/dist/stories/mixins_elevation.mdx +5 -0
  64. package/dist/stories/mixins_fill-gradient.mdx +5 -0
  65. package/dist/stories/mixins_typography.mdx +133 -0
  66. package/dist/stories/mixins_utils.mdx +5 -0
  67. package/dist/stories/typography.mdx +82 -0
  68. package/dist/types/components/Notification/Notification.interface.d.ts +2 -1
  69. package/dist/types/components/Notification/NotificationItem.d.ts +0 -6
  70. package/package.json +17 -16
  71. package/dist/stories/Configure.mdx +0 -364
  72. package/dist/stories/Header.stories.js +0 -29
  73. package/dist/stories/Page.stories.js +0 -28
@@ -1,6 +1,6 @@
1
1
  'use strict';
2
2
 
3
- var Tooltip = require('../../Tooltip-xGmgUzGr.js');
3
+ var Tooltip = require('../../Tooltip-DsTCGS6h.js');
4
4
  require('react/jsx-runtime');
5
5
  require('react');
6
6
  require('clsx');
@@ -16,7 +16,7 @@ require('lodash/maxBy');
16
16
  require('lodash/upperFirst');
17
17
  require('../hooks/styleAttributes.js');
18
18
  require('../../Text-_YhyTsQ1.js');
19
- require('../../Title-zwP6c2U2.js');
19
+ require('../../Title-B-N0qkn3.js');
20
20
 
21
21
 
22
22
 
@@ -6,7 +6,7 @@ import castArray from 'lodash/castArray';
6
6
  import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
7
7
  import { useStyles } from '../hooks/useStyles.js';
8
8
  import { D as Divider } from '../Divider-U5UdY-ef.js';
9
- import { I as Icon } from '../Icon-Du1Nyea-.js';
9
+ import { I as Icon } from '../Icon-CliIEdbp.js';
10
10
  import { T as Text } from '../Text-CG3xPG27.js';
11
11
  import 'lodash/camelCase';
12
12
  import '../context/UIContext.js';
@@ -18,8 +18,8 @@ import 'lodash/upperFirst';
18
18
  import '../hooks/styleAttributes.js';
19
19
  import 'react-inlinesvg';
20
20
  import '../Link-CeQuavin.js';
21
- import '../Tooltip-aaDRYNWY.js';
22
- import '../Title-BfSFPJtJ.js';
21
+ import '../Tooltip-B2vv4OAX.js';
22
+ import '../Title-CqwqEtm7.js';
23
23
 
24
24
  var ChevronDown16 = function ChevronDown16(props) {
25
25
  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
2
2
  import { useMemo } from 'react';
3
3
  import clsx from 'clsx';
4
4
  import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
5
- import { I as Icon } from '../Icon-Du1Nyea-.js';
5
+ import { I as Icon } from '../Icon-CliIEdbp.js';
6
6
  import { I as Image } from '../Image-8t6PvsaZ.js';
7
7
  import { T as Text } from '../Text-CG3xPG27.js';
8
8
  import 'lodash/castArray';
@@ -18,8 +18,8 @@ import 'lodash/upperFirst';
18
18
  import '../hooks/styleAttributes.js';
19
19
  import '../Link-CeQuavin.js';
20
20
  import '../tslib.es6-5FtW-kfi.js';
21
- import '../Tooltip-aaDRYNWY.js';
22
- import '../Title-BfSFPJtJ.js';
21
+ import '../Tooltip-B2vv4OAX.js';
22
+ import '../Title-CqwqEtm7.js';
23
23
 
24
24
  function Avatar(props) {
25
25
  var className = props.className, Dot = props.Dot, icon = props.icon, _a = props.size, size = _a === void 0 ? '96' : _a, after = props.after, before = props.before, src = props.src, type = props.type, mode = props.mode, onClick = props.onClick, _b = props.textSize, textSize = _b === void 0 ? 'l' : _b, _c = props.textColor, textColor = _c === void 0 ? 'surfaceTextTertiary' : _c, _d = props.textWeight, textWeight = _d === void 0 ? '600' : _d, iconSrc = props.iconSrc, iconItemFill = props.iconItemFill, iconShape = props.iconShape, iconSize = props.iconSize, iconFill = props.iconFill, iconFillHover = props.iconFillHover, iconFillSize = props.iconFillSize, _e = props.firstName, firstName = _e === void 0 ? '' : _e, _f = props.secondName, secondName = _f === void 0 ? '' : _f;
@@ -5,7 +5,7 @@ import clsx from 'clsx';
5
5
  import camelCase from 'lodash/camelCase';
6
6
  import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
7
7
  import { useStyles } from '../hooks/useStyles.js';
8
- import { I as Icon } from '../Icon-Du1Nyea-.js';
8
+ import { I as Icon } from '../Icon-CliIEdbp.js';
9
9
  import { a as LinkWrapper } from '../Link-CeQuavin.js';
10
10
  import { T as Text } from '../Text-CG3xPG27.js';
11
11
  import 'lodash/castArray';
@@ -17,8 +17,8 @@ import 'lodash/maxBy';
17
17
  import 'lodash/upperFirst';
18
18
  import '../hooks/styleAttributes.js';
19
19
  import 'react-inlinesvg';
20
- import '../Tooltip-aaDRYNWY.js';
21
- import '../Title-BfSFPJtJ.js';
20
+ import '../Tooltip-B2vv4OAX.js';
21
+ import '../Title-CqwqEtm7.js';
22
22
 
23
23
  function BreadcrumbsItem(props) {
24
24
  var children = props.children, className = props.className, cursor = props.cursor, _a = props.set, set = _a === void 0 ? 'default' : _a, text = props.text, textSize = props.textSize, textColor = props.textColor, textColorHover = props.textColorHover, href = props.href, iconAfter = props.iconAfter, iconAfterSize = props.iconAfterSize, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, onClick = props.onClick;
@@ -1,4 +1,4 @@
1
- export { B as Button, b as buttonConfig } from '../Button-AKN9f9n0.js';
1
+ export { B as Button, b as buttonConfig } from '../Button-C0M-Ap20.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'react';
4
4
  import 'clsx';
@@ -13,11 +13,11 @@ import '../hooks/useStyles.js';
13
13
  import 'lodash/maxBy';
14
14
  import 'lodash/upperFirst';
15
15
  import '../hooks/styleAttributes.js';
16
- import '../Icon-Du1Nyea-.js';
16
+ import '../Icon-CliIEdbp.js';
17
17
  import 'react-inlinesvg';
18
18
  import '../Link-CeQuavin.js';
19
19
  import '../tslib.es6-5FtW-kfi.js';
20
- import '../Tooltip-aaDRYNWY.js';
20
+ import '../Tooltip-B2vv4OAX.js';
21
21
  import '../Text-CG3xPG27.js';
22
- import '../Title-BfSFPJtJ.js';
22
+ import '../Title-CqwqEtm7.js';
23
23
  import '../Loader-CJ8ZCdwy.js';
@@ -2,8 +2,8 @@ import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import clsx from 'clsx';
3
3
  import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
4
4
  import { useStyles } from '../hooks/useStyles.js';
5
- import { I as Icon } from '../Icon-Du1Nyea-.js';
6
- import { L as Label } from '../Label-D8DRdqad.js';
5
+ import { I as Icon } from '../Icon-CliIEdbp.js';
6
+ import { L as Label } from '../Label-ukXod6pv.js';
7
7
  import { T as Text } from '../Text-CG3xPG27.js';
8
8
  import 'react';
9
9
  import 'lodash/castArray';
@@ -18,8 +18,8 @@ import '../hooks/styleAttributes.js';
18
18
  import 'react-inlinesvg';
19
19
  import '../Link-CeQuavin.js';
20
20
  import '../tslib.es6-5FtW-kfi.js';
21
- import '../Tooltip-aaDRYNWY.js';
22
- import '../Title-BfSFPJtJ.js';
21
+ import '../Tooltip-B2vv4OAX.js';
22
+ import '../Title-CqwqEtm7.js';
23
23
 
24
24
  function Cell(props) {
25
25
  var isActive = props.isActive, isDisabled = props.isDisabled, isEqual = props.isEqual, after = props.after, before = props.before, className = props.className, mode = props.mode, reverse = props.reverse, set = props.set, showTitleLabel = props.showTitleLabel, showValueLabel = props.showValueLabel, size = props.size, title = props.title, titleIcon = props.titleIcon, titleIconFill = props.titleIconFill, titleIconFillHover = props.titleIconFillHover, titleIconFillSize = props.titleIconFillSize, titleIconItemFill = props.titleIconItemFill, titleIconShape = props.titleIconShape, titleIconSrc = props.titleIconSrc, titleLabel = props.titleLabel, titleLabelAppearance = props.titleLabelAppearance, titleLabelShape = props.titleLabelShape, titleLabelSize = props.titleLabelSize, titleLabelTextSize = props.titleLabelTextSize, titleTag = props.titleTag, titleTextColor = props.titleTextColor, titleTextSize = props.titleTextSize, titleTextTruncate = props.titleTextTruncate, titleTextWeight = props.titleTextWeight, titleTextWrap = props.titleTextWrap, value = props.value, valueIcon = props.valueIcon, valueIconFill = props.valueIconFill, valueIconFillHover = props.valueIconFillHover, valueIconFillSize = props.valueIconFillSize, valueIconItemFill = props.valueIconItemFill, valueIconShape = props.valueIconShape, valueIconSrc = props.valueIconSrc, valueLabel = props.valueLabel, valueLabelAppearance = props.valueLabelAppearance, valueLabelShape = props.valueLabelShape, valueLabelSize = props.valueLabelSize, valueLabelTextSize = props.valueLabelTextSize, valueTag = props.valueTag, valueTextAlign = props.valueTextAlign, valueTextColor = props.valueTextColor, valueTextSize = props.valueTextSize, valueTextTruncate = props.valueTextTruncate, valueTextWeight = props.valueTextWeight, valueTextWrap = props.valueTextWrap, zeroGap = props.zeroGap, zeroPadding = props.zeroPadding, onClick = props.onClick, onMouseEnter = props.onMouseEnter;
@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
2
2
  import React, { useRef, useMemo, createRef, useCallback } from 'react';
3
3
  import clsx from 'clsx';
4
4
  import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
5
- import { I as Icon } from '../Icon-Du1Nyea-.js';
5
+ import { I as Icon } from '../Icon-CliIEdbp.js';
6
6
  import { L as Loader } from '../Loader-CJ8ZCdwy.js';
7
7
  import { T as Text } from '../Text-CG3xPG27.js';
8
8
  import 'lodash/castArray';
@@ -18,8 +18,8 @@ import 'lodash/upperFirst';
18
18
  import '../hooks/styleAttributes.js';
19
19
  import '../Link-CeQuavin.js';
20
20
  import '../tslib.es6-5FtW-kfi.js';
21
- import '../Tooltip-aaDRYNWY.js';
22
- import '../Title-BfSFPJtJ.js';
21
+ import '../Tooltip-B2vv4OAX.js';
22
+ import '../Title-CqwqEtm7.js';
23
23
 
24
24
  var choiceConfig = {
25
25
  appearance: {},
@@ -2,7 +2,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
2
2
  import clsx from 'clsx';
3
3
  import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
4
4
  import { D as Divider } from '../Divider-U5UdY-ef.js';
5
- import { I as Icon } from '../Icon-Du1Nyea-.js';
5
+ import { I as Icon } from '../Icon-CliIEdbp.js';
6
6
  import { T as Text } from '../Text-CG3xPG27.js';
7
7
  import 'react';
8
8
  import 'lodash/castArray';
@@ -18,8 +18,8 @@ import '../hooks/styleAttributes.js';
18
18
  import 'react-inlinesvg';
19
19
  import '../Link-CeQuavin.js';
20
20
  import '../tslib.es6-5FtW-kfi.js';
21
- import '../Tooltip-aaDRYNWY.js';
22
- import '../Title-BfSFPJtJ.js';
21
+ import '../Tooltip-B2vv4OAX.js';
22
+ import '../Title-CqwqEtm7.js';
23
23
 
24
24
  function ContextMenu(props) {
25
25
  var id = props.id, children = props.children, className = props.className, set = props.set, onClick = props.onClick;
@@ -3,7 +3,7 @@ import { useRef, useMemo, useCallback, useEffect } from 'react';
3
3
  import clsx from 'clsx';
4
4
  import Cookies from 'js-cookie';
5
5
  import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
6
- import { B as Button } from '../Button-AKN9f9n0.js';
6
+ import { B as Button } from '../Button-C0M-Ap20.js';
7
7
  import { G as Group } from '../Group-CVUfaHaS.js';
8
8
  import { T as Text } from '../Text-CG3xPG27.js';
9
9
  import 'lodash/castArray';
@@ -16,12 +16,12 @@ import '../hooks/useStyles.js';
16
16
  import 'lodash/maxBy';
17
17
  import 'lodash/upperFirst';
18
18
  import '../hooks/styleAttributes.js';
19
- import '../Icon-Du1Nyea-.js';
19
+ import '../Icon-CliIEdbp.js';
20
20
  import 'react-inlinesvg';
21
21
  import '../Link-CeQuavin.js';
22
22
  import '../tslib.es6-5FtW-kfi.js';
23
- import '../Tooltip-aaDRYNWY.js';
24
- import '../Title-BfSFPJtJ.js';
23
+ import '../Tooltip-B2vv4OAX.js';
24
+ import '../Title-CqwqEtm7.js';
25
25
  import '../Loader-CJ8ZCdwy.js';
26
26
 
27
27
  function CookiesWarning(props) {
@@ -5,10 +5,10 @@ import clsx from 'clsx';
5
5
  import DatePicker from 'react-datepicker';
6
6
  import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
7
7
  import { useStyles } from '../hooks/useStyles.js';
8
- import { B as Button } from '../Button-AKN9f9n0.js';
9
- import { I as Icon } from '../Icon-Du1Nyea-.js';
8
+ import { B as Button } from '../Button-C0M-Ap20.js';
9
+ import { I as Icon } from '../Icon-CliIEdbp.js';
10
10
  import { I as Input } from '../Input-UkM-ag48.js';
11
- import { L as Label } from '../Label-D8DRdqad.js';
11
+ import { L as Label } from '../Label-ukXod6pv.js';
12
12
  import { T as Text } from '../Text-CG3xPG27.js';
13
13
  import 'lodash/castArray';
14
14
  import 'lodash/camelCase';
@@ -22,8 +22,8 @@ import '../hooks/styleAttributes.js';
22
22
  import '../Link-CeQuavin.js';
23
23
  import '../Loader-CJ8ZCdwy.js';
24
24
  import 'react-inlinesvg';
25
- import '../Tooltip-aaDRYNWY.js';
26
- import '../Title-BfSFPJtJ.js';
25
+ import '../Tooltip-B2vv4OAX.js';
26
+ import '../Title-CqwqEtm7.js';
27
27
 
28
28
  function buildFormatLongFn(args) {
29
29
  return (options = {}) => {
@@ -1,4 +1,4 @@
1
- export { I as Icon, i as iconConfig } from '../Icon-Du1Nyea-.js';
1
+ export { I as Icon, i as iconConfig } from '../Icon-CliIEdbp.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'react';
4
4
  import 'clsx';
@@ -16,6 +16,6 @@ import 'lodash/upperFirst';
16
16
  import '../hooks/styleAttributes.js';
17
17
  import '../Link-CeQuavin.js';
18
18
  import '../tslib.es6-5FtW-kfi.js';
19
- import '../Tooltip-aaDRYNWY.js';
19
+ import '../Tooltip-B2vv4OAX.js';
20
20
  import '../Text-CG3xPG27.js';
21
- import '../Title-BfSFPJtJ.js';
21
+ import '../Title-CqwqEtm7.js';
@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import { useState, useMemo, useCallback } from 'react';
3
3
  import clsx from 'clsx';
4
4
  import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
5
- import { I as Icon } from '../Icon-Du1Nyea-.js';
5
+ import { I as Icon } from '../Icon-CliIEdbp.js';
6
6
  import 'lodash/castArray';
7
7
  import 'lodash/camelCase';
8
8
  import '../context/UIContext.js';
@@ -16,9 +16,9 @@ import 'lodash/upperFirst';
16
16
  import '../hooks/styleAttributes.js';
17
17
  import '../Link-CeQuavin.js';
18
18
  import '../tslib.es6-5FtW-kfi.js';
19
- import '../Tooltip-aaDRYNWY.js';
19
+ import '../Tooltip-B2vv4OAX.js';
20
20
  import '../Text-CG3xPG27.js';
21
- import '../Title-BfSFPJtJ.js';
21
+ import '../Title-CqwqEtm7.js';
22
22
 
23
23
  var inputPasswordConfig = {
24
24
  appearance: undefined,
@@ -1,4 +1,4 @@
1
- export { L as Label, l as labelConfig } from '../Label-D8DRdqad.js';
1
+ export { L as Label, l as labelConfig } from '../Label-ukXod6pv.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'react';
4
4
  import 'clsx';
@@ -14,5 +14,5 @@ import 'lodash/maxBy';
14
14
  import 'lodash/upperFirst';
15
15
  import '../hooks/styleAttributes.js';
16
16
  import '../Text-CG3xPG27.js';
17
- import '../Tooltip-aaDRYNWY.js';
18
- import '../Title-BfSFPJtJ.js';
17
+ import '../Tooltip-B2vv4OAX.js';
18
+ import '../Title-CqwqEtm7.js';
@@ -1,6 +1,6 @@
1
1
  import { jsx, jsxs } from 'react/jsx-runtime';
2
2
  import clsx from 'clsx';
3
- import { I as Icon } from '../Icon-Du1Nyea-.js';
3
+ import { I as Icon } from '../Icon-CliIEdbp.js';
4
4
  import 'react';
5
5
  import 'react-inlinesvg';
6
6
  import '../hooks/useDeviceTargetClass.js';
@@ -16,9 +16,9 @@ import 'lodash/upperFirst';
16
16
  import '../hooks/styleAttributes.js';
17
17
  import '../Link-CeQuavin.js';
18
18
  import '../tslib.es6-5FtW-kfi.js';
19
- import '../Tooltip-aaDRYNWY.js';
19
+ import '../Tooltip-B2vv4OAX.js';
20
20
  import '../Text-CG3xPG27.js';
21
- import '../Title-BfSFPJtJ.js';
21
+ import '../Title-CqwqEtm7.js';
22
22
 
23
23
  function LanguageSelectorItem(props) {
24
24
  var label = props.label, iconSize = props.iconSize, SvgImage = props.SvgImage, isActive = props.isActive, onClick = props.onClick;
@@ -1,20 +1,20 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import clsx from 'clsx';
3
+ import { useStyles } from '../hooks/useStyles.js';
3
4
  import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
4
5
  import { T as Text } from '../Text-CG3xPG27.js';
5
- import { T as Title } from '../Title-BfSFPJtJ.js';
6
+ import { T as Title } from '../Title-CqwqEtm7.js';
6
7
  import { useNotifications, useNotificationsAPI } from '../context/Notifications.js';
7
8
  import 'react';
8
- import 'lodash/castArray';
9
9
  import 'lodash/camelCase';
10
+ import 'lodash/maxBy';
11
+ import 'lodash/upperFirst';
10
12
  import '../context/UIContext.js';
11
13
  import 'prop-types';
12
14
  import '../hooks/useMediaQueries.js';
13
15
  import 'react-responsive';
14
- import '../hooks/useStyles.js';
15
- import 'lodash/maxBy';
16
- import 'lodash/upperFirst';
17
16
  import '../hooks/styleAttributes.js';
17
+ import 'lodash/castArray';
18
18
  import '../tslib.es6-5FtW-kfi.js';
19
19
  import 'uuid';
20
20
 
@@ -30,18 +30,17 @@ function NotificationItem(props) {
30
30
  prefix: 'fill_',
31
31
  propsKey: 'fill',
32
32
  });
33
- var appearanceConfig = appearance &&
34
- notificationItemConfig.appearance &&
35
- notificationItemConfig.appearance[appearance];
36
- return (jsxs("div", { className: clsx('notification__item', status && "notification__item_status_".concat(status), set && "notification__item_set_".concat(set), size && "notification__item_set_".concat(size), closeButton && 'notification__item_type_close-button', fillClass ||
33
+ var widthClass = useDeviceTargetClass(props, {
34
+ prefix: 'width_',
35
+ propsKey: 'width',
36
+ });
37
+ var appearanceConfig = appearance && notificationItemConfig.appearance && notificationItemConfig.appearance[appearance];
38
+ var notificationStyles = useStyles(props).styles;
39
+ return (jsxs("div", { className: clsx('notification__item', status && "notification__item_status_".concat(status), set && "notification__item_set_".concat(set), size && "notification__item_set_".concat(size), closeButton && 'notification__item_type_close-button', widthClass, fillClass ||
37
40
  ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.fill) &&
38
- "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase())), "data-tour": dataTour, children: [before, jsxs("div", { className: clsx(className, 'notification__item-wrapper'), children: [title && (jsx(Title, { className: "notification__item-title", size: titleTextSize, textColor: titleTextColor ||
41
+ "fill_".concat(appearanceConfig.fill).replace(/([A-Z])/g, '-$1').toLowerCase())), style: notificationStyles, "data-tour": dataTour, children: [before, jsxs("div", { className: clsx(className, 'notification__item-wrapper'), children: [title && (jsx(Title, { className: "notification__item-title", size: titleTextSize, textColor: titleTextColor ||
39
42
  ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.titleTextColor) && appearanceConfig.titleTextColor), children: title })), text && (jsx(Text, { className: "notification__item-text", size: textSize, textColor: textColor || ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.textColor) && appearanceConfig.textColor), children: text })), closeButton && (jsx("div", { className: clsx('notification__item-close', onClickClose && 'cursor_type_pointer'), onClick: function () { return onClickClose && onClickClose(id); }, children: closeButton }))] }), after] }));
40
43
  }
41
- NotificationItem.defaultProps = {
42
- titleTextSize: 'h5',
43
- textSize: 's',
44
- };
45
44
 
46
45
  function NotificationList(props) {
47
46
  var notifications = useNotifications();
@@ -5,7 +5,7 @@ import ceil from 'lodash/ceil';
5
5
  import ReactPaginate from 'react-paginate';
6
6
  import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
7
7
  import { D as Dropdown, a as DropdownItem } from '../DropdownItem-D0dOP4NL.js';
8
- import { I as Icon } from '../Icon-Du1Nyea-.js';
8
+ import { I as Icon } from '../Icon-CliIEdbp.js';
9
9
  import { T as Text } from '../Text-CG3xPG27.js';
10
10
  import 'lodash/castArray';
11
11
  import 'lodash/camelCase';
@@ -21,8 +21,8 @@ import '../Divider-U5UdY-ef.js';
21
21
  import '../Link-CeQuavin.js';
22
22
  import '../tslib.es6-5FtW-kfi.js';
23
23
  import 'react-inlinesvg';
24
- import '../Tooltip-aaDRYNWY.js';
25
- import '../Title-BfSFPJtJ.js';
24
+ import '../Tooltip-B2vv4OAX.js';
25
+ import '../Title-CqwqEtm7.js';
26
26
 
27
27
  var paginationConfig = {
28
28
  appearance: undefined,
@@ -4,10 +4,10 @@ import clsx from 'clsx';
4
4
  import SVG from 'react-inlinesvg';
5
5
  import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
6
6
  import { useStyles } from '../hooks/useStyles.js';
7
- import { B as Button } from '../Button-AKN9f9n0.js';
7
+ import { B as Button } from '../Button-C0M-Ap20.js';
8
8
  import { G as Group } from '../Group-CVUfaHaS.js';
9
9
  import { T as Text } from '../Text-CG3xPG27.js';
10
- import { T as Title } from '../Title-BfSFPJtJ.js';
10
+ import { T as Title } from '../Title-CqwqEtm7.js';
11
11
  import 'lodash/castArray';
12
12
  import 'lodash/camelCase';
13
13
  import '../context/UIContext.js';
@@ -17,10 +17,10 @@ import 'react-responsive';
17
17
  import 'lodash/maxBy';
18
18
  import 'lodash/upperFirst';
19
19
  import '../hooks/styleAttributes.js';
20
- import '../Icon-Du1Nyea-.js';
20
+ import '../Icon-CliIEdbp.js';
21
21
  import '../Link-CeQuavin.js';
22
22
  import '../tslib.es6-5FtW-kfi.js';
23
- import '../Tooltip-aaDRYNWY.js';
23
+ import '../Tooltip-B2vv4OAX.js';
24
24
  import '../Loader-CJ8ZCdwy.js';
25
25
 
26
26
  var responseConfig = {
@@ -3,7 +3,7 @@ import React, { useCallback } from 'react';
3
3
  import clsx from 'clsx';
4
4
  import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
5
5
  import { useStyles } from '../hooks/useStyles.js';
6
- import { I as Icon } from '../Icon-Du1Nyea-.js';
6
+ import { I as Icon } from '../Icon-CliIEdbp.js';
7
7
  import { T as Text } from '../Text-CG3xPG27.js';
8
8
  import { S as Scrollbar } from '../Scrollbar-CrGXCZ_F.js';
9
9
  import 'lodash/castArray';
@@ -18,8 +18,8 @@ import '../hooks/styleAttributes.js';
18
18
  import 'react-inlinesvg';
19
19
  import '../Link-CeQuavin.js';
20
20
  import '../tslib.es6-5FtW-kfi.js';
21
- import '../Tooltip-aaDRYNWY.js';
22
- import '../Title-BfSFPJtJ.js';
21
+ import '../Tooltip-B2vv4OAX.js';
22
+ import '../Title-CqwqEtm7.js';
23
23
  import 'react-scrollbars-custom';
24
24
 
25
25
  var searchInputConfig = {
@@ -1,7 +1,7 @@
1
1
  import { _ as __assign } from '../tslib.es6-5FtW-kfi.js';
2
2
  import { jsx, jsxs } from 'react/jsx-runtime';
3
3
  import Select, { components } from 'react-select';
4
- import { I as Icon } from '../Icon-Du1Nyea-.js';
4
+ import { I as Icon } from '../Icon-CliIEdbp.js';
5
5
  import React, { useMemo, useRef, useCallback, useEffect } from 'react';
6
6
  import clsx from 'clsx';
7
7
  import CreatableSelect from 'react-select/creatable';
@@ -21,8 +21,8 @@ import '../hooks/useMediaQueries.js';
21
21
  import 'react-responsive';
22
22
  import '../hooks/styleAttributes.js';
23
23
  import '../Link-CeQuavin.js';
24
- import '../Tooltip-aaDRYNWY.js';
25
- import '../Title-BfSFPJtJ.js';
24
+ import '../Tooltip-B2vv4OAX.js';
25
+ import '../Title-CqwqEtm7.js';
26
26
  import 'lodash/castArray';
27
27
 
28
28
  // interface ClearIndicatorProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>>
@@ -3,7 +3,7 @@ import { useCallback } from 'react';
3
3
  import clsx from 'clsx';
4
4
  import { useSiteMenuContext } from '../context/UIContext.js';
5
5
  import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
6
- import { I as Icon } from '../Icon-Du1Nyea-.js';
6
+ import { I as Icon } from '../Icon-CliIEdbp.js';
7
7
  import { T as Text } from '../Text-CG3xPG27.js';
8
8
  import 'prop-types';
9
9
  import '../hooks/useMediaQueries.js';
@@ -17,8 +17,8 @@ import 'lodash/upperFirst';
17
17
  import '../hooks/styleAttributes.js';
18
18
  import '../Link-CeQuavin.js';
19
19
  import '../tslib.es6-5FtW-kfi.js';
20
- import '../Tooltip-aaDRYNWY.js';
21
- import '../Title-BfSFPJtJ.js';
20
+ import '../Tooltip-B2vv4OAX.js';
21
+ import '../Title-CqwqEtm7.js';
22
22
 
23
23
  function SiteMenu(props) {
24
24
  var children = props.children, className = props.className, closeText = props.closeText, closeTextSize = props.closeTextSize, closeTextColor = props.closeTextColor, closeTextColorHover = props.closeTextColorHover, iconCloseBgFill = props.iconCloseBgFill, iconCloseFill = props.iconCloseFill, iconCloseSize = props.iconCloseSize, iconClose = props.iconClose, onClose = props.onClose;
@@ -4,7 +4,7 @@ import clsx from 'clsx';
4
4
  import { Swiper as Swiper$1, SwiperSlide } from 'swiper/react';
5
5
  import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
6
6
  import { useStyles } from '../hooks/useStyles.js';
7
- import { T as Title } from '../Title-BfSFPJtJ.js';
7
+ import { T as Title } from '../Title-CqwqEtm7.js';
8
8
  import 'lodash/castArray';
9
9
  import 'lodash/camelCase';
10
10
  import '../context/UIContext.js';
@@ -4,7 +4,7 @@ import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
4
4
  import { useStyles } from '../hooks/useStyles.js';
5
5
  import { B as Badge } from '../Badge-CrhdvxY6.js';
6
6
  import { T as Text } from '../Text-CG3xPG27.js';
7
- import { T as Title } from '../Title-BfSFPJtJ.js';
7
+ import { T as Title } from '../Title-CqwqEtm7.js';
8
8
  import 'react';
9
9
  import 'lodash/castArray';
10
10
  import 'lodash/camelCase';
@@ -1,4 +1,4 @@
1
- export { T as Title, t as titleConfig } from '../Title-BfSFPJtJ.js';
1
+ export { T as Title, t as titleConfig } from '../Title-CqwqEtm7.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'react';
4
4
  import 'clsx';
@@ -1,4 +1,4 @@
1
- export { T as Tooltip, t as tooltipConfig } from '../Tooltip-aaDRYNWY.js';
1
+ export { T as Tooltip, t as tooltipConfig } from '../Tooltip-B2vv4OAX.js';
2
2
  import 'react/jsx-runtime';
3
3
  import 'react';
4
4
  import 'clsx';
@@ -14,4 +14,4 @@ import 'lodash/maxBy';
14
14
  import 'lodash/upperFirst';
15
15
  import '../hooks/styleAttributes.js';
16
16
  import '../Text-CG3xPG27.js';
17
- import '../Title-BfSFPJtJ.js';
17
+ import '../Title-CqwqEtm7.js';
@@ -1,5 +1,5 @@
1
1
  /**
2
- * Swiper 11.1.14
2
+ * Swiper 11.1.15
3
3
  * Most modern mobile touch slider and framework with hardware accelerated transitions
4
4
  * https://swiperjs.com
5
5
  *
@@ -7,7 +7,7 @@
7
7
  *
8
8
  * Released under the MIT License
9
9
  *
10
- * Released on: September 12, 2024
10
+ * Released on: November 18, 2024
11
11
  */
12
12
 
13
13
  /* FONT_START */
@@ -0,0 +1,5 @@
1
+ import { Meta } from '@storybook/blocks'
2
+
3
+ <Meta title="Appearance / Overview" />
4
+
5
+ # Overview