@maxio-com/react-ui-components 9.22.1 → 9.23.0

package/dist/skills/maxio-react/references/components-copy-to-clipboard.md

@@ -45,6 +45,7 @@ Use `variant` to increase its emphasis when needed:
 | `variant`   | When to use                                                    |
 | :---------- | :------------------------------------------------------------- |
 | `ghost`     | Default. Suits inline use beside the value being copied.       |
+| `subtle`    | Ghost with a gray icon. Only when it must be discreet.         |
 | `tertiary`  | Use when the copy control needs slightly more emphasis.        |
 | `secondary` | Copying is one of the main actions on the surface.             |
 | `primary`   | Rare. Only when copying is _the_ action users came to perform. |
@@ -66,8 +67,9 @@ Use `variant` to increase its emphasis when needed:
   that did not happen.
 - **Async values**: keep the button `disabled` until `value` is populated so
   users cannot copy a placeholder.
-- **Sizing**: `size` uses the shared IconButton sizing. Target areas are 28px,
-  32px, and 40px; the glyph remains 16px, consistent with
+- **Sizing**: `size` uses the shared IconButton sizing. Target areas are 24px,
+  28px, 32px, and 40px; the glyph remains 16px except at `xs`, which drops it to
+  14px and removes the padding for dense inline use. Otherwise consistent with
   other icon buttons in the system.
 
 ### Accessibility
@@ -153,10 +155,10 @@ import { Body, CopyToClipboard, Flex } from "@maxio-com/react-ui-components";
 | `onCopy` | `((value: string) => void)` | no | - | Called with the copied value once the clipboard write succeeds. | TypeLiteral |
 | `onCopyError` | `((error: unknown) => void)` | no | - | Called when the clipboard write fails, such as in an insecure context or when permission is denied. The copied state is not entered. | TypeLiteral |
 | `resetAfterMs` | `number` | no | `2000` | How long the copied state lasts before reverting, in milliseconds. | TypeLiteral |
-| `size` | `"sm" \| "md" \| "lg"` | no | `md` | Changes the size of the button. | TypeLiteral |
+| `size` | `"sm" \| "md" \| "lg" \| "xs"` | no | `md` | Changes the size of the button. | TypeLiteral |
 | `tooltipPlacement` | `"top" \| "right" \| "bottom" \| "left" \| "top-start" \| "top-end" \| "right-start" \| "right-end" \| "bottom-start" \| "bottom-end" \| "left-start" \| "left-end"` | no | `top` | Where the tooltip is positioned relative to the button. | TypeLiteral |
 | `value` | `string` | yes | - | Text written to the clipboard when the button is pressed. | TypeLiteral |
-| `variant` | `"primary" \| "secondary" \| "tertiary" \| "ghost"` | no | `ghost` | Button variant. | TypeLiteral |
+| `variant` | `"primary" \| "secondary" \| "tertiary" \| "ghost" \| "subtle"` | no | `ghost` | Button variant. | TypeLiteral |
 
 ## Stories
 

package/dist/temporary-typings/src/components/CopyToClipboard/CopyToClipboard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboard.d.ts","sourceRoot":"","sources":["../../../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAW/D,QAAA,MAAM,eAAe,GAAI,8JAetB,oBAAoB,sBAwCtB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"CopyToClipboard.d.ts","sourceRoot":"","sources":["../../../../../src/components/CopyToClipboard/CopyToClipboard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAc/D,QAAA,MAAM,eAAe,GAAI,8JAetB,oBAAoB,sBA6CtB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/temporary-typings/src/components/CopyToClipboard/CopyToClipboard.types.d.ts

@@ -1,7 +1,7 @@
 import { ButtonHTMLAttributes } from 'react';
 import { Placement } from '../../hooks/useOverlayTrigger/types';
-export type CopyToClipboardSize = 'sm' | 'md' | 'lg';
-export type CopyToClipboardVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost';
+export type CopyToClipboardSize = 'xs' | 'sm' | 'md' | 'lg';
+export type CopyToClipboardVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'subtle';
 export type CopyToClipboardProps = {
     value: string;
     copyLabel?: string;

package/dist/temporary-typings/src/components/CopyToClipboard/CopyToClipboard.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CopyToClipboard.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/CopyToClipboard/CopyToClipboard.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAEhE,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAErD,MAAM,MAAM,sBAAsB,GAC9B,SAAS,GACT,WAAW,GACX,UAAU,GACV,OAAO,CAAC;AAEZ,MAAM,MAAM,oBAAoB,GAAG;IAIjC,KAAK,EAAE,MAAM,CAAC;IAKd,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,cAAc,CAAC,EAAE,MAAM,CAAC;IAKxB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAK3B,OAAO,CAAC,EAAE,sBAAsB,CAAC;IAIjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAI7B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAKjC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,GAAG,IAAI,CACN,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CACzC,CAAC"}
+{"version":3,"file":"CopyToClipboard.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/CopyToClipboard/CopyToClipboard.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qCAAqC,CAAC;AAEhE,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5D,MAAM,MAAM,sBAAsB,GAC9B,SAAS,GACT,WAAW,GACX,UAAU,GACV,OAAO,GACP,QAAQ,CAAC;AAEb,MAAM,MAAM,oBAAoB,GAAG;IAIjC,KAAK,EAAE,MAAM,CAAC;IAKd,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAKrB,cAAc,CAAC,EAAE,MAAM,CAAC;IAKxB,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAK3B,OAAO,CAAC,EAAE,sBAAsB,CAAC;IAIjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAKnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAKtB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAI7B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAKjC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,GAAG,IAAI,CACN,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CACzC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@maxio-com/react-ui-components",
-  "version": "9.22.1",
+  "version": "9.23.0",
   "description": "React UI components",
   "type": "module",
   "license": "MIT",
@@ -64,5 +64,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a1c37be60bfef4a528c72c36cdd648d3c53330f1"
+  "gitHead": "b1b1dedfb4c97a381d065702fd7d8ee7002fbefd"
 }

package/typings/index.d.ts

@@ -157,8 +157,8 @@ type Placement = Side | AlignedPlacement;
 type Interactions = 'click' | 'hover' | 'focus' | 'dismiss';
 type OverlayAriaRole = 'tooltip' | 'dialog' | 'alertdialog' | 'menu' | 'listbox' | 'grid' | 'tree';
 
-type CopyToClipboardSize = 'sm' | 'md' | 'lg';
-type CopyToClipboardVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost';
+type CopyToClipboardSize = 'xs' | 'sm' | 'md' | 'lg';
+type CopyToClipboardVariant = 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'subtle';
 type CopyToClipboardProps = {
     value: string;
     copyLabel?: string;