@infonomic/uikit 5.43.0 → 5.44.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.
Files changed (88) hide show
  1. package/dist/components/accordion/accordion.js +5 -5
  2. package/dist/components/accordion/accordion.module.js +1 -1
  3. package/dist/components/avatar/avatar.module.js +1 -1
  4. package/dist/components/badge/badge.module.js +1 -1
  5. package/dist/components/button/button-group.module.js +1 -1
  6. package/dist/components/button/button.module.js +1 -1
  7. package/dist/components/button/button_module.css +8 -3
  8. package/dist/components/button/combo-button.module.js +1 -1
  9. package/dist/components/button/control-buttons.module.js +1 -1
  10. package/dist/components/button/copy-button.module.js +1 -1
  11. package/dist/components/card/card.module.js +1 -1
  12. package/dist/components/chips/chip.module.js +1 -1
  13. package/dist/components/chips/chip_module.css +2 -1
  14. package/dist/components/container/container.module.js +1 -1
  15. package/dist/components/dropdown/dropdown.js +11 -11
  16. package/dist/components/dropdown/dropdown.module.js +1 -1
  17. package/dist/components/forms/calendar.module.js +1 -1
  18. package/dist/components/forms/checkbox.module.js +1 -1
  19. package/dist/components/forms/error-text.module.js +1 -1
  20. package/dist/components/forms/help-text.module.js +1 -1
  21. package/dist/components/forms/input-adornment.module.js +1 -1
  22. package/dist/components/forms/input.module.js +1 -1
  23. package/dist/components/forms/label.module.js +1 -1
  24. package/dist/components/forms/radio-group.js +1 -1
  25. package/dist/components/forms/radio-group.module.js +1 -1
  26. package/dist/components/forms/select.js +1 -1
  27. package/dist/components/forms/select.module.js +1 -1
  28. package/dist/components/forms/text-area.module.js +1 -1
  29. package/dist/components/hamburger/hamburger.astro +23 -15
  30. package/dist/components/hamburger/hamburger.d.ts +8 -6
  31. package/dist/components/hamburger/hamburger.d.ts.map +1 -1
  32. package/dist/components/hamburger/hamburger.js +18 -22
  33. package/dist/components/hamburger/hamburger.module.css +142 -0
  34. package/dist/components/hamburger/hamburger.module.js +10 -0
  35. package/dist/components/hamburger/hamburger_module.css +169 -0
  36. package/dist/components/notifications/alert.module.js +1 -1
  37. package/dist/components/notifications/toast.js +1 -1
  38. package/dist/components/notifications/toast.module.js +1 -1
  39. package/dist/components/overlay/overlay.module.js +1 -1
  40. package/dist/components/pager/pagination.module.js +1 -1
  41. package/dist/components/scroll-area/scroll-area.module.js +1 -1
  42. package/dist/components/scroll-to-top/scroll-to-top.module.js +1 -1
  43. package/dist/components/section/section.module.js +1 -1
  44. package/dist/components/shimmer/shimmer.module.js +1 -1
  45. package/dist/components/table/table.module.js +1 -1
  46. package/dist/components/tabs/tabs.module.js +1 -1
  47. package/dist/components/tabs/tabs_module.css +1 -5
  48. package/dist/components/tooltip/tooltip.module.js +1 -1
  49. package/dist/icons/icons.module.js +1 -1
  50. package/dist/loaders/@types/index.d.ts.map +1 -0
  51. package/dist/loaders/ellipses.d.ts +1 -1
  52. package/dist/loaders/ellipses.d.ts.map +1 -1
  53. package/dist/loaders/ring.d.ts +1 -1
  54. package/dist/loaders/ring.d.ts.map +1 -1
  55. package/dist/loaders/spinner.d.ts +1 -1
  56. package/dist/loaders/spinner.d.ts.map +1 -1
  57. package/dist/react.js +1 -2
  58. package/dist/styles/styles.css +1 -1
  59. package/dist/theme/theme-provider/provider.js +1 -1
  60. package/dist/utils/externalLinkProps.js +1 -1
  61. package/dist/utils/findMatch.js +1 -1
  62. package/dist/utils/isTouchDevice.js +1 -1
  63. package/dist/utils/objectsToArray.js +1 -1
  64. package/dist/utils/objectsToString.js +1 -1
  65. package/dist/widgets/datepicker/datepicker.module.js +1 -1
  66. package/dist/widgets/drawer/drawer.module.js +1 -1
  67. package/dist/widgets/drawer/motionDomAnimation.js +1 -1
  68. package/dist/widgets/drawer/motionDomMax.js +1 -1
  69. package/dist/widgets/modal/modal.module.js +1 -1
  70. package/dist/widgets/modal/motionDomAnimation.js +1 -1
  71. package/dist/widgets/modal/motionDomMax.js +1 -1
  72. package/dist/widgets/timeline/timeline.module.js +1 -1
  73. package/package.json +26 -30
  74. package/src/astro.d.ts +2 -2
  75. package/src/components/hamburger/hamburger.astro +23 -15
  76. package/src/components/hamburger/hamburger.module.css +142 -0
  77. package/src/components/hamburger/hamburger.stories.tsx +35 -0
  78. package/src/components/hamburger/hamburger.tsx +37 -29
  79. package/src/loaders/ellipses.tsx +1 -1
  80. package/src/loaders/ring.tsx +1 -1
  81. package/src/loaders/spinner.tsx +1 -1
  82. package/src/styles/components/hamburger.css +8 -6
  83. package/src/styles/functional/colors.css +97 -202
  84. package/src/styles/theme/theme.css +1 -1
  85. package/dist/loaders/types/index.d.ts.map +0 -1
  86. /package/dist/loaders/{types → @types}/index.d.ts +0 -0
  87. /package/dist/loaders/{types → @types}/index.js +0 -0
  88. /package/src/loaders/{types → @types}/index.ts +0 -0
@@ -0,0 +1,169 @@
1
+ @layer infonomic-base, infonomic-functional, infonomic-utilities, infonomic-theme, infonomic-typography;
2
+
3
+ @layer infonomic-components {
4
+ :is(.hamburger-CFjgP7, .infonomic-hamburger) {
5
+ --hamburger-color: currentColor;
6
+ --hamburger-focus-ring-color: currentColor;
7
+ z-index: 200;
8
+ cursor: pointer;
9
+ width: 42px;
10
+ height: 34px;
11
+ font: inherit;
12
+ color: inherit;
13
+ text-transform: none;
14
+ border-radius: var(--border-radius-sm);
15
+ background-color: #0000;
16
+ border: 0;
17
+ justify-content: center;
18
+ align-items: center;
19
+ margin: 0;
20
+ padding: 0;
21
+ transition-property: opacity, filter;
22
+ transition-duration: .15s;
23
+ transition-timing-function: ease;
24
+ display: flex;
25
+ position: relative;
26
+ overflow: hidden;
27
+ }
28
+
29
+ :is(.hamburger-CFjgP7:focus-visible, .infonomic-hamburger:focus-visible) {
30
+ outline: 2px solid var(--hamburger-focus-ring-color);
31
+ outline-offset: 2px;
32
+ }
33
+
34
+ :is(.box-E9EZxm, .infonomic-hamburger-box) {
35
+ pointer-events: none;
36
+ width: 24px;
37
+ height: 24px;
38
+ display: block;
39
+ position: relative;
40
+ }
41
+
42
+ :is(.inner-G4BGMv, .infonomic-hamburger-inner) {
43
+ margin-top: -1px;
44
+ transition-duration: 75ms;
45
+ transition-timing-function: cubic-bezier(.55, .055, .675, .19);
46
+ display: block;
47
+ top: 50%;
48
+ }
49
+
50
+ .inner-G4BGMv, .inner-G4BGMv:before, .inner-G4BGMv:after {
51
+ background-color: var(--hamburger-color);
52
+ border-radius: 0;
53
+ width: 24px;
54
+ height: 2px;
55
+ transition-property: transform;
56
+ transition-duration: .15s;
57
+ transition-timing-function: ease;
58
+ position: absolute;
59
+ }
60
+
61
+ .infonomic-hamburger-inner {
62
+ background-color: var(--hamburger-color);
63
+ border-radius: 0;
64
+ width: 24px;
65
+ height: 2px;
66
+ transition-property: transform;
67
+ transition-duration: .15s;
68
+ transition-timing-function: ease;
69
+ position: absolute;
70
+ }
71
+
72
+ .infonomic-hamburger-inner:before {
73
+ background-color: var(--hamburger-color);
74
+ border-radius: 0;
75
+ width: 24px;
76
+ height: 2px;
77
+ transition-property: transform;
78
+ transition-duration: .15s;
79
+ transition-timing-function: ease;
80
+ position: absolute;
81
+ }
82
+
83
+ .infonomic-hamburger-inner:after {
84
+ background-color: var(--hamburger-color);
85
+ border-radius: 0;
86
+ width: 24px;
87
+ height: 2px;
88
+ transition-property: transform;
89
+ transition-duration: .15s;
90
+ transition-timing-function: ease;
91
+ position: absolute;
92
+ }
93
+
94
+ .inner-G4BGMv:before, .inner-G4BGMv:after {
95
+ content: "";
96
+ display: block;
97
+ }
98
+
99
+ .infonomic-hamburger-inner:before {
100
+ content: "";
101
+ display: block;
102
+ }
103
+
104
+ .infonomic-hamburger-inner:after {
105
+ content: "";
106
+ display: block;
107
+ }
108
+
109
+ .inner-G4BGMv:before {
110
+ transition: top 75ms .12s, opacity 75ms;
111
+ top: -8px;
112
+ }
113
+
114
+ .infonomic-hamburger-inner:before {
115
+ transition: top 75ms .12s, opacity 75ms;
116
+ top: -8px;
117
+ }
118
+
119
+ .inner-G4BGMv:after {
120
+ transition: bottom 75ms .12s, transform 75ms cubic-bezier(.55, .055, .675, .19);
121
+ bottom: -8px;
122
+ }
123
+
124
+ .infonomic-hamburger-inner:after {
125
+ transition: bottom 75ms .12s, transform 75ms cubic-bezier(.55, .055, .675, .19);
126
+ bottom: -8px;
127
+ }
128
+
129
+ :is(.open-OQO244 .inner-G4BGMv, .infonomic-hamburger-open .infonomic-hamburger-inner) {
130
+ transition-delay: .12s;
131
+ transition-timing-function: cubic-bezier(.215, .61, .355, 1);
132
+ transform: rotate(45deg);
133
+ }
134
+
135
+ .open-OQO244 .inner-G4BGMv:before {
136
+ opacity: 0;
137
+ transition: top 75ms, opacity 75ms .12s;
138
+ top: 0;
139
+ }
140
+
141
+ .infonomic-hamburger-open .infonomic-hamburger-inner:before {
142
+ opacity: 0;
143
+ transition: top 75ms, opacity 75ms .12s;
144
+ top: 0;
145
+ }
146
+
147
+ .open-OQO244 .inner-G4BGMv:after {
148
+ transition: bottom 75ms, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
149
+ bottom: 0;
150
+ transform: rotate(-90deg);
151
+ }
152
+
153
+ .infonomic-hamburger-open .infonomic-hamburger-inner:after {
154
+ transition: bottom 75ms, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
155
+ bottom: 0;
156
+ transform: rotate(-90deg);
157
+ }
158
+
159
+ :is(.onDark-ZAa2Qt, .infonomic-hamburger-on-dark) {
160
+ --hamburger-color: white;
161
+ --hamburger-focus-ring-color: #ffffffb3;
162
+ }
163
+
164
+ :is(.onLight-s1LZFP, .infonomic-hamburger-on-light) {
165
+ --hamburger-color: var(--foreground, #1a1a1a);
166
+ --hamburger-focus-ring-color: var(--foreground, #1a1a1a);
167
+ }
168
+ }
169
+
@@ -17,4 +17,4 @@ const alert_module = {
17
17
  warning: "warning-UtouDH",
18
18
  danger: "danger-QFtDqI"
19
19
  };
20
- export { alert_module as default };
20
+ export default alert_module;
@@ -79,4 +79,4 @@ const toast_Toast = function({ ref, intent = 'success', position = 'bottom-right
79
79
  ]
80
80
  });
81
81
  };
82
- export { toast_Toast as Toast, ToastProvider, ToastViewport };
82
+ export { ToastProvider, ToastViewport, toast_Toast as Toast };
@@ -21,4 +21,4 @@ const toast_module = {
21
21
  slideInFromRight: "slideInFromRight-G4Hu_M",
22
22
  slideInFromLeft: "slideInFromLeft-m703fy"
23
23
  };
24
- export { toast_module as default };
24
+ export default toast_module;
@@ -10,4 +10,4 @@ const overlay_module = {
10
10
  "fade-out": "fade-out-i2NoTL",
11
11
  fadeOut: "fade-out-i2NoTL"
12
12
  };
13
- export { overlay_module as default };
13
+ export default overlay_module;
@@ -26,4 +26,4 @@ const pagination_module = {
26
26
  "mobile-toggle": "mobile-toggle-iw4kkx",
27
27
  mobileToggle: "mobile-toggle-iw4kkx"
28
28
  };
29
- export { pagination_module as default };
29
+ export default pagination_module;
@@ -6,4 +6,4 @@ const scroll_area_module = {
6
6
  thumb: "thumb-G2gkhj",
7
7
  corner: "corner-kCiYUz"
8
8
  };
9
- export { scroll_area_module as default };
9
+ export default scroll_area_module;
@@ -5,4 +5,4 @@ const scroll_to_top_module = {
5
5
  "scroll-to-top-shown": "scroll-to-top-shown-Wemu5m",
6
6
  scrollToTopShown: "scroll-to-top-shown-Wemu5m"
7
7
  };
8
- export { scroll_to_top_module as default };
8
+ export default scroll_to_top_module;
@@ -2,4 +2,4 @@ import "./section_module.css";
2
2
  const section_module = {
3
3
  section: "section-CEcZOp"
4
4
  };
5
- export { section_module as default };
5
+ export default section_module;
@@ -6,4 +6,4 @@ const shimmer_module = {
6
6
  text: "text-syTLNh",
7
7
  circular: "circular-KqBjEv"
8
8
  };
9
- export { shimmer_module as default };
9
+ export default shimmer_module;
@@ -16,4 +16,4 @@ const table_module = {
16
16
  "table-footer": "table-footer-JabMFD",
17
17
  tableFooter: "table-footer-JabMFD"
18
18
  };
19
- export { table_module as default };
19
+ export default table_module;
@@ -9,4 +9,4 @@ const tabs_module = {
9
9
  "tabs-content": "tabs-content-d2NTGs",
10
10
  tabsContent: "tabs-content-d2NTGs"
11
11
  };
12
- export { tabs_module as default };
12
+ export default tabs_module;
@@ -45,11 +45,7 @@
45
45
  display: none;
46
46
  }
47
47
 
48
- :is(.tabs-content-d2NTGs, .infonomic-tabs-content):focus {
49
- outline: none;
50
- }
51
-
52
- :is(.tabs-content-d2NTGs, .infonomic-tabs-content):focus-visible {
48
+ :is(.tabs-content-d2NTGs, .infonomic-tabs-content):focus, :is(.tabs-content-d2NTGs, .infonomic-tabs-content):focus-visible {
53
49
  outline: none;
54
50
  }
55
51
  }
@@ -4,4 +4,4 @@ const tooltip_module = {
4
4
  "tooltip-arrow": "tooltip-arrow-a77zEa",
5
5
  tooltipArrow: "tooltip-arrow-a77zEa"
6
6
  };
7
- export { tooltip_module as default };
7
+ export default tooltip_module;
@@ -43,4 +43,4 @@ const icons_module = {
43
43
  "fill-danger": "fill-danger-ON0cOW",
44
44
  fillDanger: "fill-danger-ON0cOW"
45
45
  };
46
- export { icons_module as default };
46
+ export default icons_module;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/loaders/@types/index.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG;IACxB,gBAAgB;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oBAAoB;IACpB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAA"}
@@ -1,4 +1,4 @@
1
1
  import type React from 'react';
2
- import type { LoaderProps } from './types/index.js';
2
+ import type { LoaderProps } from './@types/index.js';
3
3
  export declare function LoaderEllipsis({ color, size, className, style, ...rest }: LoaderProps): React.JSX.Element;
4
4
  //# sourceMappingURL=ellipses.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ellipses.d.ts","sourceRoot":"","sources":["../../src/loaders/ellipses.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,IAAS,EACT,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsBjC"}
1
+ {"version":3,"file":"ellipses.d.ts","sourceRoot":"","sources":["../../src/loaders/ellipses.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAEpD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,IAAS,EACT,SAAS,EACT,KAAK,EACL,GAAG,IAAI,EACR,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAsBjC"}
@@ -1,4 +1,4 @@
1
1
  import type React from 'react';
2
- import type { LoaderProps } from './types/index.js';
2
+ import type { LoaderProps } from './@types/index.js';
3
3
  export declare function LoaderRing({ color, size, className, style }: LoaderProps): React.JSX.Element;
4
4
  //# sourceMappingURL=ring.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ring.d.ts","sourceRoot":"","sources":["../../src/loaders/ring.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,IAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAyBjG"}
1
+ {"version":3,"file":"ring.d.ts","sourceRoot":"","sources":["../../src/loaders/ring.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAEpD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,IAAS,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAyBjG"}
@@ -1,5 +1,5 @@
1
1
  import type React from 'react';
2
- import type { LoaderProps } from './types/index.js';
2
+ import type { LoaderProps } from './@types/index.js';
3
3
  type SpinnerProps = Omit<LoaderProps, 'size'>;
4
4
  export declare function LoaderSpinner({ color, className, style }: SpinnerProps): React.JSX.Element;
5
5
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/loaders/spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAEnD,KAAK,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;AAE7C,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkB1F"}
1
+ {"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/loaders/spinner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAEpD,KAAK,YAAY,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAA;AAE7C,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkB1F"}
package/dist/react.js CHANGED
@@ -1,4 +1,3 @@
1
- import { variant } from "./components/button/@types/button.js";
2
1
  export * from "./components/@types/shared.js";
3
2
  export * from "./components/accordion/accordion.js";
4
3
  export * from "./components/animation/fade-in-lift.js";
@@ -101,4 +100,4 @@ export * from "./widgets/drawer/drawer-context.js";
101
100
  export * from "./widgets/modal/modal.js";
102
101
  export * from "./widgets/search/search.js";
103
102
  export * from "./widgets/timeline/timeline.js";
104
- export { variant as buttonVariant };
103
+ export { variant as buttonVariant } from "./components/button/@types/button.js";