@veritone-ce/design-system 2.2.2 → 2.2.3

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 (20) hide show
  1. package/dist/cjs/Button/index.js +8 -10
  2. package/dist/cjs/Drawer/components.js +4 -6
  3. package/dist/cjs/IconButton/index.js +8 -10
  4. package/dist/cjs/TablePagination/index.js +3 -2
  5. package/dist/cjs/index.js +0 -2
  6. package/dist/cjs/styles.css +2 -2
  7. package/dist/esm/Button/index.js +2 -4
  8. package/dist/esm/Drawer/components.js +2 -4
  9. package/dist/esm/IconButton/index.js +2 -4
  10. package/dist/esm/TablePagination/index.js +3 -2
  11. package/dist/esm/index.js +0 -1
  12. package/dist/esm/styles.css +2 -2
  13. package/dist/types/Drawer/components.d.ts +1 -1
  14. package/dist/types/styles/palette.d.ts +1 -4
  15. package/package.json +1 -1
  16. package/dist/cjs/styles/palette.js +0 -15
  17. package/dist/cjs/utils/recursive.js +0 -25
  18. package/dist/esm/styles/palette.js +0 -13
  19. package/dist/esm/utils/recursive.js +0 -23
  20. package/dist/types/utils/recursive.d.ts +0 -10
package/dist/cjs/Button/index.js CHANGED
@@ -11,16 +11,15 @@ 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
- var palette = require('../styles/palette.js');
17
16
  require('../Box/index.js');
18
17
  require('../styles/styled.js');
19
18
 
20
19
  const Button = React.forwardRef(
21
20
  ({
22
21
  variant = "primary",
23
- palette: paletteInput = variant === "primary" ? "action.primary" : "action.text",
22
+ palette = variant === "primary" ? defaultTheme.defaultThemeCssVariableUsages.palette.action.primary : defaultTheme.defaultThemeCssVariableUsages.palette.action.text,
24
23
  size = "large",
25
24
  disabled = false,
26
25
  loading = false,
@@ -28,7 +27,6 @@ const Button = React.forwardRef(
28
27
  ...props
29
28
  }, ref) => {
30
29
  const variantCn = styles_module.default[variant];
31
- const palette$1 = palette.resolvePaletteValue(paletteInput);
32
30
  return /* @__PURE__ */ jsxRuntime.jsxs(
33
31
  "button",
34
32
  {
@@ -42,12 +40,12 @@ const Button = React.forwardRef(
42
40
  "data-testid": props["data-testid"],
43
41
  style: {
44
42
  ...{
45
- "--vt-ce-button-palette-base-surface": palette$1.base.surface,
46
- "--vt-ce-button-palette-base-on": palette$1.base.on,
47
- "--vt-ce-button-palette-hover-surface": palette$1.hover.surface,
48
- "--vt-ce-button-palette-hover-on": palette$1.hover.on,
49
- "--vt-ce-button-palette-disabled-surface": palette$1.disabled.surface,
50
- "--vt-ce-button-palette-disabled-on": palette$1.disabled.on
43
+ "--vt-ce-button-palette-base-surface": palette.base.surface,
44
+ "--vt-ce-button-palette-base-on": palette.base.on,
45
+ "--vt-ce-button-palette-hover-surface": palette.hover.surface,
46
+ "--vt-ce-button-palette-hover-on": palette.hover.on,
47
+ "--vt-ce-button-palette-disabled-surface": palette.disabled.surface,
48
+ "--vt-ce-button-palette-disabled-on": palette.disabled.on
51
49
  },
52
50
  ...props.style
53
51
  },
package/dist/cjs/Drawer/components.js CHANGED
@@ -13,9 +13,8 @@ var state = require('./state.js');
13
13
  require('color2k');
14
14
  require('../styles/css-vars.js');
15
15
  var cx = require('../styles/cx.js');
16
- require('../styles/defaultTheme.js');
16
+ var defaultTheme = require('../styles/defaultTheme.js');
17
17
  require('@mui/system');
18
- var palette = require('../styles/palette.js');
19
18
  require('../Box/index.js');
20
19
  require('../styles/styled.js');
21
20
  var index$1 = require('../Button/index.js');
@@ -133,10 +132,9 @@ const DrawerTitle = React__namespace.forwardRef(function DrawerTitle2({
133
132
  children,
134
133
  actions,
135
134
  container = "text",
136
- palette: paletteInput = "brand.1.base",
135
+ palette = defaultTheme.defaultThemeCssVariableUsages.palette.brand["1"].base,
137
136
  ...props
138
137
  }, ref) {
139
- const palette$1 = palette.resolvePaletteValue(paletteInput);
140
138
  const { setLabelId } = state.useDrawerContext();
141
139
  const id = React__namespace.useId();
142
140
  React__namespace.useLayoutEffect(() => {
@@ -149,8 +147,8 @@ const DrawerTitle = React__namespace.forwardRef(function DrawerTitle2({
149
147
  "data-container": container,
150
148
  style: {
151
149
  ...{
152
- "--vt-ce-drawer-palette-surface": palette$1.surface,
153
- "--vt-ce-drawer-palette-on": palette$1.on
150
+ "--vt-ce-drawer-palette-surface": palette.surface,
151
+ "--vt-ce-drawer-palette-on": palette.on
154
152
  }
155
153
  },
156
154
  className: styles_module.default["drawer-title-container"],
package/dist/cjs/IconButton/index.js CHANGED
@@ -11,22 +11,20 @@ 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
- var palette = require('../styles/palette.js');
17
16
  require('../Box/index.js');
18
17
  require('../styles/styled.js');
19
18
 
20
19
  const IconButton = React.forwardRef(
21
20
  ({
22
21
  variant = "primary",
23
- palette: paletteInput = "action.text",
22
+ palette = defaultTheme.defaultThemeCssVariableUsages.palette.action.text,
24
23
  loading = false,
25
24
  disabled = false,
26
25
  ...props
27
26
  }, ref) => {
28
27
  const variantCn = styles_module.default[variant];
29
- const palette$1 = palette.resolvePaletteValue(paletteInput);
30
28
  return /* @__PURE__ */ jsxRuntime.jsxs(
31
29
  "button",
32
30
  {
@@ -38,12 +36,12 @@ const IconButton = React.forwardRef(
38
36
  "data-testid": props["data-testid"],
39
37
  style: {
40
38
  ...{
41
- "--vt-ce-icon-button-palette-base-surface": palette$1.base.surface,
42
- "--vt-ce-icon-button-palette-base-on": palette$1.base.on,
43
- "--vt-ce-icon-button-palette-hover-surface": palette$1.hover.surface,
44
- "--vt-ce-icon-button-palette-hover-on": palette$1.hover.on,
45
- "--vt-ce-icon-button-palette-disabled-surface": palette$1.disabled.surface,
46
- "--vt-ce-icon-button-palette-disabled-on": palette$1.disabled.on
39
+ "--vt-ce-icon-button-palette-base-surface": palette.base.surface,
40
+ "--vt-ce-icon-button-palette-base-on": palette.base.on,
41
+ "--vt-ce-icon-button-palette-hover-surface": palette.hover.surface,
42
+ "--vt-ce-icon-button-palette-hover-on": palette.hover.on,
43
+ "--vt-ce-icon-button-palette-disabled-surface": palette.disabled.surface,
44
+ "--vt-ce-icon-button-palette-disabled-on": palette.disabled.on
47
45
  },
48
46
  ...props.style
49
47
  },
package/dist/cjs/TablePagination/index.js CHANGED
@@ -43,8 +43,9 @@ function TablePagination({
43
43
  /* @__PURE__ */ jsxRuntime.jsxs("span", { className: styles_module.default["page-counts"], children: [
44
44
  (page - 1) * rowsPerPage + 1,
45
45
  "-",
46
- page * rowsPerPage,
47
- " of ",
46
+ Math.min(page * rowsPerPage, count),
47
+ " of",
48
+ " ",
48
49
  count
49
50
  ] }),
50
51
  /* @__PURE__ */ jsxRuntime.jsxs("ul", { className: styles_module.default["btn-list"], children: [
package/dist/cjs/index.js CHANGED
@@ -7,7 +7,6 @@ var cssVars = require('./styles/css-vars.js');
7
7
  var cx = require('./styles/cx.js');
8
8
  var defaultTheme = require('./styles/defaultTheme.js');
9
9
  var useTheme = require('./styles/useTheme.js');
10
- var palette = require('./styles/palette.js');
11
10
  var portal = require('./styles/portal.js');
12
11
  var createPalette = require('./styles/createPalette.js');
13
12
  var styled = require('./styles/styled.js');
@@ -55,7 +54,6 @@ exports.ThemeVars = defaultTheme.defaultThemeCssVariableUsages;
55
54
  exports.defaultDarkTheme = defaultTheme.defaultDarkTheme;
56
55
  exports.defaultTheme = defaultTheme.default;
57
56
  exports.useTheme = useTheme.default;
58
- exports.resolvePaletteValue = palette.resolvePaletteValue;
59
57
  exports.PortalThemeRelay = portal.PortalThemeRelay;
60
58
  exports.createPalette = createPalette.createPalette;
61
59
  exports.experimentalStyled = styled.default;
package/dist/cjs/styles.css CHANGED
@@ -13,8 +13,8 @@
13
13
  .vt_ce_Tooltip_tooltipAnchor__4170edb1{display:inline}.vt_ce_Tooltip_tooltipBody__4170edb1{background-color:var(--vt-ce-theme-palette-background-primary,#fff);border-color:var(--vt-ce-theme-palette-background-secondary,#e0e8f0);border-radius:4px;border-style:solid;border-width:1px;color:var(--vt-ce-theme-palette-text-primary,#2a323c);font-family:var(--vt-ce-theme-typography-label-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-label-fontSize,14px);font-style:var(--vt-ce-theme-typography-label-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-label-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-label-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-label-lineHeight,17px);padding:4px 10px;text-transform:var(--vt-ce-theme-typography-label-textTransform,inherit);z-index:10}
14
14
  .vt_ce_Typography_tTitle__56e154f0{font-family:var(--vt-ce-theme-typography-title-fontFamily,Dosis,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-title-fontSize,18px);font-style:var(--vt-ce-theme-typography-title-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-title-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-title-letterSpacing,.25px);line-height:var(--vt-ce-theme-typography-title-lineHeight,normal);text-transform:var(--vt-ce-theme-typography-title-textTransform,uppercase)}.vt_ce_Typography_tH1__56e154f0{font-family:var(--vt-ce-theme-typography-h1-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-h1-fontSize,24px);font-style:var(--vt-ce-theme-typography-h1-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-h1-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-h1-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-h1-lineHeight,34px);text-transform:var(--vt-ce-theme-typography-h1-textTransform,inherit)}.vt_ce_Typography_tH2__56e154f0{font-family:var(--vt-ce-theme-typography-h2-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-h2-fontSize,20px);font-style:var(--vt-ce-theme-typography-h2-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-h2-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-h2-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-h2-lineHeight,30px);text-transform:var(--vt-ce-theme-typography-h2-textTransform,inherit)}.vt_ce_Typography_tH3__56e154f0{font-family:var(--vt-ce-theme-typography-h3-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-h3-fontSize,18px);font-style:var(--vt-ce-theme-typography-h3-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-h3-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-h3-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-h3-lineHeight,26px);text-transform:var(--vt-ce-theme-typography-h3-textTransform,inherit)}.vt_ce_Typography_tH4__56e154f0{font-family:var(--vt-ce-theme-typography-h4-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-h4-fontSize,16px);font-style:var(--vt-ce-theme-typography-h4-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-h4-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-h4-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-h4-lineHeight,24px);text-transform:var(--vt-ce-theme-typography-h4-textTransform,inherit)}.vt_ce_Typography_tLabel__56e154f0{font-family:var(--vt-ce-theme-typography-label-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-label-fontSize,14px);font-style:var(--vt-ce-theme-typography-label-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-label-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-label-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-label-lineHeight,17px);text-transform:var(--vt-ce-theme-typography-label-textTransform,inherit)}.vt_ce_Typography_tParagraph1__56e154f0{font-family:var(--vt-ce-theme-typography-paragraph1-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph1-fontSize,16px);font-style:var(--vt-ce-theme-typography-paragraph1-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph1-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph1-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph1-lineHeight,24px);text-transform:var(--vt-ce-theme-typography-paragraph1-textTransform,inherit)}.vt_ce_Typography_tParagraph2__56e154f0{font-family:var(--vt-ce-theme-typography-paragraph2-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph2-fontSize,14px);font-style:var(--vt-ce-theme-typography-paragraph2-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph2-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph2-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph2-lineHeight,20px);text-transform:var(--vt-ce-theme-typography-paragraph2-textTransform,inherit)}.vt_ce_Typography_tParagraph3__56e154f0{font-family:var(--vt-ce-theme-typography-paragraph3-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph3-fontSize,12px);font-style:var(--vt-ce-theme-typography-paragraph3-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph3-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph3-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph3-lineHeight,18px);text-transform:var(--vt-ce-theme-typography-paragraph3-textTransform,inherit)}.vt_ce_Typography_tButton__56e154f0{font-family:var(--vt-ce-theme-typography-button-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-button-fontSize,14px);font-style:var(--vt-ce-theme-typography-button-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-button-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-button-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-button-lineHeight,20px);text-transform:var(--vt-ce-theme-typography-button-textTransform,inherit)}.vt_ce_Typography_tButtonSmall__56e154f0{font-family:var(--vt-ce-theme-typography-buttonSmall-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-buttonSmall-fontSize,12px);font-style:var(--vt-ce-theme-typography-buttonSmall-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-buttonSmall-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-buttonSmall-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-buttonSmall-lineHeight,18px);text-transform:var(--vt-ce-theme-typography-buttonSmall-textTransform,inherit)}.vt_ce_Typography_cPrimary__56e154f0{color:var(--vt-ce-theme-palette-text-primary,#2a323c)}.vt_ce_Typography_cSecondary__56e154f0{color:var(--vt-ce-theme-palette-text-secondary,#5c6269)}.vt_ce_Typography_cTertiary__56e154f0{color:var(--vt-ce-theme-palette-text-tertiary,#465364)}.vt_ce_Typography_cDisabled__56e154f0{color:var(--vt-ce-theme-palette-disabled-on,#7c848d)}.vt_ce_Typography_cInherit__56e154f0{color:inherit}
15
15
  .vt_ce_styles_cssVarProvider__b6a03d8f{display:contents}
16
+ .vt_ce_Dialog_dialogOverlay__19d426a2{background:rgba(0,0,0,.54);display:grid;place-items:center}.vt_ce_Dialog_dialog__19d426a2{background-color:var(--vt-ce-theme-palette-background-primary,#fff);border:1px solid var(--vt-ce-theme-palette-disabled-on,#7c848d);border-radius:4px;color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;flex-direction:column;margin:15px;max-height:calc(100% - 64px);max-width:calc(100% - 64px);padding:30px 0}.vt_ce_Dialog_dialog__19d426a2:has(>.vt_ce_Dialog_dialogStart__19d426a2:first-child){padding-block-start:0}.vt_ce_Dialog_dialog__19d426a2:has(>.vt_ce_Dialog_dialogEnd__19d426a2:last-child){padding-block-end:0}.vt_ce_Dialog_dialogStart__19d426a2{display:block;flex:0 0 auto}.vt_ce_Dialog_dialogContent__19d426a2{flex:1 1 auto;--webkit-overflow-scrolling:touch;overflow-y:auto;padding:0 30px}.vt_ce_Dialog_dialogEnd__19d426a2{display:block;flex:0 0 auto}.vt_ce_Dialog_dialogTitle__19d426a2{flex:0 0 auto;font-size:18px;line-height:24px;margin:30px 0 0;padding:0 30px}.vt_ce_Dialog_dialogTypography__19d426a2{margin:15px 0}.vt_ce_Dialog_dialogActions__19d426a2{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin:15px 0 40px;padding:0 30px}
16
17
  .vt_ce_Drawer_drawerOverlay__15fba194{display:grid;inset:0;place-items:stretch end;pointer-events:none}.vt_ce_Drawer_drawerOverlay__15fba194>*{pointer-events:auto}.vt_ce_Drawer_drawerOverlayEnabled__15fba194{background:rgba(0,0,0,.54);pointer-events:auto}.vt_ce_Drawer_drawerOverlayStrategyFixed__15fba194{position:fixed}.vt_ce_Drawer_drawerOverlayStrategyAbsolute__15fba194{position:absolute}.vt_ce_Drawer_drawer__15fba194{background-color:var(--vt-ce-theme-palette-background-primary,#fff);border-inline-start:1px solid var(--vt-ce-theme-palette-disabled-on,#7c848d);color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;flex-direction:column;max-width:calc(100% - 64px);padding:20px 0}.vt_ce_Drawer_drawer__15fba194:has(>.vt_ce_Drawer_drawerStart__15fba194:first-child){padding-block-start:0}.vt_ce_Drawer_drawer__15fba194:has(>.vt_ce_Drawer_drawerEnd__15fba194:last-child){padding-block-end:0}.vt_ce_Drawer_drawerStart__15fba194{display:block;flex:0 0 auto}.vt_ce_Drawer_drawerContent__15fba194{flex:1 1 auto;--webkit-overflow-scrolling:touch;overflow-y:auto;padding:0 20px}.vt_ce_Drawer_drawerEnd__15fba194{display:block;flex:0 0 auto}.vt_ce_Drawer_drawerTitleContainer__15fba194{align-items:baseline;background-color:var(--vt-ce-theme-palette-background-primary,#fff);color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;justify-content:space-between}.vt_ce_Drawer_drawerTitleContainer__15fba194[data-container=bar]{background-color:var(--vt-ce-drawer-palette-surface);color:var(--vt-ce-drawer-palette-on)}.vt_ce_Drawer_drawerTitle__15fba194{flex:1 0 auto;margin:20px 0;padding:0 20px}.vt_ce_Drawer_drawerTitleActions__15fba194{display:flex;flex:0 0 auto;padding:0 20px 0 0}.vt_ce_Drawer_drawerTypography__15fba194{margin:20px 0}.vt_ce_Drawer_drawerActions__15fba194{align-items:center;display:flex;flex:0 0 auto;gap:10px;justify-content:flex-end;margin:20px 0;padding:0 20px}
17
18
  .vt_ce_Icon_icon__5881e2e1{display:inline-block;height:var(--vt-ce-icon-size,18px);width:var(--vt-ce-icon-size,18px)}.vt_ce_Icon_icon__5881e2e1 svg{height:var(--vt-ce-icon-size,18px);vertical-align:baseline;width:var(--vt-ce-icon-size,18px)}.vt_ce_Icon_icon__5881e2e1[data-size=large],.vt_ce_Icon_icon__5881e2e1[data-size=large] svg{height:24px;width:24px}.vt_ce_Icon_icon__5881e2e1[data-size=medium],.vt_ce_Icon_icon__5881e2e1[data-size=medium] svg{height:18px;width:18px}.vt_ce_Icon_icon__5881e2e1[data-size=small],.vt_ce_Icon_icon__5881e2e1[data-size=small] svg{height:14px;width:14px}.vt_ce_Icon_icon__5881e2e1[data-size=inherit],.vt_ce_Icon_icon__5881e2e1[data-size=inherit] svg{font-size:1em;height:1em;width:1em}
18
- .vt_ce_Menu_menu__f5f59292{border:1px solid var(--vt-ce-theme-palette-disabled-on,#7c848d);border-radius:0 0 4px 4px;display:block;outline:0;padding-bottom:5px;padding-top:5px}.vt_ce_Menu_menu__f5f59292,.vt_ce_Menu_option__f5f59292{background-color:var(--vt-ce-theme-palette-background-primary,#fff)}.vt_ce_Menu_option__f5f59292{align-items:center;border:none;color:var(--vt-ce-theme-palette-text-primary,#2a323c);cursor:pointer;display:flex;font-family:var(--vt-ce-theme-typography-paragraph2-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph2-fontSize,14px);font-style:var(--vt-ce-theme-typography-paragraph2-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph2-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph2-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph2-lineHeight,20px);padding:5px 10px;text-transform:var(--vt-ce-theme-typography-paragraph2-textTransform,inherit);width:100%}.vt_ce_Menu_option__f5f59292:focus{background-color:var(--vt-ce-theme-palette-table-hover-surface,#eaf1fa);color:var(--vt-ce-theme-palette-table-hover-on,#000);outline:none}.vt_ce_Menu_optionIcon__f5f59292{align-items:center;display:inline-flex;justify-content:center;margin-inline-end:10px;--vt-ce-icon-size:14px}.vt_ce_Menu_optionLabel__f5f59292{text-align:start}
19
19
  .vt_ce_Select_select__cb05e024{cursor:pointer;display:inline-flex;flex-direction:column;gap:3px}.vt_ce_Select_label__cb05e024{color:var(--vt-ce-theme-palette-text-secondary,#5c6269);font-family:var(--vt-ce-theme-typography-label-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-label-fontSize,14px);font-style:var(--vt-ce-theme-typography-label-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-label-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-label-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-label-lineHeight,17px);text-transform:var(--vt-ce-theme-typography-label-textTransform,inherit)}.vt_ce_Select_innerInputContainer__cb05e024{align-items:center;align-self:stretch;background:var(--vt-ce-theme-palette-background-primary,#fff);border-radius:4px;color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;gap:10px;margin-bottom:1px;margin-top:1px;outline:var(--vt-ce-theme-palette-text-secondary,#5c6269) solid 1px;padding:0 8px}.vt_ce_Select_innerInputContainer__cb05e024:focus-within,.vt_ce_Select_innerInputContainer__cb05e024:hover,.vt_ce_Select_innerInputContainer__cb05e024[data-focused=true]{outline-color:var(--vt-ce-theme-palette-action-primary-hover-surface,#335b89);outline-width:2px}.vt_ce_Select_innerInputContainer__cb05e024[data-disabled=true]{background-color:var(--vt-ce-theme-palette-action-primary-disabled-surface,#fafafa);color:var(--vt-ce-theme-palette-action-primary-disabled-on,#7c848d);outline-color:var(--vt-ce-theme-palette-background-secondary,#e0e8f0)}.vt_ce_Select_innerInputContainer__cb05e024[data-disabled=true]:focus-within,.vt_ce_Select_innerInputContainer__cb05e024[data-disabled=true]:hover{outline-color:var(--vt-ce-theme-palette-background-secondary,#e0e8f0);outline-width:1px}.vt_ce_Select_innerInputContainer__cb05e024[data-error=true]{outline-color:var(--vt-ce-theme-palette-indicator-error-base-surface,#eb0000)}.vt_ce_Select_innerInput__cb05e024{background:none;border:none;color:inherit;flex-grow:1;font-family:var(--vt-ce-theme-typography-paragraph2-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph2-fontSize,14px);font-style:var(--vt-ce-theme-typography-paragraph2-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph2-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph2-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph2-lineHeight,20px);outline:none;padding:8px 0;text-transform:var(--vt-ce-theme-typography-paragraph2-textTransform,inherit)}.vt_ce_Select_innerInput__cb05e024::-moz-placeholder{color:var(--vt-ce-theme-palette-action-primary-disabled-on,#7c848d)}.vt_ce_Select_innerInput__cb05e024::placeholder{color:var(--vt-ce-theme-palette-action-primary-disabled-on,#7c848d)}.vt_ce_Select_innerInput__cb05e024[data-selected=true]::-moz-placeholder{color:inherit}.vt_ce_Select_innerInput__cb05e024[data-selected=true]::placeholder{color:inherit}.vt_ce_Select_selectIcon__cb05e024{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;padding:8px 0;--vt-ce-icon-size:18px}.vt_ce_Select_helpLabel__cb05e024{color:var(--vt-ce-theme-palette-text-secondary,#5c6269)}.vt_ce_Select_errorLabel__cb05e024,.vt_ce_Select_helpLabel__cb05e024{font-family:var(--vt-ce-theme-typography-paragraph3-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph3-fontSize,12px);font-style:var(--vt-ce-theme-typography-paragraph3-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph3-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph3-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph3-lineHeight,18px);text-transform:var(--vt-ce-theme-typography-paragraph3-textTransform,inherit)}.vt_ce_Select_errorLabel__cb05e024{align-items:center;color:var(--vt-ce-theme-palette-indicator-error-base-surface,#eb0000);display:flex;gap:3px}
20
- .vt_ce_Dialog_dialogOverlay__19d426a2{background:rgba(0,0,0,.54);display:grid;place-items:center}.vt_ce_Dialog_dialog__19d426a2{background-color:var(--vt-ce-theme-palette-background-primary,#fff);border:1px solid var(--vt-ce-theme-palette-disabled-on,#7c848d);border-radius:4px;color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;flex-direction:column;margin:15px;max-height:calc(100% - 64px);max-width:calc(100% - 64px);padding:30px 0}.vt_ce_Dialog_dialog__19d426a2:has(>.vt_ce_Dialog_dialogStart__19d426a2:first-child){padding-block-start:0}.vt_ce_Dialog_dialog__19d426a2:has(>.vt_ce_Dialog_dialogEnd__19d426a2:last-child){padding-block-end:0}.vt_ce_Dialog_dialogStart__19d426a2{display:block;flex:0 0 auto}.vt_ce_Dialog_dialogContent__19d426a2{flex:1 1 auto;--webkit-overflow-scrolling:touch;overflow-y:auto;padding:0 30px}.vt_ce_Dialog_dialogEnd__19d426a2{display:block;flex:0 0 auto}.vt_ce_Dialog_dialogTitle__19d426a2{flex:0 0 auto;font-size:18px;line-height:24px;margin:30px 0 0;padding:0 30px}.vt_ce_Dialog_dialogTypography__19d426a2{margin:15px 0}.vt_ce_Dialog_dialogActions__19d426a2{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin:15px 0 40px;padding:0 30px}
20
+ .vt_ce_Menu_menu__f5f59292{border:1px solid var(--vt-ce-theme-palette-disabled-on,#7c848d);border-radius:0 0 4px 4px;display:block;outline:0;padding-bottom:5px;padding-top:5px}.vt_ce_Menu_menu__f5f59292,.vt_ce_Menu_option__f5f59292{background-color:var(--vt-ce-theme-palette-background-primary,#fff)}.vt_ce_Menu_option__f5f59292{align-items:center;border:none;color:var(--vt-ce-theme-palette-text-primary,#2a323c);cursor:pointer;display:flex;font-family:var(--vt-ce-theme-typography-paragraph2-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph2-fontSize,14px);font-style:var(--vt-ce-theme-typography-paragraph2-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph2-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph2-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph2-lineHeight,20px);padding:5px 10px;text-transform:var(--vt-ce-theme-typography-paragraph2-textTransform,inherit);width:100%}.vt_ce_Menu_option__f5f59292:focus{background-color:var(--vt-ce-theme-palette-table-hover-surface,#eaf1fa);color:var(--vt-ce-theme-palette-table-hover-on,#000);outline:none}.vt_ce_Menu_optionIcon__f5f59292{align-items:center;display:inline-flex;justify-content:center;margin-inline-end:10px;--vt-ce-icon-size:14px}.vt_ce_Menu_optionLabel__f5f59292{text-align:start}
package/dist/esm/Button/index.js CHANGED
@@ -7,16 +7,15 @@ 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
- import { resolvePaletteValue } from '../styles/palette.js';
13
12
  import '../Box/index.js';
14
13
  import '../styles/styled.js';
15
14
 
16
15
  const Button = forwardRef(
17
16
  ({
18
17
  variant = "primary",
19
- palette: paletteInput = variant === "primary" ? "action.primary" : "action.text",
18
+ palette = variant === "primary" ? defaultThemeCssVariableUsages.palette.action.primary : defaultThemeCssVariableUsages.palette.action.text,
20
19
  size = "large",
21
20
  disabled = false,
22
21
  loading = false,
@@ -24,7 +23,6 @@ const Button = forwardRef(
24
23
  ...props
25
24
  }, ref) => {
26
25
  const variantCn = modules_efc4e723[variant];
27
- const palette = resolvePaletteValue(paletteInput);
28
26
  return /* @__PURE__ */ jsxs(
29
27
  "button",
30
28
  {
package/dist/esm/Drawer/components.js CHANGED
@@ -9,9 +9,8 @@ import { useDrawer, DrawerContext, useDrawerContext } from './state.js';
9
9
  import 'color2k';
10
10
  import '../styles/css-vars.js';
11
11
  import { cx } from '../styles/cx.js';
12
- import '../styles/defaultTheme.js';
12
+ import { defaultThemeCssVariableUsages } from '../styles/defaultTheme.js';
13
13
  import '@mui/system';
14
- import { resolvePaletteValue } from '../styles/palette.js';
15
14
  import '../Box/index.js';
16
15
  import '../styles/styled.js';
17
16
  import Button from '../Button/index.js';
@@ -110,10 +109,9 @@ const DrawerTitle = React.forwardRef(function DrawerTitle2({
110
109
  children,
111
110
  actions,
112
111
  container = "text",
113
- palette: paletteInput = "brand.1.base",
112
+ palette = defaultThemeCssVariableUsages.palette.brand["1"].base,
114
113
  ...props
115
114
  }, ref) {
116
- const palette = resolvePaletteValue(paletteInput);
117
115
  const { setLabelId } = useDrawerContext();
118
116
  const id = React.useId();
119
117
  React.useLayoutEffect(() => {
package/dist/esm/IconButton/index.js CHANGED
@@ -7,22 +7,20 @@ 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
- import { resolvePaletteValue } from '../styles/palette.js';
13
12
  import '../Box/index.js';
14
13
  import '../styles/styled.js';
15
14
 
16
15
  const IconButton = forwardRef(
17
16
  ({
18
17
  variant = "primary",
19
- palette: paletteInput = "action.text",
18
+ palette = defaultThemeCssVariableUsages.palette.action.text,
20
19
  loading = false,
21
20
  disabled = false,
22
21
  ...props
23
22
  }, ref) => {
24
23
  const variantCn = modules_efc4e723[variant];
25
- const palette = resolvePaletteValue(paletteInput);
26
24
  return /* @__PURE__ */ jsxs(
27
25
  "button",
28
26
  {
package/dist/esm/TablePagination/index.js CHANGED
@@ -39,8 +39,9 @@ function TablePagination({
39
39
  /* @__PURE__ */ jsxs("span", { className: modules_efc4e723["page-counts"], children: [
40
40
  (page - 1) * rowsPerPage + 1,
41
41
  "-",
42
- page * rowsPerPage,
43
- " of ",
42
+ Math.min(page * rowsPerPage, count),
43
+ " of",
44
+ " ",
44
45
  count
45
46
  ] }),
46
47
  /* @__PURE__ */ jsxs("ul", { className: modules_efc4e723["btn-list"], children: [
package/dist/esm/index.js CHANGED
@@ -5,7 +5,6 @@ export { createThemeCssVariableDefinitions, themeCSSVariableNames } from './styl
5
5
  export { cx } from './styles/cx.js';
6
6
  export { defaultThemeCssVariableUsages as ThemeVars, defaultDarkTheme, default as defaultTheme } from './styles/defaultTheme.js';
7
7
  export { default as useTheme } from './styles/useTheme.js';
8
- export { resolvePaletteValue } from './styles/palette.js';
9
8
  export { PortalThemeRelay } from './styles/portal.js';
10
9
  export { createPalette } from './styles/createPalette.js';
11
10
  export { default as experimentalStyled, default as styled } from './styles/styled.js';
package/dist/esm/styles.css CHANGED
@@ -13,8 +13,8 @@
13
13
  .vt_ce_Tooltip_tooltipAnchor__4170edb1{display:inline}.vt_ce_Tooltip_tooltipBody__4170edb1{background-color:var(--vt-ce-theme-palette-background-primary,#fff);border-color:var(--vt-ce-theme-palette-background-secondary,#e0e8f0);border-radius:4px;border-style:solid;border-width:1px;color:var(--vt-ce-theme-palette-text-primary,#2a323c);font-family:var(--vt-ce-theme-typography-label-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-label-fontSize,14px);font-style:var(--vt-ce-theme-typography-label-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-label-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-label-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-label-lineHeight,17px);padding:4px 10px;text-transform:var(--vt-ce-theme-typography-label-textTransform,inherit);z-index:10}
14
14
  .vt_ce_Typography_tTitle__56e154f0{font-family:var(--vt-ce-theme-typography-title-fontFamily,Dosis,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-title-fontSize,18px);font-style:var(--vt-ce-theme-typography-title-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-title-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-title-letterSpacing,.25px);line-height:var(--vt-ce-theme-typography-title-lineHeight,normal);text-transform:var(--vt-ce-theme-typography-title-textTransform,uppercase)}.vt_ce_Typography_tH1__56e154f0{font-family:var(--vt-ce-theme-typography-h1-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-h1-fontSize,24px);font-style:var(--vt-ce-theme-typography-h1-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-h1-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-h1-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-h1-lineHeight,34px);text-transform:var(--vt-ce-theme-typography-h1-textTransform,inherit)}.vt_ce_Typography_tH2__56e154f0{font-family:var(--vt-ce-theme-typography-h2-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-h2-fontSize,20px);font-style:var(--vt-ce-theme-typography-h2-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-h2-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-h2-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-h2-lineHeight,30px);text-transform:var(--vt-ce-theme-typography-h2-textTransform,inherit)}.vt_ce_Typography_tH3__56e154f0{font-family:var(--vt-ce-theme-typography-h3-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-h3-fontSize,18px);font-style:var(--vt-ce-theme-typography-h3-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-h3-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-h3-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-h3-lineHeight,26px);text-transform:var(--vt-ce-theme-typography-h3-textTransform,inherit)}.vt_ce_Typography_tH4__56e154f0{font-family:var(--vt-ce-theme-typography-h4-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-h4-fontSize,16px);font-style:var(--vt-ce-theme-typography-h4-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-h4-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-h4-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-h4-lineHeight,24px);text-transform:var(--vt-ce-theme-typography-h4-textTransform,inherit)}.vt_ce_Typography_tLabel__56e154f0{font-family:var(--vt-ce-theme-typography-label-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-label-fontSize,14px);font-style:var(--vt-ce-theme-typography-label-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-label-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-label-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-label-lineHeight,17px);text-transform:var(--vt-ce-theme-typography-label-textTransform,inherit)}.vt_ce_Typography_tParagraph1__56e154f0{font-family:var(--vt-ce-theme-typography-paragraph1-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph1-fontSize,16px);font-style:var(--vt-ce-theme-typography-paragraph1-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph1-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph1-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph1-lineHeight,24px);text-transform:var(--vt-ce-theme-typography-paragraph1-textTransform,inherit)}.vt_ce_Typography_tParagraph2__56e154f0{font-family:var(--vt-ce-theme-typography-paragraph2-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph2-fontSize,14px);font-style:var(--vt-ce-theme-typography-paragraph2-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph2-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph2-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph2-lineHeight,20px);text-transform:var(--vt-ce-theme-typography-paragraph2-textTransform,inherit)}.vt_ce_Typography_tParagraph3__56e154f0{font-family:var(--vt-ce-theme-typography-paragraph3-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph3-fontSize,12px);font-style:var(--vt-ce-theme-typography-paragraph3-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph3-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph3-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph3-lineHeight,18px);text-transform:var(--vt-ce-theme-typography-paragraph3-textTransform,inherit)}.vt_ce_Typography_tButton__56e154f0{font-family:var(--vt-ce-theme-typography-button-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-button-fontSize,14px);font-style:var(--vt-ce-theme-typography-button-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-button-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-button-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-button-lineHeight,20px);text-transform:var(--vt-ce-theme-typography-button-textTransform,inherit)}.vt_ce_Typography_tButtonSmall__56e154f0{font-family:var(--vt-ce-theme-typography-buttonSmall-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-buttonSmall-fontSize,12px);font-style:var(--vt-ce-theme-typography-buttonSmall-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-buttonSmall-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-buttonSmall-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-buttonSmall-lineHeight,18px);text-transform:var(--vt-ce-theme-typography-buttonSmall-textTransform,inherit)}.vt_ce_Typography_cPrimary__56e154f0{color:var(--vt-ce-theme-palette-text-primary,#2a323c)}.vt_ce_Typography_cSecondary__56e154f0{color:var(--vt-ce-theme-palette-text-secondary,#5c6269)}.vt_ce_Typography_cTertiary__56e154f0{color:var(--vt-ce-theme-palette-text-tertiary,#465364)}.vt_ce_Typography_cDisabled__56e154f0{color:var(--vt-ce-theme-palette-disabled-on,#7c848d)}.vt_ce_Typography_cInherit__56e154f0{color:inherit}
15
15
  .vt_ce_styles_cssVarProvider__b6a03d8f{display:contents}
16
+ .vt_ce_Dialog_dialogOverlay__19d426a2{background:rgba(0,0,0,.54);display:grid;place-items:center}.vt_ce_Dialog_dialog__19d426a2{background-color:var(--vt-ce-theme-palette-background-primary,#fff);border:1px solid var(--vt-ce-theme-palette-disabled-on,#7c848d);border-radius:4px;color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;flex-direction:column;margin:15px;max-height:calc(100% - 64px);max-width:calc(100% - 64px);padding:30px 0}.vt_ce_Dialog_dialog__19d426a2:has(>.vt_ce_Dialog_dialogStart__19d426a2:first-child){padding-block-start:0}.vt_ce_Dialog_dialog__19d426a2:has(>.vt_ce_Dialog_dialogEnd__19d426a2:last-child){padding-block-end:0}.vt_ce_Dialog_dialogStart__19d426a2{display:block;flex:0 0 auto}.vt_ce_Dialog_dialogContent__19d426a2{flex:1 1 auto;--webkit-overflow-scrolling:touch;overflow-y:auto;padding:0 30px}.vt_ce_Dialog_dialogEnd__19d426a2{display:block;flex:0 0 auto}.vt_ce_Dialog_dialogTitle__19d426a2{flex:0 0 auto;font-size:18px;line-height:24px;margin:30px 0 0;padding:0 30px}.vt_ce_Dialog_dialogTypography__19d426a2{margin:15px 0}.vt_ce_Dialog_dialogActions__19d426a2{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin:15px 0 40px;padding:0 30px}
16
17
  .vt_ce_Drawer_drawerOverlay__15fba194{display:grid;inset:0;place-items:stretch end;pointer-events:none}.vt_ce_Drawer_drawerOverlay__15fba194>*{pointer-events:auto}.vt_ce_Drawer_drawerOverlayEnabled__15fba194{background:rgba(0,0,0,.54);pointer-events:auto}.vt_ce_Drawer_drawerOverlayStrategyFixed__15fba194{position:fixed}.vt_ce_Drawer_drawerOverlayStrategyAbsolute__15fba194{position:absolute}.vt_ce_Drawer_drawer__15fba194{background-color:var(--vt-ce-theme-palette-background-primary,#fff);border-inline-start:1px solid var(--vt-ce-theme-palette-disabled-on,#7c848d);color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;flex-direction:column;max-width:calc(100% - 64px);padding:20px 0}.vt_ce_Drawer_drawer__15fba194:has(>.vt_ce_Drawer_drawerStart__15fba194:first-child){padding-block-start:0}.vt_ce_Drawer_drawer__15fba194:has(>.vt_ce_Drawer_drawerEnd__15fba194:last-child){padding-block-end:0}.vt_ce_Drawer_drawerStart__15fba194{display:block;flex:0 0 auto}.vt_ce_Drawer_drawerContent__15fba194{flex:1 1 auto;--webkit-overflow-scrolling:touch;overflow-y:auto;padding:0 20px}.vt_ce_Drawer_drawerEnd__15fba194{display:block;flex:0 0 auto}.vt_ce_Drawer_drawerTitleContainer__15fba194{align-items:baseline;background-color:var(--vt-ce-theme-palette-background-primary,#fff);color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;justify-content:space-between}.vt_ce_Drawer_drawerTitleContainer__15fba194[data-container=bar]{background-color:var(--vt-ce-drawer-palette-surface);color:var(--vt-ce-drawer-palette-on)}.vt_ce_Drawer_drawerTitle__15fba194{flex:1 0 auto;margin:20px 0;padding:0 20px}.vt_ce_Drawer_drawerTitleActions__15fba194{display:flex;flex:0 0 auto;padding:0 20px 0 0}.vt_ce_Drawer_drawerTypography__15fba194{margin:20px 0}.vt_ce_Drawer_drawerActions__15fba194{align-items:center;display:flex;flex:0 0 auto;gap:10px;justify-content:flex-end;margin:20px 0;padding:0 20px}
17
18
  .vt_ce_Icon_icon__5881e2e1{display:inline-block;height:var(--vt-ce-icon-size,18px);width:var(--vt-ce-icon-size,18px)}.vt_ce_Icon_icon__5881e2e1 svg{height:var(--vt-ce-icon-size,18px);vertical-align:baseline;width:var(--vt-ce-icon-size,18px)}.vt_ce_Icon_icon__5881e2e1[data-size=large],.vt_ce_Icon_icon__5881e2e1[data-size=large] svg{height:24px;width:24px}.vt_ce_Icon_icon__5881e2e1[data-size=medium],.vt_ce_Icon_icon__5881e2e1[data-size=medium] svg{height:18px;width:18px}.vt_ce_Icon_icon__5881e2e1[data-size=small],.vt_ce_Icon_icon__5881e2e1[data-size=small] svg{height:14px;width:14px}.vt_ce_Icon_icon__5881e2e1[data-size=inherit],.vt_ce_Icon_icon__5881e2e1[data-size=inherit] svg{font-size:1em;height:1em;width:1em}
18
- .vt_ce_Menu_menu__f5f59292{border:1px solid var(--vt-ce-theme-palette-disabled-on,#7c848d);border-radius:0 0 4px 4px;display:block;outline:0;padding-bottom:5px;padding-top:5px}.vt_ce_Menu_menu__f5f59292,.vt_ce_Menu_option__f5f59292{background-color:var(--vt-ce-theme-palette-background-primary,#fff)}.vt_ce_Menu_option__f5f59292{align-items:center;border:none;color:var(--vt-ce-theme-palette-text-primary,#2a323c);cursor:pointer;display:flex;font-family:var(--vt-ce-theme-typography-paragraph2-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph2-fontSize,14px);font-style:var(--vt-ce-theme-typography-paragraph2-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph2-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph2-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph2-lineHeight,20px);padding:5px 10px;text-transform:var(--vt-ce-theme-typography-paragraph2-textTransform,inherit);width:100%}.vt_ce_Menu_option__f5f59292:focus{background-color:var(--vt-ce-theme-palette-table-hover-surface,#eaf1fa);color:var(--vt-ce-theme-palette-table-hover-on,#000);outline:none}.vt_ce_Menu_optionIcon__f5f59292{align-items:center;display:inline-flex;justify-content:center;margin-inline-end:10px;--vt-ce-icon-size:14px}.vt_ce_Menu_optionLabel__f5f59292{text-align:start}
19
19
  .vt_ce_Select_select__cb05e024{cursor:pointer;display:inline-flex;flex-direction:column;gap:3px}.vt_ce_Select_label__cb05e024{color:var(--vt-ce-theme-palette-text-secondary,#5c6269);font-family:var(--vt-ce-theme-typography-label-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-label-fontSize,14px);font-style:var(--vt-ce-theme-typography-label-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-label-fontWeight,600);letter-spacing:var(--vt-ce-theme-typography-label-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-label-lineHeight,17px);text-transform:var(--vt-ce-theme-typography-label-textTransform,inherit)}.vt_ce_Select_innerInputContainer__cb05e024{align-items:center;align-self:stretch;background:var(--vt-ce-theme-palette-background-primary,#fff);border-radius:4px;color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;gap:10px;margin-bottom:1px;margin-top:1px;outline:var(--vt-ce-theme-palette-text-secondary,#5c6269) solid 1px;padding:0 8px}.vt_ce_Select_innerInputContainer__cb05e024:focus-within,.vt_ce_Select_innerInputContainer__cb05e024:hover,.vt_ce_Select_innerInputContainer__cb05e024[data-focused=true]{outline-color:var(--vt-ce-theme-palette-action-primary-hover-surface,#335b89);outline-width:2px}.vt_ce_Select_innerInputContainer__cb05e024[data-disabled=true]{background-color:var(--vt-ce-theme-palette-action-primary-disabled-surface,#fafafa);color:var(--vt-ce-theme-palette-action-primary-disabled-on,#7c848d);outline-color:var(--vt-ce-theme-palette-background-secondary,#e0e8f0)}.vt_ce_Select_innerInputContainer__cb05e024[data-disabled=true]:focus-within,.vt_ce_Select_innerInputContainer__cb05e024[data-disabled=true]:hover{outline-color:var(--vt-ce-theme-palette-background-secondary,#e0e8f0);outline-width:1px}.vt_ce_Select_innerInputContainer__cb05e024[data-error=true]{outline-color:var(--vt-ce-theme-palette-indicator-error-base-surface,#eb0000)}.vt_ce_Select_innerInput__cb05e024{background:none;border:none;color:inherit;flex-grow:1;font-family:var(--vt-ce-theme-typography-paragraph2-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph2-fontSize,14px);font-style:var(--vt-ce-theme-typography-paragraph2-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph2-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph2-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph2-lineHeight,20px);outline:none;padding:8px 0;text-transform:var(--vt-ce-theme-typography-paragraph2-textTransform,inherit)}.vt_ce_Select_innerInput__cb05e024::-moz-placeholder{color:var(--vt-ce-theme-palette-action-primary-disabled-on,#7c848d)}.vt_ce_Select_innerInput__cb05e024::placeholder{color:var(--vt-ce-theme-palette-action-primary-disabled-on,#7c848d)}.vt_ce_Select_innerInput__cb05e024[data-selected=true]::-moz-placeholder{color:inherit}.vt_ce_Select_innerInput__cb05e024[data-selected=true]::placeholder{color:inherit}.vt_ce_Select_selectIcon__cb05e024{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center;padding:8px 0;--vt-ce-icon-size:18px}.vt_ce_Select_helpLabel__cb05e024{color:var(--vt-ce-theme-palette-text-secondary,#5c6269)}.vt_ce_Select_errorLabel__cb05e024,.vt_ce_Select_helpLabel__cb05e024{font-family:var(--vt-ce-theme-typography-paragraph3-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph3-fontSize,12px);font-style:var(--vt-ce-theme-typography-paragraph3-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph3-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph3-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph3-lineHeight,18px);text-transform:var(--vt-ce-theme-typography-paragraph3-textTransform,inherit)}.vt_ce_Select_errorLabel__cb05e024{align-items:center;color:var(--vt-ce-theme-palette-indicator-error-base-surface,#eb0000);display:flex;gap:3px}
20
- .vt_ce_Dialog_dialogOverlay__19d426a2{background:rgba(0,0,0,.54);display:grid;place-items:center}.vt_ce_Dialog_dialog__19d426a2{background-color:var(--vt-ce-theme-palette-background-primary,#fff);border:1px solid var(--vt-ce-theme-palette-disabled-on,#7c848d);border-radius:4px;color:var(--vt-ce-theme-palette-text-primary,#2a323c);display:flex;flex-direction:column;margin:15px;max-height:calc(100% - 64px);max-width:calc(100% - 64px);padding:30px 0}.vt_ce_Dialog_dialog__19d426a2:has(>.vt_ce_Dialog_dialogStart__19d426a2:first-child){padding-block-start:0}.vt_ce_Dialog_dialog__19d426a2:has(>.vt_ce_Dialog_dialogEnd__19d426a2:last-child){padding-block-end:0}.vt_ce_Dialog_dialogStart__19d426a2{display:block;flex:0 0 auto}.vt_ce_Dialog_dialogContent__19d426a2{flex:1 1 auto;--webkit-overflow-scrolling:touch;overflow-y:auto;padding:0 30px}.vt_ce_Dialog_dialogEnd__19d426a2{display:block;flex:0 0 auto}.vt_ce_Dialog_dialogTitle__19d426a2{flex:0 0 auto;font-size:18px;line-height:24px;margin:30px 0 0;padding:0 30px}.vt_ce_Dialog_dialogTypography__19d426a2{margin:15px 0}.vt_ce_Dialog_dialogActions__19d426a2{align-items:center;display:flex;gap:10px;justify-content:flex-end;margin:15px 0 40px;padding:0 30px}
20
+ .vt_ce_Menu_menu__f5f59292{border:1px solid var(--vt-ce-theme-palette-disabled-on,#7c848d);border-radius:0 0 4px 4px;display:block;outline:0;padding-bottom:5px;padding-top:5px}.vt_ce_Menu_menu__f5f59292,.vt_ce_Menu_option__f5f59292{background-color:var(--vt-ce-theme-palette-background-primary,#fff)}.vt_ce_Menu_option__f5f59292{align-items:center;border:none;color:var(--vt-ce-theme-palette-text-primary,#2a323c);cursor:pointer;display:flex;font-family:var(--vt-ce-theme-typography-paragraph2-fontFamily,Nunito Sans,Helvetica,sans-serif);font-size:var(--vt-ce-theme-typography-paragraph2-fontSize,14px);font-style:var(--vt-ce-theme-typography-paragraph2-fontStyle,normal);font-weight:var(--vt-ce-theme-typography-paragraph2-fontWeight,400);letter-spacing:var(--vt-ce-theme-typography-paragraph2-letterSpacing,inherit);line-height:var(--vt-ce-theme-typography-paragraph2-lineHeight,20px);padding:5px 10px;text-transform:var(--vt-ce-theme-typography-paragraph2-textTransform,inherit);width:100%}.vt_ce_Menu_option__f5f59292:focus{background-color:var(--vt-ce-theme-palette-table-hover-surface,#eaf1fa);color:var(--vt-ce-theme-palette-table-hover-on,#000);outline:none}.vt_ce_Menu_optionIcon__f5f59292{align-items:center;display:inline-flex;justify-content:center;margin-inline-end:10px;--vt-ce-icon-size:14px}.vt_ce_Menu_optionLabel__f5f59292{text-align:start}
package/dist/types/Drawer/components.d.ts CHANGED
@@ -41,7 +41,7 @@ export type DrawerTitleProps = TypographyProps & {
41
41
  container?: DrawerTitleContainerVariant;
42
42
  };
43
43
  export declare const DrawerTitle: React.ForwardRefExoticComponent<TypographyProps & {
44
- palette?: DrawerTitlePalette | undefined;
44
+ palette?: PaletteSurfaceColors | import("../styles/css-vars.js").RecursiveStringObject<PaletteSurfaceColors> | undefined;
45
45
  actions?: React.ReactNode;
46
46
  container?: DrawerTitleContainerVariant | undefined;
47
47
  } & React.RefAttributes<HTMLHeadingElement>>;
package/dist/types/styles/palette.d.ts CHANGED
@@ -1,4 +1,3 @@
1
- import { type NarrowedDeepKeyOf } from '../utils/recursive.js';
2
1
  import type { AsCSSVarUsages } from './css-vars.js';
3
2
  export type PaletteColor = string;
4
3
  export type PaletteSurfaceColors = {
@@ -50,6 +49,4 @@ export interface Palette {
50
49
  export type PaletteTextVariant = keyof Palette['text'];
51
50
  export type PaletteIndicatorVariant = keyof Palette['indicator'];
52
51
  export type PaletteActionVariant = keyof Palette['action'];
53
- export type NarrowedPalettePath<S> = NarrowedDeepKeyOf<Palette, S>;
54
- export type ResolvablePaletteValue<S> = NarrowedPalettePath<S> | (S extends object ? AsCSSVarUsages<S> : S) | S;
55
- export declare function resolvePaletteValue<S>(input: ResolvablePaletteValue<S>, palette?: Palette | AsCSSVarUsages<Palette>): S | (S extends object ? AsCSSVarUsages<S> : S);
52
+ export type ResolvablePaletteValue<T> = T extends object ? T | AsCSSVarUsages<T> : T;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@veritone-ce/design-system",
3
- "version": "2.2.2",
3
+ "version": "2.2.3",
4
4
  "private": false,
5
5
  "description": "Design System for Veritone CE",
6
6
  "keywords": [
package/dist/cjs/styles/palette.js DELETED
@@ -1,15 +0,0 @@
1
- 'use strict';
2
- 'use strict';
3
-
4
- var recursive = require('../utils/recursive.js');
5
- var defaultTheme = require('./defaultTheme.js');
6
-
7
- function resolvePaletteValue(input, palette = defaultTheme.defaultThemeCssVariableUsages.palette) {
8
- if (typeof input === "string") {
9
- return recursive.deepGetValue(palette, input);
10
- } else {
11
- return input;
12
- }
13
- }
14
-
15
- exports.resolvePaletteValue = resolvePaletteValue;
package/dist/cjs/utils/recursive.js DELETED
@@ -1,25 +0,0 @@
1
- 'use strict';
2
- 'use strict';
3
-
4
- const deepGetValue = (obj, keyName) => {
5
- const keys = keyName.split(".");
6
- if (keys.length === 1) {
7
- if (typeof obj === "object") {
8
- if (keys[0] in obj) {
9
- return obj[keys[0]];
10
- }
11
- return void 0;
12
- }
13
- return void 0;
14
- } else {
15
- const [parentKey, ...restElements] = keys;
16
- if (!obj)
17
- return void 0;
18
- return deepGetValue(
19
- obj[parentKey],
20
- restElements.join(".")
21
- );
22
- }
23
- };
24
-
25
- exports.deepGetValue = deepGetValue;
package/dist/esm/styles/palette.js DELETED
@@ -1,13 +0,0 @@
1
- 'use strict';
2
- import { deepGetValue } from '../utils/recursive.js';
3
- import { defaultThemeCssVariableUsages } from './defaultTheme.js';
4
-
5
- function resolvePaletteValue(input, palette = defaultThemeCssVariableUsages.palette) {
6
- if (typeof input === "string") {
7
- return deepGetValue(palette, input);
8
- } else {
9
- return input;
10
- }
11
- }
12
-
13
- export { resolvePaletteValue };
package/dist/esm/utils/recursive.js DELETED
@@ -1,23 +0,0 @@
1
- 'use strict';
2
- const deepGetValue = (obj, keyName) => {
3
- const keys = keyName.split(".");
4
- if (keys.length === 1) {
5
- if (typeof obj === "object") {
6
- if (keys[0] in obj) {
7
- return obj[keys[0]];
8
- }
9
- return void 0;
10
- }
11
- return void 0;
12
- } else {
13
- const [parentKey, ...restElements] = keys;
14
- if (!obj)
15
- return void 0;
16
- return deepGetValue(
17
- obj[parentKey],
18
- restElements.join(".")
19
- );
20
- }
21
- };
22
-
23
- export { deepGetValue };
package/dist/types/utils/recursive.d.ts DELETED
@@ -1,10 +0,0 @@
1
- type DotPrefix<T extends string> = T extends '' ? '' : `.${T}`;
2
- export type NarrowedDeepKeyOf<T, S = never> = ([
3
- T
4
- ] extends [never] ? '' : T extends S ? '' : T extends object ? {
5
- [K in Exclude<keyof T, symbol>]: NarrowedDeepKeyOf<T[K], S> extends never ? never : `${K}${DotPrefix<NarrowedDeepKeyOf<T[K], S>>}`;
6
- }[Exclude<keyof T, symbol>] : '') extends infer D ? Extract<D, string> : never;
7
- export type DeepIndex<T, K extends string> = T extends object ? string extends K ? never : K extends keyof T ? T[K] : K extends `${infer F}.${infer R}` ? F extends keyof T ? DeepIndex<T[F], R> : never : never : never;
8
- export type ValidateDeepIndexPath<T, K, S = never> = K extends string ? Pick<NarrowedDeepKeyOf<T, S>, K> extends never ? never : K : never;
9
- export declare const deepGetValue: <T, S, K extends string, V extends K & ValidateDeepIndexPath<T, K, S>>(obj: T, keyName: V) => Exclude<DeepIndex<T, V>, string>;
10
- export {};