@veritone-ce/design-system 2.1.3 → 2.1.4

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 (6) hide show
  1. package/dist/cjs/Checkbox/index.js +36 -18
  2. package/dist/cjs/Tooltip/index.js +2 -0
  3. package/dist/esm/Checkbox/index.js +36 -18
  4. package/dist/esm/Tooltip/index.js +2 -0
  5. package/dist/types/Tooltip/index.d.ts +3 -2
  6. package/package.json +1 -1
package/dist/cjs/Checkbox/index.js CHANGED
@@ -11,7 +11,7 @@ var styles_module = require('./styles.module.scss.js');
11
11
  require('color2k');
12
12
  require('../styles/css-vars.js');
13
13
  var cx = require('../styles/cx.js');
14
- require('../styles/defaultTheme.js');
14
+ var defaultTheme = require('../styles/defaultTheme.js');
15
15
  require('@mui/system');
16
16
  require('../styles/styled.js');
17
17
 
@@ -68,7 +68,7 @@ const UncheckedIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
68
68
  width: 24,
69
69
  height: 24,
70
70
  viewBox: "0 0 24 24",
71
- fill: "none",
71
+ fill: defaultTheme.defaultThemeCssVariableUsages.palette.background.primary,
72
72
  children: /* @__PURE__ */ jsxRuntime.jsx(
73
73
  "path",
74
74
  {
@@ -78,7 +78,7 @@ const UncheckedIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
78
78
  )
79
79
  }
80
80
  );
81
- const CheckedIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
81
+ const CheckedIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(
82
82
  "svg",
83
83
  {
84
84
  xmlns: "http://www.w3.org/2000/svg",
@@ -86,16 +86,25 @@ const CheckedIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
86
86
  height: 24,
87
87
  viewBox: "0 0 24 24",
88
88
  fill: "none",
89
- children: /* @__PURE__ */ jsxRuntime.jsx(
90
- "path",
91
- {
92
- className: styles_module.default["checkbox-svg-path"],
93
- d: "M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Zm-9 14-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9Z"
94
- }
95
- )
89
+ children: [
90
+ /* @__PURE__ */ jsxRuntime.jsx(
91
+ "path",
92
+ {
93
+ d: "M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.11 21 21 20.1 21 19V5C21 3.9 20.11 3 19 3Z",
94
+ className: styles_module.default["checkbox-svg-path"]
95
+ }
96
+ ),
97
+ /* @__PURE__ */ jsxRuntime.jsx(
98
+ "path",
99
+ {
100
+ d: "M10 17.0001L5 12.0001L6.41 10.5901L10 14.1701L17.59 6.58008L19 8.00008L10 17.0001Z",
101
+ fill: defaultTheme.defaultThemeCssVariableUsages.palette.action.primary.base.on
102
+ }
103
+ )
104
+ ]
96
105
  }
97
106
  );
98
- const IndeterminateIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
107
+ const IndeterminateIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(
99
108
  "svg",
100
109
  {
101
110
  xmlns: "http://www.w3.org/2000/svg",
@@ -103,13 +112,22 @@ const IndeterminateIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
103
112
  height: 24,
104
113
  viewBox: "0 0 24 24",
105
114
  fill: "none",
106
- children: /* @__PURE__ */ jsxRuntime.jsx(
107
- "path",
108
- {
109
- className: styles_module.default["checkbox-svg-path"],
110
- d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm-2 10H7v-2h10v2Z"
111
- }
112
- )
115
+ children: [
116
+ /* @__PURE__ */ jsxRuntime.jsx(
117
+ "path",
118
+ {
119
+ d: "M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.11 21 21 20.1 21 19V5C21 3.9 20.11 3 19 3Z",
120
+ className: styles_module.default["checkbox-svg-path"]
121
+ }
122
+ ),
123
+ /* @__PURE__ */ jsxRuntime.jsx(
124
+ "path",
125
+ {
126
+ d: "M17 13H7V11H17V13Z",
127
+ fill: defaultTheme.defaultThemeCssVariableUsages.palette.action.primary.base.on
128
+ }
129
+ )
130
+ ]
113
131
  }
114
132
  );
115
133
 
package/dist/cjs/Tooltip/index.js CHANGED
@@ -17,6 +17,7 @@ require('../styles/styled.js');
17
17
  function Tooltip({
18
18
  placement = "bottom",
19
19
  showArrow = true,
20
+ strategy = "absolute",
20
21
  ...props
21
22
  }) {
22
23
  const [_isOpen, setIsOpen] = React.useState(false);
@@ -26,6 +27,7 @@ function Tooltip({
26
27
  open: isOpen,
27
28
  onOpenChange: setIsOpen,
28
29
  placement,
30
+ strategy,
29
31
  middleware: [
30
32
  react.offset(10),
31
33
  react.inline(),
package/dist/esm/Checkbox/index.js CHANGED
@@ -7,7 +7,7 @@ import modules_efc4e723 from './styles.module.scss.js';
7
7
  import 'color2k';
8
8
  import '../styles/css-vars.js';
9
9
  import { cx } from '../styles/cx.js';
10
- import '../styles/defaultTheme.js';
10
+ import { defaultThemeCssVariableUsages } from '../styles/defaultTheme.js';
11
11
  import '@mui/system';
12
12
  import '../styles/styled.js';
13
13
 
@@ -64,7 +64,7 @@ const UncheckedIcon = () => /* @__PURE__ */ jsx(
64
64
  width: 24,
65
65
  height: 24,
66
66
  viewBox: "0 0 24 24",
67
- fill: "none",
67
+ fill: defaultThemeCssVariableUsages.palette.background.primary,
68
68
  children: /* @__PURE__ */ jsx(
69
69
  "path",
70
70
  {
@@ -74,7 +74,7 @@ const UncheckedIcon = () => /* @__PURE__ */ jsx(
74
74
  )
75
75
  }
76
76
  );
77
- const CheckedIcon = () => /* @__PURE__ */ jsx(
77
+ const CheckedIcon = () => /* @__PURE__ */ jsxs(
78
78
  "svg",
79
79
  {
80
80
  xmlns: "http://www.w3.org/2000/svg",
@@ -82,16 +82,25 @@ const CheckedIcon = () => /* @__PURE__ */ jsx(
82
82
  height: 24,
83
83
  viewBox: "0 0 24 24",
84
84
  fill: "none",
85
- children: /* @__PURE__ */ jsx(
86
- "path",
87
- {
88
- className: modules_efc4e723["checkbox-svg-path"],
89
- d: "M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2Zm-9 14-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9Z"
90
- }
91
- )
85
+ children: [
86
+ /* @__PURE__ */ jsx(
87
+ "path",
88
+ {
89
+ d: "M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.11 21 21 20.1 21 19V5C21 3.9 20.11 3 19 3Z",
90
+ className: modules_efc4e723["checkbox-svg-path"]
91
+ }
92
+ ),
93
+ /* @__PURE__ */ jsx(
94
+ "path",
95
+ {
96
+ d: "M10 17.0001L5 12.0001L6.41 10.5901L10 14.1701L17.59 6.58008L19 8.00008L10 17.0001Z",
97
+ fill: defaultThemeCssVariableUsages.palette.action.primary.base.on
98
+ }
99
+ )
100
+ ]
92
101
  }
93
102
  );
94
- const IndeterminateIcon = () => /* @__PURE__ */ jsx(
103
+ const IndeterminateIcon = () => /* @__PURE__ */ jsxs(
95
104
  "svg",
96
105
  {
97
106
  xmlns: "http://www.w3.org/2000/svg",
@@ -99,13 +108,22 @@ const IndeterminateIcon = () => /* @__PURE__ */ jsx(
99
108
  height: 24,
100
109
  viewBox: "0 0 24 24",
101
110
  fill: "none",
102
- children: /* @__PURE__ */ jsx(
103
- "path",
104
- {
105
- className: modules_efc4e723["checkbox-svg-path"],
106
- d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm-2 10H7v-2h10v2Z"
107
- }
108
- )
111
+ children: [
112
+ /* @__PURE__ */ jsx(
113
+ "path",
114
+ {
115
+ d: "M19 3H5C3.89 3 3 3.9 3 5V19C3 20.1 3.89 21 5 21H19C20.11 21 21 20.1 21 19V5C21 3.9 20.11 3 19 3Z",
116
+ className: modules_efc4e723["checkbox-svg-path"]
117
+ }
118
+ ),
119
+ /* @__PURE__ */ jsx(
120
+ "path",
121
+ {
122
+ d: "M17 13H7V11H17V13Z",
123
+ fill: defaultThemeCssVariableUsages.palette.action.primary.base.on
124
+ }
125
+ )
126
+ ]
109
127
  }
110
128
  );
111
129
 
package/dist/esm/Tooltip/index.js CHANGED
@@ -13,6 +13,7 @@ import '../styles/styled.js';
13
13
  function Tooltip({
14
14
  placement = "bottom",
15
15
  showArrow = true,
16
+ strategy = "absolute",
16
17
  ...props
17
18
  }) {
18
19
  const [_isOpen, setIsOpen] = React__default.useState(false);
@@ -22,6 +23,7 @@ function Tooltip({
22
23
  open: isOpen,
23
24
  onOpenChange: setIsOpen,
24
25
  placement,
26
+ strategy,
25
27
  middleware: [
26
28
  offset(10),
27
29
  inline(),
package/dist/types/Tooltip/index.d.ts CHANGED
@@ -1,14 +1,15 @@
1
1
  import React from 'react';
2
- import type { PopoverPlacement } from '../popover/index.js';
2
+ import type { PopoverPlacement, PopoverStrategy } from '../popover/index.js';
3
3
  export type TooltipProps = {
4
4
  isOpen?: boolean;
5
5
  children?: React.ReactNode;
6
6
  tooltip?: React.ReactNode;
7
7
  placement?: PopoverPlacement;
8
+ strategy?: PopoverStrategy;
8
9
  showArrow?: boolean;
9
10
  'data-testid'?: string;
10
11
  style?: React.CSSProperties;
11
12
  className?: string;
12
13
  };
13
- declare function Tooltip({ placement, showArrow, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
14
+ declare function Tooltip({ placement, showArrow, strategy, ...props }: TooltipProps): import("react/jsx-runtime").JSX.Element;
14
15
  export default Tooltip;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@veritone-ce/design-system",
3
- "version": "2.1.3",
3
+ "version": "2.1.4",
4
4
  "private": false,
5
5
  "description": "Design System for Veritone CE",
6
6
  "keywords": [