@wavv/ui 2.3.10 → 2.3.12

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 (29) hide show
  1. package/build/components/Accordion/Accordion.d.ts +2 -1
  2. package/build/components/Accordion/Header.d.ts +3 -1
  3. package/build/components/Accordion/Header.js +22 -6
  4. package/build/components/DropdownMenu.d.ts +1 -1
  5. package/build/components/ImageViewer.js +1 -1
  6. package/build/components/ListHelpers/GridListHeader.d.ts +1 -1
  7. package/build/components/ListHelpers/ListHeader.d.ts +1 -1
  8. package/build/components/Modal.d.ts +3 -3
  9. package/build/components/Modal.js +4 -4
  10. package/build/hooks/useWindowSize.js +1 -1
  11. package/build/tailwind/theme.css +18 -12
  12. package/build/theme/ThemeTypes.d.ts +2 -1
  13. package/build/theme/common/common.d.ts +1 -0
  14. package/build/theme/core/colors.d.ts +4 -1
  15. package/build/theme/core/colors.js +2 -1
  16. package/build/theme/core/dark/dark.js +10 -11
  17. package/build/theme/core/dark/darkScale.d.ts +2 -1
  18. package/build/theme/core/dark/darkScale.js +3 -3
  19. package/build/theme/core/light/lightScale.d.ts +2 -1
  20. package/build/theme/core/light/lightScale.js +2 -1
  21. package/build/theme/mono/colors.d.ts +1 -0
  22. package/build/theme/mono/colors.js +3 -2
  23. package/build/theme/mono/dark/dark.js +10 -11
  24. package/build/theme/mono/dark/darkScale.d.ts +2 -1
  25. package/build/theme/mono/dark/darkScale.js +3 -3
  26. package/build/theme/mono/light/lightScale.d.ts +2 -1
  27. package/build/theme/mono/light/lightScale.js +2 -1
  28. package/build/utils/copyToClipboard.js +2 -2
  29. package/package.json +14 -14
package/build/components/Accordion/Accordion.d.ts CHANGED
@@ -26,8 +26,9 @@ declare const Accordion: {
26
26
  displayName: string;
27
27
  };
28
28
  Header: {
29
- ({ children, triggerIconPosition, background, title, iconLeft, iconRight, ...props }: {
29
+ ({ children, triggerIconPosition, background, title, subtitle, iconLeft, iconRight, ...props }: {
30
30
  title: React.ReactNode;
31
+ subtitle?: React.ReactNode;
31
32
  children?: React.ReactNode;
32
33
  background?: string;
33
34
  triggerIconPosition?: "left" | "right";
package/build/components/Accordion/Header.d.ts CHANGED
@@ -5,6 +5,8 @@ type ElAttributes = Omit<Attributes<HTMLDivElement>, 'title'>;
5
5
  type HeaderProps = {
6
6
  /** The header title of the item */
7
7
  title: React.ReactNode;
8
+ /** The subtitle of the item */
9
+ subtitle?: React.ReactNode;
8
10
  /** The content of the item (displayed to the right of the title) */
9
11
  children?: React.ReactNode;
10
12
  /** The background color of the header */
@@ -19,7 +21,7 @@ type HeaderProps = {
19
21
  style?: React.CSSProperties;
20
22
  } & Padding & Height & ElAttributes;
21
23
  declare const Header: {
22
- ({ children, triggerIconPosition, background, title, iconLeft, iconRight, ...props }: HeaderProps): import("react/jsx-runtime").JSX.Element;
24
+ ({ children, triggerIconPosition, background, title, subtitle, iconLeft, iconRight, ...props }: HeaderProps): import("react/jsx-runtime").JSX.Element;
23
25
  displayName: string;
24
26
  };
25
27
  export default Header;
package/build/components/Accordion/Header.js CHANGED
@@ -1,14 +1,14 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import styled from "@emotion/styled";
3
3
  import { useRef } from "react";
4
- import { Heading } from "react-aria-components";
4
+ import { Heading, Text } from "react-aria-components";
5
5
  import Ellipsis from "../Ellipsis.js";
6
6
  import getIcon from "../helpers/getIcon.js";
7
7
  import isPropAllowed from "../helpers/isPropAllowed.js";
8
8
  import { paddingProps } from "../helpers/styledProps.js";
9
9
  import Icon from "../Icon/index.js";
10
10
  import AriaButton from "../Inputs/helpers/AriaButton.js";
11
- const Header = ({ children, triggerIconPosition = 'right', background, title, iconLeft, iconRight, ...props })=>{
11
+ const Header = ({ children, triggerIconPosition = 'right', background, title, subtitle, iconLeft, iconRight, ...props })=>{
12
12
  const triggerRef = useRef(null);
13
13
  return /*#__PURE__*/ jsxs(HeaderContainer, {
14
14
  onClick: ()=>triggerRef.current?.click(),
@@ -21,13 +21,20 @@ const Header = ({ children, triggerIconPosition = 'right', background, title, ic
21
21
  }),
22
22
  iconLeft && getIcon(iconLeft),
23
23
  /*#__PURE__*/ jsx(Title, {
24
- children: /*#__PURE__*/ jsx(AriaButton, {
24
+ children: /*#__PURE__*/ jsxs(TitleButton, {
25
25
  slot: "trigger",
26
26
  ref: triggerRef,
27
27
  width: "100%",
28
- children: /*#__PURE__*/ jsx(Ellipsis, {
29
- children: title
30
- })
28
+ children: [
29
+ /*#__PURE__*/ jsx(Ellipsis, {
30
+ children: title
31
+ }),
32
+ subtitle && /*#__PURE__*/ jsx(Subtitle, {
33
+ children: /*#__PURE__*/ jsx(Ellipsis, {
34
+ children: subtitle
35
+ })
36
+ })
37
+ ]
31
38
  })
32
39
  }),
33
40
  /*#__PURE__*/ jsx(Content, {
@@ -58,6 +65,11 @@ const HeaderContainer = styled.div(({ theme, background, height })=>({
58
65
  transition: 'transform 300ms'
59
66
  }
60
67
  }), paddingProps);
68
+ const TitleButton = styled(AriaButton)({
69
+ display: 'flex',
70
+ alignItems: 'flex-start',
71
+ gap: 8
72
+ });
61
73
  const Title = styled(Heading, {
62
74
  shouldForwardProp: (prop)=>isPropAllowed(prop, [
63
75
  'reverse',
@@ -76,6 +88,10 @@ const Title = styled(Heading, {
76
88
  textAlign: 'left',
77
89
  overflow: 'hidden'
78
90
  }));
91
+ const Subtitle = styled(Text)(({ theme })=>({
92
+ fontSize: theme.font.size.md,
93
+ color: theme.scale6
94
+ }));
79
95
  const Content = styled.div({
80
96
  display: 'flex',
81
97
  alignItems: 'center',
package/build/components/DropdownMenu.d.ts CHANGED
@@ -52,7 +52,7 @@ declare const DropdownMenu: {
52
52
  title?: string;
53
53
  children: ReactNode;
54
54
  }) => import("react/jsx-runtime").JSX.Element;
55
- Separator: import("@emotion/styled").StyledComponent<import("react-aria-components").SeparatorProps & import("react").RefAttributes<object> & {
55
+ Separator: import("@emotion/styled").StyledComponent<import("react-aria-components").SeparatorProps & import("react").RefAttributes<HTMLElement> & {
56
56
  theme?: import("@emotion/react").Theme;
57
57
  } & ThemeProp, {}, {}>;
58
58
  };
package/build/components/ImageViewer.js CHANGED
@@ -41,7 +41,7 @@ const ImageViewer = ({ visible, close, images, startIndex, alt, maxWidth, maxHei
41
41
  }
42
42
  };
43
43
  useEffect(()=>{
44
- const ssr = 'undefined' == typeof window;
44
+ const ssr = "u" < typeof window;
45
45
  const cleanup = ssr ? ()=>null : ()=>window.removeEventListener('keydown', handleKeyPress);
46
46
  if (visible && !ssr) window.addEventListener('keydown', handleKeyPress);
47
47
  return cleanup;
package/build/components/ListHelpers/GridListHeader.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import type { ThemeProp } from '../types';
2
- declare const ListHeader: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<object> & {
2
+ declare const ListHeader: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLDivElement> & {
3
3
  theme?: import("@emotion/react").Theme;
4
4
  } & ThemeProp, {}, {}>;
5
5
  export default ListHeader;
package/build/components/ListHelpers/ListHeader.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import type { ThemeProp } from '../types';
2
- declare const ListHeader: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<object> & {
2
+ declare const ListHeader: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement> & {
3
3
  theme?: import("@emotion/react").Theme;
4
4
  } & ThemeProp, {}, {}>;
5
5
  export default ListHeader;
package/build/components/Modal.d.ts CHANGED
@@ -24,9 +24,9 @@ type ModalProps = {
24
24
  /** Overrides the overflow of the modal container */
25
25
  overflow?: CSSProperties['overflow'];
26
26
  /** Removes the overlay background, and allows the modal to be positioned anywhere on the page */
27
- noOverlay?: boolean;
27
+ showOverlay?: boolean;
28
28
  /** Removes the background color of the modal container */
29
- noBackground?: boolean;
29
+ showBackground?: boolean;
30
30
  /** Prevents the modal from being interacted with */
31
31
  inert?: boolean;
32
32
  /** Renders the Modal as a full-height sliding drawer */
@@ -55,7 +55,7 @@ type ModalProps = {
55
55
  'aria-label'?: string;
56
56
  } & WidthHeight & MaxWidthHeight & MinWidthHeight & Padding & DivAttributes;
57
57
  declare const Modal: {
58
- ({ children, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayBlur, overlayColor, backgroundColor, noOverlay, noBackground, inert, drawer, drawerDirection, scopeRef, centerX, centerY, position, top, bottom, right, left, zIndex, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
58
+ ({ children, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayBlur, overlayColor, backgroundColor, showOverlay, showBackground, inert, drawer, drawerDirection, scopeRef, centerX, centerY, position, top, bottom, right, left, zIndex, ...props }: ModalProps): import("react/jsx-runtime").JSX.Element;
59
59
  Header: {
60
60
  ({ children, ...props }: HeaderProps): import("react/jsx-runtime").JSX.Element;
61
61
  displayName: string;
package/build/components/Modal.js CHANGED
@@ -5,7 +5,7 @@ import { Dialog, Heading, Modal, ModalOverlay } from "react-aria-components";
5
5
  import { marginProps, maxWidthHeightProps, minWidthHeightProps, paddingProps } from "./helpers/styledProps.js";
6
6
  import Icon from "./Icon/index.js";
7
7
  import PortalScope from "./PortalScope.js";
8
- const Modal_Modal = ({ children, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayBlur = true, overlayColor, backgroundColor, noOverlay, noBackground, inert, drawer, drawerDirection = 'right', scopeRef, centerX, centerY, position, top, bottom, right, left, zIndex, ...props })=>{
8
+ const Modal_Modal = ({ children, visible, width, height, onClose, closeIcon, preventOverlayClose, overlayBlur = true, overlayColor, backgroundColor, showOverlay = true, showBackground = true, inert, drawer, drawerDirection = 'right', scopeRef, centerX, centerY, position, top, bottom, right, left, zIndex, ...props })=>{
9
9
  const { 'aria-label': ariaLabel, ...rest } = props;
10
10
  const handleOpenChange = (open)=>{
11
11
  if (!open) onClose();
@@ -15,7 +15,7 @@ const Modal_Modal = ({ children, visible, width, height, onClose, closeIcon, pre
15
15
  isOpen: visible,
16
16
  onOpenChange: handleOpenChange,
17
17
  color: overlayColor,
18
- noOverlay: noOverlay,
18
+ noOverlay: !showOverlay,
19
19
  centerX: centerX,
20
20
  centerY: centerY,
21
21
  position: scopeRef ? 'absolute' : position,
@@ -41,8 +41,8 @@ const Modal_Modal = ({ children, visible, width, height, onClose, closeIcon, pre
41
41
  width: width,
42
42
  height: height,
43
43
  backgroundColor: backgroundColor,
44
- noBackground: noBackground,
45
- noOverlay: noOverlay,
44
+ noBackground: !showBackground,
45
+ noOverlay: !showOverlay,
46
46
  drawer: drawer,
47
47
  drawerDirection: drawerDirection,
48
48
  centerX: centerX,
package/build/hooks/useWindowSize.js CHANGED
@@ -6,7 +6,7 @@ const useWindowSize = ()=>{
6
6
  };
7
7
  const [windowSize, setWindowSize] = useState(initialState);
8
8
  useEffect(()=>{
9
- const ssr = 'undefined' == typeof window;
9
+ const ssr = "u" < typeof window;
10
10
  const handleResize = ()=>{
11
11
  if (ssr) return;
12
12
  setWindowSize({
package/build/tailwind/theme.css CHANGED
@@ -6,7 +6,8 @@
6
6
  --color-brandShade1: #0068DC;
7
7
  --color-brandShade2: #005DC3;
8
8
  --color-brandDark: #4C9EF7;
9
- --color-brandDarkShade1: #5EA8F8;
9
+ --color-brandDarkShade1: #4C8EDE;
10
+ --color-brandDarkShade2: #4C7EC6;
10
11
  --color-brandTint0: rgba(0,116,244,0.05);
11
12
  --color-brandTint1: rgba(0,116,244,0.1);
12
13
  --color-brandTint2: rgba(0,116,244,0.2);
@@ -84,7 +85,8 @@
84
85
  --color-scale9: rgba(0,29,50,0.9);
85
86
  --color-scale10: #001D32;
86
87
  --color-accent: #0074F4;
87
- --color-accentShade: #0068DC;
88
+ --color-accentShade1: #0068DC;
89
+ --color-accentShade2: #005DC3;
88
90
  --color-background0: #FFFFFF;
89
91
  --color-background1: #F2F3F4;
90
92
  --color-background2: #E6E9EB;
@@ -106,7 +108,8 @@
106
108
  --color-scale9: rgba(255,255,255,0.9);
107
109
  --color-scale10: #FFFFFF;
108
110
  --color-accent: #4C9EF7;
109
- --color-accentShade: #5EA8F8;
111
+ --color-accentShade1: #4C8EDE;
112
+ --color-accentShade2: #4C7EC6;
110
113
  --color-background0: #001828;
111
114
  --color-background1: #0D2433;
112
115
  --color-background2: #192F3D;
@@ -123,7 +126,8 @@
123
126
  --color-brandShade1: #0068DC;
124
127
  --color-brandShade2: #005DC3;
125
128
  --color-brandDark: #4C9EF7;
126
- --color-brandDarkShade1: #5EA8F8;
129
+ --color-brandDarkShade1: #4C8EDE;
130
+ --color-brandDarkShade2: #4C7EC6;
127
131
  --color-brandTint0: rgba(0,116,244,0.05);
128
132
  --color-brandTint1: rgba(0,116,244,0.1);
129
133
  --color-brandTint2: rgba(0,116,244,0.2);
@@ -159,14 +163,14 @@
159
163
  --color-alertTint2: rgba(240,187,0,0.2);
160
164
  --color-alertTint3: rgba(240,187,0,0.3);
161
165
  --color-alertTint4: rgba(240,187,0,0.4);
162
- --color-success: #00E284;
166
+ --color-success: #00C242;
163
167
  --color-successShade1: #00AF3B;
164
168
  --color-successShade2: #009B35;
165
- --color-successTint0: rgba(0,226,132,0.05);
166
- --color-successTint1: rgba(0,226,132,0.1);
167
- --color-successTint2: rgba(0,226,132,0.2);
168
- --color-successTint3: rgba(0,226,132,0.3);
169
- --color-successTint4: rgba(0,226,132,0.4);
169
+ --color-successTint0: rgba(0,194,66,0.05);
170
+ --color-successTint1: rgba(0,194,66,0.1);
171
+ --color-successTint2: rgba(0,194,66,0.2);
172
+ --color-successTint3: rgba(0,194,66,0.3);
173
+ --color-successTint4: rgba(0,194,66,0.4);
170
174
  --color-grayscale0: rgba(18,18,18,0.05);
171
175
  --color-grayscale1: rgba(18,18,18,0.1);
172
176
  --color-grayscale2: rgba(18,18,18,0.2);
@@ -201,7 +205,8 @@
201
205
  --color-scale9: rgba(18,18,18,0.9);
202
206
  --color-scale10: #121212;
203
207
  --color-accent: #0074F4;
204
- --color-accentShade: #0068DC;
208
+ --color-accentShade1: #0068DC;
209
+ --color-accentShade2: #005DC3;
205
210
  --color-background0: #FFFFFF;
206
211
  --color-background1: #F2F3F4;
207
212
  --color-background2: #E6E9EB;
@@ -223,7 +228,8 @@
223
228
  --color-scale9: rgba(255,255,255,0.9);
224
229
  --color-scale10: #FFFFFF;
225
230
  --color-accent: #4C9EF7;
226
- --color-accentShade: #5EA8F8;
231
+ --color-accentShade1: #4C8EDE;
232
+ --color-accentShade2: #4C7EC6;
227
233
  --color-background0: #121212;
228
234
  --color-background1: #1e1e1e;
229
235
  --color-background2: #292929;
package/build/theme/ThemeTypes.d.ts CHANGED
@@ -76,7 +76,8 @@ export type ToggleButtonState = {
76
76
  export interface ITheme {
77
77
  name: 'light' | 'dark';
78
78
  accent: string;
79
- accentShade: string;
79
+ accentShade1: string;
80
+ accentShade2: string;
80
81
  background0: string;
81
82
  background1: string;
82
83
  background2: string;
package/build/theme/common/common.d.ts CHANGED
@@ -8,6 +8,7 @@ declare const _default: {
8
8
  brandShade2: string;
9
9
  brandDark: string;
10
10
  brandDarkShade1: string;
11
+ brandDarkShade2: string;
11
12
  brandTint0: string;
12
13
  brandTint1: string;
13
14
  brandTint2: string;
package/build/theme/core/colors.d.ts CHANGED
@@ -7,6 +7,7 @@ declare const colors: {
7
7
  brandShade2: string;
8
8
  brandDark: string;
9
9
  brandDarkShade1: string;
10
+ brandDarkShade2: string;
10
11
  brandTint0: string;
11
12
  brandTint1: string;
12
13
  brandTint2: string;
@@ -89,8 +90,10 @@ export interface IColors {
89
90
  brandShade2: string;
90
91
  /** #4C9EF7 */
91
92
  brandDark: string;
92
- /** #5EA8F8 */
93
+ /** #4C8EDE */
93
94
  brandDarkShade1: string;
95
+ /** #4C7EC6 */
96
+ brandDarkShade2: string;
94
97
  /** 5% of #0074F4 */
95
98
  brandTint0: string;
96
99
  /** 10% of #0074F4 */
package/build/theme/core/colors.js CHANGED
@@ -14,7 +14,8 @@ const colors = {
14
14
  brandShade1: '#0068DC',
15
15
  brandShade2: '#005DC3',
16
16
  brandDark: '#4C9EF7',
17
- brandDarkShade1: '#5EA8F8',
17
+ brandDarkShade1: '#4C8EDE',
18
+ brandDarkShade2: '#4C7EC6',
18
19
  brandTint0: transparentize(0.95, brand),
19
20
  brandTint1: transparentize(0.9, brand),
20
21
  brandTint2: transparentize(0.8, brand),
package/build/theme/core/dark/dark.js CHANGED
@@ -2,7 +2,6 @@ import common, { button as index_js_button } from "../../common/index.js";
2
2
  import colors from "../colors.js";
3
3
  import darkScale from "./darkScale.js";
4
4
  const white = '#FFFFFF';
5
- const accent = colors.brandDark;
6
5
  const dark = {
7
6
  ...common,
8
7
  ...darkScale,
@@ -151,9 +150,9 @@ const dark = {
151
150
  },
152
151
  subtle: {
153
152
  color: {
154
- default: colors.brand,
155
- hover: colors.brand,
156
- active: colors.brand
153
+ default: darkScale.accent,
154
+ hover: darkScale.accent,
155
+ active: darkScale.accent
157
156
  },
158
157
  outlineColor: {
159
158
  default: colors.brand,
@@ -199,9 +198,9 @@ const dark = {
199
198
  },
200
199
  link: {
201
200
  color: {
202
- default: colors.brandShade2,
203
- hover: colors.brandShade1,
204
- active: colors.brand
201
+ default: darkScale.accent,
202
+ hover: darkScale.accentShade1,
203
+ active: darkScale.accentShade2
205
204
  },
206
205
  outlineColor: {
207
206
  default: colors.brandShade2,
@@ -394,7 +393,7 @@ const dark = {
394
393
  disabled: darkScale.scale4,
395
394
  default: darkScale.scale10,
396
395
  active: darkScale.scale10,
397
- current: accent,
396
+ current: darkScale.accent,
398
397
  outside: darkScale.scale6,
399
398
  weekday: darkScale.scale4,
400
399
  monthYear: darkScale.scale8,
@@ -433,7 +432,7 @@ const dark = {
433
432
  borderColor: {
434
433
  default: darkScale.scale6,
435
434
  hover: darkScale.scale8,
436
- focused: accent,
435
+ focused: darkScale.accent,
437
436
  disabled: darkScale.scale4,
438
437
  error: colors.error
439
438
  },
@@ -441,7 +440,7 @@ const dark = {
441
440
  default: darkScale.scale8,
442
441
  hover: darkScale.scale8,
443
442
  filled: darkScale.scale6,
444
- focused: accent,
443
+ focused: darkScale.accent,
445
444
  disabled: darkScale.scale4
446
445
  }
447
446
  },
@@ -481,7 +480,7 @@ const dark = {
481
480
  color: {
482
481
  active: darkScale.scale10,
483
482
  inactive: darkScale.scale10,
484
- accent
483
+ accent: darkScale.accent
485
484
  }
486
485
  },
487
486
  table: {
package/build/theme/core/dark/darkScale.d.ts CHANGED
@@ -11,7 +11,8 @@ declare const darkScale: {
11
11
  scale9: string;
12
12
  scale10: string;
13
13
  accent: string;
14
- accentShade: string;
14
+ accentShade1: string;
15
+ accentShade2: string;
15
16
  background0: string;
16
17
  background1: string;
17
18
  background2: string;
package/build/theme/core/dark/darkScale.js CHANGED
@@ -10,7 +10,6 @@ const scale7 = colors.contrast7;
10
10
  const scale8 = colors.contrast8;
11
11
  const scale9 = colors.contrast9;
12
12
  const scale10 = colors.contrast10;
13
- const accent = colors.brandDark;
14
13
  const darkScale = {
15
14
  scale0,
16
15
  scale1,
@@ -23,8 +22,9 @@ const darkScale = {
23
22
  scale8,
24
23
  scale9,
25
24
  scale10,
26
- accent,
27
- accentShade: colors.brandDarkShade1,
25
+ accent: colors.brandDark,
26
+ accentShade1: colors.brandDarkShade1,
27
+ accentShade2: colors.brandDarkShade2,
28
28
  background0: colors.brandBackground0,
29
29
  background1: colors.brandBackground1,
30
30
  background2: colors.brandBackground2,
package/build/theme/core/light/lightScale.d.ts CHANGED
@@ -11,7 +11,8 @@ declare const lightScale: {
11
11
  scale9: string;
12
12
  scale10: string;
13
13
  accent: string;
14
- accentShade: string;
14
+ accentShade1: string;
15
+ accentShade2: string;
15
16
  background0: string;
16
17
  background1: string;
17
18
  background2: string;
package/build/theme/core/light/lightScale.js CHANGED
@@ -23,7 +23,8 @@ const lightScale = {
23
23
  scale9,
24
24
  scale10,
25
25
  accent: colors.brand,
26
- accentShade: colors.brandShade1,
26
+ accentShade1: colors.brandShade1,
27
+ accentShade2: colors.brandShade2,
27
28
  background0: '#FFFFFF',
28
29
  background1: '#F2F3F4',
29
30
  background2: '#E6E9EB',
package/build/theme/mono/colors.d.ts CHANGED
@@ -7,6 +7,7 @@ declare const colors: {
7
7
  brandShade2: string;
8
8
  brandDark: string;
9
9
  brandDarkShade1: string;
10
+ brandDarkShade2: string;
10
11
  brandTint0: string;
11
12
  brandTint1: string;
12
13
  brandTint2: string;
package/build/theme/mono/colors.js CHANGED
@@ -3,7 +3,7 @@ const brand = '#0074F4';
3
3
  const error = '#FF6068';
4
4
  const warning = '#FF9900';
5
5
  const alertColor = '#F0BB00';
6
- const success = '#00E284';
6
+ const success = '#00C242';
7
7
  const grayVal = '#121212';
8
8
  const white = '#FFFFFF';
9
9
  const colors = {
@@ -14,7 +14,8 @@ const colors = {
14
14
  brandShade1: '#0068DC',
15
15
  brandShade2: '#005DC3',
16
16
  brandDark: '#4C9EF7',
17
- brandDarkShade1: '#5EA8F8',
17
+ brandDarkShade1: '#4C8EDE',
18
+ brandDarkShade2: '#4C7EC6',
18
19
  brandTint0: transparentize(0.95, brand),
19
20
  brandTint1: transparentize(0.9, brand),
20
21
  brandTint2: transparentize(0.8, brand),
package/build/theme/mono/dark/dark.js CHANGED
@@ -2,7 +2,6 @@ import common, { button as index_js_button } from "../../common/index.js";
2
2
  import colors from "../colors.js";
3
3
  import darkScale from "./darkScale.js";
4
4
  const white = '#FFFFFF';
5
- const accent = colors.brandDark;
6
5
  const dark = {
7
6
  ...common,
8
7
  ...darkScale,
@@ -151,9 +150,9 @@ const dark = {
151
150
  },
152
151
  subtle: {
153
152
  color: {
154
- default: colors.brand,
155
- hover: colors.brand,
156
- active: colors.brand
153
+ default: darkScale.accent,
154
+ hover: darkScale.accent,
155
+ active: darkScale.accent
157
156
  },
158
157
  outlineColor: {
159
158
  default: colors.brand,
@@ -199,9 +198,9 @@ const dark = {
199
198
  },
200
199
  link: {
201
200
  color: {
202
- default: colors.brandShade2,
203
- hover: colors.brandShade1,
204
- active: colors.brand
201
+ default: darkScale.accent,
202
+ hover: darkScale.accentShade1,
203
+ active: darkScale.accentShade2
205
204
  },
206
205
  outlineColor: {
207
206
  default: colors.brandShade2,
@@ -394,7 +393,7 @@ const dark = {
394
393
  disabled: darkScale.scale4,
395
394
  default: darkScale.scale10,
396
395
  active: darkScale.scale10,
397
- current: accent,
396
+ current: darkScale.accent,
398
397
  outside: darkScale.scale6,
399
398
  weekday: darkScale.scale4,
400
399
  monthYear: darkScale.scale8,
@@ -433,7 +432,7 @@ const dark = {
433
432
  borderColor: {
434
433
  default: darkScale.scale6,
435
434
  hover: darkScale.scale8,
436
- focused: accent,
435
+ focused: darkScale.accent,
437
436
  disabled: darkScale.scale4,
438
437
  error: colors.error
439
438
  },
@@ -441,7 +440,7 @@ const dark = {
441
440
  default: darkScale.scale8,
442
441
  hover: darkScale.scale8,
443
442
  filled: darkScale.scale6,
444
- focused: accent,
443
+ focused: darkScale.accent,
445
444
  disabled: darkScale.scale4
446
445
  }
447
446
  },
@@ -481,7 +480,7 @@ const dark = {
481
480
  color: {
482
481
  active: darkScale.scale10,
483
482
  inactive: darkScale.scale10,
484
- accent
483
+ accent: darkScale.accent
485
484
  }
486
485
  },
487
486
  table: {
package/build/theme/mono/dark/darkScale.d.ts CHANGED
@@ -11,7 +11,8 @@ declare const darkScale: {
11
11
  scale9: string;
12
12
  scale10: string;
13
13
  accent: string;
14
- accentShade: string;
14
+ accentShade1: string;
15
+ accentShade2: string;
15
16
  background0: string;
16
17
  background1: string;
17
18
  background2: string;
package/build/theme/mono/dark/darkScale.js CHANGED
@@ -10,7 +10,6 @@ const scale7 = colors.contrast7;
10
10
  const scale8 = colors.contrast8;
11
11
  const scale9 = colors.contrast9;
12
12
  const scale10 = colors.contrast10;
13
- const accent = colors.brandDark;
14
13
  const darkScale = {
15
14
  scale0,
16
15
  scale1,
@@ -23,8 +22,9 @@ const darkScale = {
23
22
  scale8,
24
23
  scale9,
25
24
  scale10,
26
- accent,
27
- accentShade: colors.brandDarkShade1,
25
+ accent: colors.brandDark,
26
+ accentShade1: colors.brandDarkShade1,
27
+ accentShade2: colors.brandDarkShade2,
28
28
  background0: colors.brandBackground0,
29
29
  background1: colors.brandBackground1,
30
30
  background2: colors.brandBackground2,
package/build/theme/mono/light/lightScale.d.ts CHANGED
@@ -11,7 +11,8 @@ declare const lightScale: {
11
11
  scale9: string;
12
12
  scale10: string;
13
13
  accent: string;
14
- accentShade: string;
14
+ accentShade1: string;
15
+ accentShade2: string;
15
16
  background0: string;
16
17
  background1: string;
17
18
  background2: string;
package/build/theme/mono/light/lightScale.js CHANGED
@@ -23,7 +23,8 @@ const lightScale = {
23
23
  scale9,
24
24
  scale10,
25
25
  accent: colors.brand,
26
- accentShade: colors.brandShade1,
26
+ accentShade1: colors.brandShade1,
27
+ accentShade2: colors.brandShade2,
27
28
  background0: '#FFFFFF',
28
29
  background1: '#F2F3F4',
29
30
  background2: '#E6E9EB',
package/build/utils/copyToClipboard.js CHANGED
@@ -18,8 +18,8 @@ const legacyCopy = (text)=>{
18
18
  }
19
19
  };
20
20
  const copyToClipboard = (text)=>{
21
- if ('undefined' == typeof window || 'undefined' == typeof document) return;
22
- const canUseModernApi = 'undefined' != typeof navigator && navigator.clipboard && 'function' == typeof navigator.clipboard.writeText;
21
+ if ("u" < typeof window || "u" < typeof document) return;
22
+ const canUseModernApi = "u" > typeof navigator && navigator.clipboard && 'function' == typeof navigator.clipboard.writeText;
23
23
  if (canUseModernApi) return void navigator.clipboard.writeText(text).catch(()=>{
24
24
  legacyCopy(text);
25
25
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wavv/ui",
3
- "version": "2.3.10",
3
+ "version": "2.3.12",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  ".": {
@@ -29,7 +29,7 @@
29
29
  "license": "MIT",
30
30
  "dependencies": {
31
31
  "@emotion/styled": "^11.14.1",
32
- "@internationalized/date": "3.10.0",
32
+ "@internationalized/date": "3.10.1",
33
33
  "@react-hook/resize-observer": "^2.0.2",
34
34
  "@tiptap/core": "^3.13.0",
35
35
  "@tiptap/extension-character-count": "^3.13.0",
@@ -46,11 +46,11 @@
46
46
  "draft-js": "^0.11.7",
47
47
  "es-toolkit": "^1.43.0",
48
48
  "libphonenumber-js": "^1.12.31",
49
- "lucide-react": "^0.561.0",
49
+ "lucide-react": "^0.562.0",
50
50
  "polished": "^4.1.4",
51
51
  "prism-react-renderer": "^2.4.1",
52
- "react-aria": "3.44.0",
53
- "react-aria-components": "1.13.0",
52
+ "react-aria": "3.45.0",
53
+ "react-aria-components": "1.14.0",
54
54
  "react-keyed-flatten-children": "^5.1.1",
55
55
  "react-phone-input-auto-format": "^0.1.0",
56
56
  "recharts": "^3.6.0",
@@ -61,17 +61,17 @@
61
61
  "@babel/core": "^7.28.5",
62
62
  "@babel/preset-env": "^7.28.5",
63
63
  "@babel/preset-typescript": "^7.28.5",
64
- "@biomejs/biome": "2.3.9",
64
+ "@biomejs/biome": "2.3.10",
65
65
  "@chromatic-com/storybook": "^4.1.3",
66
66
  "@emotion/babel-plugin": "^11.13.5",
67
67
  "@emotion/react": "^11.14.0",
68
- "@rsbuild/core": "1.6.14",
68
+ "@rsbuild/core": "1.6.15",
69
69
  "@rsbuild/plugin-react": "^1.4.2",
70
70
  "@rsbuild/plugin-svgr": "^1.2.3",
71
- "@rslib/core": "^0.18.4",
72
- "@storybook/addon-docs": "^10.1.9",
73
- "@storybook/addon-links": "^10.1.9",
74
- "@storybook/addon-themes": "^10.1.9",
71
+ "@rslib/core": "^0.18.5",
72
+ "@storybook/addon-docs": "^10.1.10",
73
+ "@storybook/addon-links": "^10.1.10",
74
+ "@storybook/addon-themes": "^10.1.10",
75
75
  "@storybook/test-runner": "^0.24.2",
76
76
  "@svgr/core": "^8.1.0",
77
77
  "@svgr/plugin-jsx": "^8.1.0",
@@ -80,7 +80,7 @@
80
80
  "@types/draft-js": "^0.11.20",
81
81
  "@types/jest": "^30.0.0",
82
82
  "@types/ncp": "^2.0.8",
83
- "@types/node": "^25.0.2",
83
+ "@types/node": "^25.0.3",
84
84
  "@types/prompts": "^2.4.9",
85
85
  "@types/randomcolor": "^0.5.9",
86
86
  "@types/react": "^19.2.7",
@@ -104,8 +104,8 @@
104
104
  "react-dom": "^19.2.3",
105
105
  "replace": "^1.2.2",
106
106
  "signale": "^1.4.0",
107
- "storybook": "^10.1.9",
108
- "storybook-react-rsbuild": "^3.1.0",
107
+ "storybook": "^10.1.10",
108
+ "storybook-react-rsbuild": "^3.2.0",
109
109
  "tsc-files": "^1.1.4",
110
110
  "tslib": "^2.8.1",
111
111
  "tsx": "^4.21.0",