@cerberus-design/react 0.3.2-next-4a29e36 → 0.3.2-next-a65ca8e

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 (10) hide show
  1. package/build/legacy/{chunk-BPIYUAYS.js → chunk-MRJ3KCHK.js} +2 -1
  2. package/build/legacy/{chunk-BPIYUAYS.js.map → chunk-MRJ3KCHK.js.map} +1 -1
  3. package/build/legacy/components/IconButton.js +1 -1
  4. package/build/legacy/index.js +1 -1
  5. package/build/modern/{chunk-BPIYUAYS.js → chunk-MRJ3KCHK.js} +2 -1
  6. package/build/modern/{chunk-BPIYUAYS.js.map → chunk-MRJ3KCHK.js.map} +1 -1
  7. package/build/modern/components/IconButton.js +1 -1
  8. package/build/modern/index.js +1 -1
  9. package/package.json +1 -1
  10. package/src/components/IconButton.tsx +1 -0
package/build/legacy/{chunk-BPIYUAYS.js → chunk-MRJ3KCHK.js} RENAMED
@@ -8,6 +8,7 @@ function IconButton(props) {
8
8
  "button",
9
9
  {
10
10
  ...nativeProps,
11
+ "data-tooltip": true,
11
12
  "aria-label": ariaLabel ?? "Icon Button",
12
13
  className: cx(
13
14
  nativeProps.className,
@@ -23,4 +24,4 @@ function IconButton(props) {
23
24
  export {
24
25
  IconButton
25
26
  };
26
- //# sourceMappingURL=chunk-BPIYUAYS.js.map
27
+ //# sourceMappingURL=chunk-MRJ3KCHK.js.map
package/build/legacy/{chunk-BPIYUAYS.js.map → chunk-MRJ3KCHK.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/components/IconButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport { iconButton } from '@cerberus/styled-system/recipes'\nimport type { ButtonProps } from './Button'\n\n/**\n * This module contains the Icon Button component.\n * @module\n */\n\nexport type IconButtonUsage = Exclude<ButtonProps['usage'], 'outline'>\nexport interface IconButtonProps\n extends ButtonHTMLAttributes<HTMLButtonElement> {\n ariaLabel: string\n palette?: ButtonProps['palette']\n usage?: IconButtonUsage\n shape?: 'circle'\n}\n\n/**\n * A component that allows the user to perform actions using an icon\n * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/IconButton.tsx\n */\nexport function IconButton(props: IconButtonProps): JSX.Element {\n const { ariaLabel, palette, usage, ...nativeProps } = props\n return (\n <button\n {...nativeProps}\n aria-label={ariaLabel ?? 'Icon Button'}\n className={cx(\n nativeProps.className,\n iconButton({\n palette,\n usage,\n }),\n )}\n />\n )\n}\n"],"mappings":";AACA,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAwBvB;AAHG,SAAS,WAAW,OAAqC;AAC9D,QAAM,EAAE,WAAW,SAAS,OAAO,GAAG,YAAY,IAAI;AACtD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,cAAY,aAAa;AAAA,MACzB,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}
1
+ {"version":3,"sources":["../../src/components/IconButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport { iconButton } from '@cerberus/styled-system/recipes'\nimport type { ButtonProps } from './Button'\n\n/**\n * This module contains the Icon Button component.\n * @module\n */\n\nexport type IconButtonUsage = Exclude<ButtonProps['usage'], 'outline'>\nexport interface IconButtonProps\n extends ButtonHTMLAttributes<HTMLButtonElement> {\n ariaLabel: string\n palette?: ButtonProps['palette']\n usage?: IconButtonUsage\n shape?: 'circle'\n}\n\n/**\n * A component that allows the user to perform actions using an icon\n * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/IconButton.tsx\n */\nexport function IconButton(props: IconButtonProps): JSX.Element {\n const { ariaLabel, palette, usage, ...nativeProps } = props\n return (\n <button\n {...nativeProps}\n data-tooltip\n aria-label={ariaLabel ?? 'Icon Button'}\n className={cx(\n nativeProps.className,\n iconButton({\n palette,\n usage,\n }),\n )}\n />\n )\n}\n"],"mappings":";AACA,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAwBvB;AAHG,SAAS,WAAW,OAAqC;AAC9D,QAAM,EAAE,WAAW,SAAS,OAAO,GAAG,YAAY,IAAI;AACtD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,gBAAY;AAAA,MACZ,cAAY,aAAa;AAAA,MACzB,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}
package/build/legacy/components/IconButton.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  IconButton
3
- } from "../chunk-BPIYUAYS.js";
3
+ } from "../chunk-MRJ3KCHK.js";
4
4
  export {
5
5
  IconButton
6
6
  };
package/build/legacy/index.js CHANGED
@@ -64,7 +64,7 @@ import {
64
64
  } from "./chunk-ZAU4JVLL.js";
65
65
  import {
66
66
  IconButton
67
- } from "./chunk-BPIYUAYS.js";
67
+ } from "./chunk-MRJ3KCHK.js";
68
68
  export {
69
69
  Button,
70
70
  Field,
package/build/modern/{chunk-BPIYUAYS.js → chunk-MRJ3KCHK.js} RENAMED
@@ -8,6 +8,7 @@ function IconButton(props) {
8
8
  "button",
9
9
  {
10
10
  ...nativeProps,
11
+ "data-tooltip": true,
11
12
  "aria-label": ariaLabel ?? "Icon Button",
12
13
  className: cx(
13
14
  nativeProps.className,
@@ -23,4 +24,4 @@ function IconButton(props) {
23
24
  export {
24
25
  IconButton
25
26
  };
26
- //# sourceMappingURL=chunk-BPIYUAYS.js.map
27
+ //# sourceMappingURL=chunk-MRJ3KCHK.js.map
package/build/modern/{chunk-BPIYUAYS.js.map → chunk-MRJ3KCHK.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/components/IconButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport { iconButton } from '@cerberus/styled-system/recipes'\nimport type { ButtonProps } from './Button'\n\n/**\n * This module contains the Icon Button component.\n * @module\n */\n\nexport type IconButtonUsage = Exclude<ButtonProps['usage'], 'outline'>\nexport interface IconButtonProps\n extends ButtonHTMLAttributes<HTMLButtonElement> {\n ariaLabel: string\n palette?: ButtonProps['palette']\n usage?: IconButtonUsage\n shape?: 'circle'\n}\n\n/**\n * A component that allows the user to perform actions using an icon\n * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/IconButton.tsx\n */\nexport function IconButton(props: IconButtonProps): JSX.Element {\n const { ariaLabel, palette, usage, ...nativeProps } = props\n return (\n <button\n {...nativeProps}\n aria-label={ariaLabel ?? 'Icon Button'}\n className={cx(\n nativeProps.className,\n iconButton({\n palette,\n usage,\n }),\n )}\n />\n )\n}\n"],"mappings":";AACA,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAwBvB;AAHG,SAAS,WAAW,OAAqC;AAC9D,QAAM,EAAE,WAAW,SAAS,OAAO,GAAG,YAAY,IAAI;AACtD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,cAAY,aAAa;AAAA,MACzB,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}
1
+ {"version":3,"sources":["../../src/components/IconButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react'\nimport { cx } from '@cerberus/styled-system/css'\nimport { iconButton } from '@cerberus/styled-system/recipes'\nimport type { ButtonProps } from './Button'\n\n/**\n * This module contains the Icon Button component.\n * @module\n */\n\nexport type IconButtonUsage = Exclude<ButtonProps['usage'], 'outline'>\nexport interface IconButtonProps\n extends ButtonHTMLAttributes<HTMLButtonElement> {\n ariaLabel: string\n palette?: ButtonProps['palette']\n usage?: IconButtonUsage\n shape?: 'circle'\n}\n\n/**\n * A component that allows the user to perform actions using an icon\n * @description https://github.com/omnifed/cerberus/blob/main/packages/react/src/components/IconButton.tsx\n */\nexport function IconButton(props: IconButtonProps): JSX.Element {\n const { ariaLabel, palette, usage, ...nativeProps } = props\n return (\n <button\n {...nativeProps}\n data-tooltip\n aria-label={ariaLabel ?? 'Icon Button'}\n className={cx(\n nativeProps.className,\n iconButton({\n palette,\n usage,\n }),\n )}\n />\n )\n}\n"],"mappings":";AACA,SAAS,UAAU;AACnB,SAAS,kBAAkB;AAwBvB;AAHG,SAAS,WAAW,OAAqC;AAC9D,QAAM,EAAE,WAAW,SAAS,OAAO,GAAG,YAAY,IAAI;AACtD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,gBAAY;AAAA,MACZ,cAAY,aAAa;AAAA,MACzB,WAAW;AAAA,QACT,YAAY;AAAA,QACZ,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH;AAAA;AAAA,EACF;AAEJ;","names":[]}
package/build/modern/components/IconButton.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import {
2
2
  IconButton
3
- } from "../chunk-BPIYUAYS.js";
3
+ } from "../chunk-MRJ3KCHK.js";
4
4
  export {
5
5
  IconButton
6
6
  };
package/build/modern/index.js CHANGED
@@ -64,7 +64,7 @@ import {
64
64
  } from "./chunk-ZAU4JVLL.js";
65
65
  import {
66
66
  IconButton
67
- } from "./chunk-BPIYUAYS.js";
67
+ } from "./chunk-MRJ3KCHK.js";
68
68
  export {
69
69
  Button,
70
70
  Field,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cerberus-design/react",
3
- "version": "0.3.2-next-4a29e36",
3
+ "version": "0.3.2-next-a65ca8e",
4
4
  "description": "The Cerberus Design React component library.",
5
5
  "browserslist": "> 0.25%, not dead",
6
6
  "sideEffects": false,
package/src/components/IconButton.tsx CHANGED
@@ -26,6 +26,7 @@ export function IconButton(props: IconButtonProps): JSX.Element {
26
26
  return (
27
27
  <button
28
28
  {...nativeProps}
29
+ data-tooltip
29
30
  aria-label={ariaLabel ?? 'Icon Button'}
30
31
  className={cx(
31
32
  nativeProps.className,