@veracity/vui 2.13.1 → 2.13.2

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 (16) hide show
  1. package/dist/cjs/button/button.d.ts.map +1 -1
  2. package/dist/cjs/button/button.js +2 -2
  3. package/dist/cjs/tabs/tab.d.ts.map +1 -1
  4. package/dist/cjs/tabs/tab.js +1 -0
  5. package/dist/cjs/tabs/tabsNavBar.d.ts.map +1 -1
  6. package/dist/cjs/tabs/tabsNavBar.js +1 -0
  7. package/dist/esm/button/button.d.ts.map +1 -1
  8. package/dist/esm/button/button.js +2 -2
  9. package/dist/esm/tabs/tab.d.ts.map +1 -1
  10. package/dist/esm/tabs/tab.js +1 -0
  11. package/dist/esm/tabs/tabsNavBar.d.ts.map +1 -1
  12. package/dist/esm/tabs/tabsNavBar.js +1 -0
  13. package/package.json +1 -1
  14. package/src/button/button.tsx +7 -2
  15. package/src/tabs/tab.tsx +2 -0
  16. package/src/tabs/tabsNavBar.tsx +2 -0
package/dist/cjs/button/button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAiBrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;SAYtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;UA0IX,iBAAiB;UACjB,iBAAiB;CACxB,CAAA;AAMD,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAiBrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;SAYtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;UA+IX,iBAAiB;UACjB,iBAAiB;CACxB,CAAA;AAMD,eAAe,MAAM,CAAA"}
package/dist/cjs/button/button.js CHANGED
@@ -101,7 +101,7 @@ exports.Button = (0, core_1.vui)((props, ref) => {
101
101
  const iconRightMl = isSplit ? 'auto' : spaceXItem + 1 + 'px';
102
102
  const pl = (icon || iconLeft || isLoading ? spaceXItem : spaceXText) + 'px';
103
103
  const pr = (icon || iconRight ? spaceXItem : spaceXText) + 'px';
104
- let ariaLabel = 'vui-button';
104
+ let ariaLabel = '';
105
105
  if (title)
106
106
  ariaLabel = title;
107
107
  else {
@@ -140,7 +140,7 @@ exports.Button = (0, core_1.vui)((props, ref) => {
140
140
  w: isFullWidth ? '100%' : undefined
141
141
  });
142
142
  return (react_1.default.createElement(context_2.ButtonProvider, { value: context },
143
- react_1.default.createElement(exports.ButtonBase, Object.assign({ borderWidth: border, className: (0, utils_1.cs)('vui-button', className, isActive && utils_1.activeClassName, `vui-button-variant-${variantProp}`), disabled: disabled, focusRing: 3, h: h, pl: pl, pr: isDropDown ? 0 : pr, ref: ref, title: title || ariaLabel, type: "button", variant: variant }, buttonStyles, disabledProps, aliasedProps, rest),
143
+ react_1.default.createElement(exports.ButtonBase, Object.assign({ borderWidth: border, className: (0, utils_1.cs)('vui-button', className, isActive && utils_1.activeClassName, variantProp ? `vui-button-variant-${variantProp}` : undefined), disabled: disabled, focusRing: 3, h: h, pl: pl, pr: isDropDown ? 0 : pr, ref: ref, title: title || ariaLabel, type: "button", variant: variant }, buttonStyles, disabledProps, aliasedProps, rest),
144
144
  hasState && (react_1.default.createElement(StateWrapper, Object.assign({ onClick: (e) => e.stopPropagation() }, stateProps),
145
145
  react_1.default.createElement(buttonIcon_1.default, Object.assign({ m: "auto" }, stateIconProps)))),
146
146
  react_1.default.createElement(Content, null,
package/dist/cjs/tabs/tab.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,eAAO,MAAM,OAAO,+HAEnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,GAAG,iDAId,CAAA;AAEF,eAAe,GAAG,CAAA"}
1
+ {"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,eAAO,MAAM,OAAO,+HAEnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,GAAG,iDAId,CAAA;AAIF,eAAe,GAAG,CAAA"}
package/dist/cjs/tabs/tab.js CHANGED
@@ -14,4 +14,5 @@ exports.TabBase = core_1.styled.divBox `
14
14
  * Implements a Tab component
15
15
  */
16
16
  exports.Tab = (0, core_1.vui)(({ children, className }, ref) => (react_1.default.createElement(exports.TabBase, { className: (0, utils_1.cs)('vui-tab', className), ref: ref }, children)));
17
+ exports.Tab.displayName = 'Tab';
17
18
  exports.default = exports.Tab;
package/dist/cjs/tabs/tabsNavBar.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tabsNavBar.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabsNavBar.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAkB,cAAc,EAAY,MAAM,cAAc,CAAA;AAKvE,eAAO,MAAM,UAAU,uDA+DrB,CAAA;AAEF,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"tabsNavBar.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabsNavBar.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAkB,cAAc,EAAY,MAAM,cAAc,CAAA;AAKvE,eAAO,MAAM,UAAU,uDA+DrB,CAAA;AAIF,eAAe,UAAU,CAAA"}
package/dist/cjs/tabs/tabsNavBar.js CHANGED
@@ -30,4 +30,5 @@ exports.TabsNavBar = (0, core_1.vui)((props, ref) => {
30
30
  tab.title),
31
31
  isActive(tab) && (react_1.default.createElement(box_1.default, { animation: animationDirection, bg: main, bottom: "-1px", h: borderWidth, left: 0, position: "absolute", w: 1 }, "\u00A0")))))));
32
32
  });
33
+ exports.TabsNavBar.displayName = 'TabsNavBar';
33
34
  exports.default = exports.TabsNavBar;
package/dist/esm/button/button.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAiBrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;SAYtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;UA0IX,iBAAiB;UACjB,iBAAiB;CACxB,CAAA;AAMD,eAAe,MAAM,CAAA"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAiBrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;SAYtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;UA+IX,iBAAiB;UACjB,iBAAiB;CACxB,CAAA;AAMD,eAAe,MAAM,CAAA"}
package/dist/esm/button/button.js CHANGED
@@ -60,7 +60,7 @@ export const Button = vui((props, ref) => {
60
60
  const iconRightMl = isSplit ? 'auto' : spaceXItem + 1 + 'px';
61
61
  const pl = (icon || iconLeft || isLoading ? spaceXItem : spaceXText) + 'px';
62
62
  const pr = (icon || iconRight ? spaceXItem : spaceXText) + 'px';
63
- let ariaLabel = 'vui-button';
63
+ let ariaLabel = '';
64
64
  if (title)
65
65
  ariaLabel = title;
66
66
  else {
@@ -99,7 +99,7 @@ export const Button = vui((props, ref) => {
99
99
  w: isFullWidth ? '100%' : undefined
100
100
  });
101
101
  return (React.createElement(ButtonProvider, { value: context },
102
- React.createElement(ButtonBase, { borderWidth: border, className: cs('vui-button', className, isActive && activeClassName, `vui-button-variant-${variantProp}`), disabled: disabled, focusRing: 3, h: h, pl: pl, pr: isDropDown ? 0 : pr, ref: ref, title: title || ariaLabel, type: "button", variant: variant, ...buttonStyles, ...disabledProps, ...aliasedProps, ...rest },
102
+ React.createElement(ButtonBase, { borderWidth: border, className: cs('vui-button', className, isActive && activeClassName, variantProp ? `vui-button-variant-${variantProp}` : undefined), disabled: disabled, focusRing: 3, h: h, pl: pl, pr: isDropDown ? 0 : pr, ref: ref, title: title || ariaLabel, type: "button", variant: variant, ...buttonStyles, ...disabledProps, ...aliasedProps, ...rest },
103
103
  hasState && (React.createElement(StateWrapper, { onClick: (e) => e.stopPropagation(), ...stateProps },
104
104
  React.createElement(ButtonIcon, { m: "auto", ...stateIconProps }))),
105
105
  React.createElement(Content, null,
package/dist/esm/tabs/tab.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,eAAO,MAAM,OAAO,+HAEnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,GAAG,iDAId,CAAA;AAEF,eAAe,GAAG,CAAA"}
1
+ {"version":3,"file":"tab.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,eAAO,MAAM,OAAO,+HAEnB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,GAAG,iDAId,CAAA;AAIF,eAAe,GAAG,CAAA"}
package/dist/esm/tabs/tab.js CHANGED
@@ -8,4 +8,5 @@ export const TabBase = styled.divBox `
8
8
  * Implements a Tab component
9
9
  */
10
10
  export const Tab = vui(({ children, className }, ref) => (React.createElement(TabBase, { className: cs('vui-tab', className), ref: ref }, children)));
11
+ Tab.displayName = 'Tab';
11
12
  export default Tab;
package/dist/esm/tabs/tabsNavBar.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tabsNavBar.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabsNavBar.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAkB,cAAc,EAAY,MAAM,cAAc,CAAA;AAKvE,eAAO,MAAM,UAAU,uDA+DrB,CAAA;AAEF,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"tabsNavBar.d.ts","sourceRoot":"","sources":["../../../src/tabs/tabsNavBar.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAkB,cAAc,EAAY,MAAM,cAAc,CAAA;AAKvE,eAAO,MAAM,UAAU,uDA+DrB,CAAA;AAIF,eAAe,UAAU,CAAA"}
package/dist/esm/tabs/tabsNavBar.js CHANGED
@@ -23,4 +23,5 @@ export const TabsNavBar = vui((props, ref) => {
23
23
  tab.title),
24
24
  isActive(tab) && (React.createElement(Box, { animation: animationDirection, bg: main, bottom: "-1px", h: borderWidth, left: 0, position: "absolute", w: 1 }, "\u00A0")))))));
25
25
  });
26
+ TabsNavBar.displayName = 'TabsNavBar';
26
27
  export default TabsNavBar;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@veracity/vui",
3
- "version": "2.13.1",
3
+ "version": "2.13.2",
4
4
  "description": "Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.",
5
5
  "module": "./dist/esm/index.js",
6
6
  "main": "./dist/cjs/index.js",
package/src/button/button.tsx CHANGED
@@ -97,7 +97,7 @@ export const Button = vui<'button', ButtonProps>((props, ref) => {
97
97
  const pl = (icon || iconLeft || isLoading ? spaceXItem : spaceXText) + 'px'
98
98
  const pr = (icon || iconRight ? spaceXItem : spaceXText) + 'px'
99
99
 
100
- let ariaLabel = 'vui-button'
100
+ let ariaLabel = ''
101
101
 
102
102
  if (title) ariaLabel = title
103
103
  else {
@@ -137,7 +137,12 @@ export const Button = vui<'button', ButtonProps>((props, ref) => {
137
137
  <ButtonProvider value={context}>
138
138
  <ButtonBase
139
139
  borderWidth={border}
140
- className={cs('vui-button', className, isActive && activeClassName, `vui-button-variant-${variantProp}`)}
140
+ className={cs(
141
+ 'vui-button',
142
+ className,
143
+ isActive && activeClassName,
144
+ variantProp ? `vui-button-variant-${variantProp}` : undefined
145
+ )}
141
146
  disabled={disabled}
142
147
  focusRing={3}
143
148
  h={h}
package/src/tabs/tab.tsx CHANGED
@@ -17,4 +17,6 @@ export const Tab = vui<'div', TabProps>(({ children, className }, ref) => (
17
17
  </TabBase>
18
18
  ))
19
19
 
20
+ Tab.displayName = 'Tab'
21
+
20
22
  export default Tab
package/src/tabs/tabsNavBar.tsx CHANGED
@@ -76,4 +76,6 @@ export const TabsNavBar = vui<'div', TabNavBarProps>((props, ref) => {
76
76
  )
77
77
  })
78
78
 
79
+ TabsNavBar.displayName = 'TabsNavBar'
80
+
79
81
  export default TabsNavBar