@cumulus-ui/components 0.5.2 → 0.5.4

package/dist/grid/interfaces.d.ts

@@ -1,3 +1,4 @@
+import { SlotContent } from '../internal/generated/cloudscape-types.js';
 export interface GridProps {
     /**
      * An array of element definitions that specifies how the columns must be
@@ -21,6 +22,14 @@ export interface GridProps {
      * Determines whether horizontal and vertical gutters are hidden.
      */
     disableGutters?: boolean;
+    /**
+     * The elements to align in the grid.
+     *
+     * You can provide any elements here. The number of elements
+     * should match the number of objects defined in the `gridDefinition`
+     * property.
+     */
+    children?: SlotContent;
 }
 export declare namespace GridProps {
     type Breakpoint = _Breakpoint;

package/dist/grid/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/grid/interfaces.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,SAAS;IACxB;;;;;;;;;;;;;;;;OAgBG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC5D;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAE1B;AACD,MAAM,CAAC,OAAO,WAAW,SAAS,CAAC;IACjC,KAAK,UAAU,GAAG,WAAW,CAAC;IAC9B,KAAK,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IAC9D,UAAU,iBAAiB;QACzB;;WAEG;QACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,iBAAiB,CAAC;QAC/C;;WAEG;QACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,iBAAiB,CAAC;QAC9C;;WAEG;QACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,iBAAiB,CAAC;QAC5C;;WAEG;QACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,iBAAiB,CAAC;KAC7C;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/grid/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,MAAM,WAAW,SAAS;IACxB;;;;;;;;;;;;;;;;OAgBG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC5D;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB;AACD,MAAM,CAAC,OAAO,WAAW,SAAS,CAAC;IACjC,KAAK,UAAU,GAAG,WAAW,CAAC;IAC9B,KAAK,iBAAiB,GAAG,OAAO,CAAC,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC,CAAC;IAC9D,UAAU,iBAAiB;QACzB;;WAEG;QACH,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,iBAAiB,CAAC;QAC/C;;WAEG;QACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,iBAAiB,CAAC;QAC9C;;WAEG;QACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,iBAAiB,CAAC;QAC5C;;WAEG;QACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,iBAAiB,CAAC;KAC7C;CACF"}

package/dist/header/interfaces.d.ts

@@ -1,5 +1,11 @@
+import { SlotContent } from '../internal/generated/cloudscape-types.js';
 export interface HeaderProps {
-    /** @slot default — The heading text */
+    /**
+     * The heading text. Plain text is recommended. The component renders the
+     * HTML heading tag based on the specified `variant` or `headingTagOverride`.
+     * @displayname title
+     */
+    children?: SlotContent;
     /**
      * Specifies the variant of the header:
      * * `h1` - Use this for page level headers.
@@ -14,6 +20,23 @@ export interface HeaderProps {
      * provided by the variant. Using this property does not change the visual appearance of the component.
      */
     headingTagOverride?: HeaderProps.HeadingTag;
+    /**
+     * Supplementary text below the heading.
+     */
+    description?: SlotContent;
+    /**
+     * Actions for the container.
+     */
+    actions?: SlotContent;
+    /**
+     * Specifies secondary content that's displayed to the right of the heading title. This is commonly used
+     * to display resource counters in table and cards components.
+     */
+    counter?: SlotContent;
+    /**
+     * Area next to the heading to display an Info link.
+     */
+    info?: SlotContent;
 }
 export declare namespace HeaderProps {
     type Variant = 'h1' | 'h2' | 'h3' | 'awsui-h1-sticky';

package/dist/header/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/header/interfaces.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,WAAW;IAC1B,uCAAuC;IACvC;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC;IAC9B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC;CAK7C;AACD,MAAM,CAAC,OAAO,WAAW,WAAW,CAAC;IACnC,KAAK,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,iBAAiB,CAAC;IACtD,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACpD"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/header/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC;IAC9B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC;IAC5C;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AACD,MAAM,CAAC,OAAO,WAAW,WAAW,CAAC;IACnC,KAAK,OAAO,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,iBAAiB,CAAC;IACtD,KAAK,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACpD"}

package/dist/help-panel/interfaces.d.ts

@@ -1,7 +1,22 @@
+import { SlotContent } from '../internal/generated/cloudscape-types.js';
 export interface HelpPanelProps {
-    /** @slot header — Header of the help panel */
-    /** @slot default — Main content of the help panel */
-    /** @slot footer — Footer of the help panel */
+    /**
+     * Header of the help panel.
+     *
+     * It should contain the only `h2` used in the help panel.
+     */
+    header?: SlotContent;
+    /**
+     * Main content of the help panel.
+     *
+     * Use `p, a, h3, h4, h5, span, div, ul, ol, li, code, pre, dl, dt, dd, hr, br, i, em, b, strong` tags to format the content.
+     * Use `code` for inline code or `pre` for code blocks.
+     */
+    children?: SlotContent;
+    /**
+     * Footer of the help panel.
+     */
+    footer?: SlotContent;
     /**
      * Renders the panel in a loading state. We recommend that you also set a `loadingText`.
      */

package/dist/help-panel/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/help-panel/interfaces.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,cAAc;IAC7B,8CAA8C;IAC9C,qDAAqD;IACrD,8CAA8C;IAC9C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/help-panel/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/dist/hotspot/interfaces.d.ts

@@ -1,3 +1,4 @@
+import { SlotContent } from '../internal/generated/cloudscape-types.js';
 export interface HotspotProps {
     /**
      * ID of this hotspot. Use this ID in your tutorial data to refer to this
@@ -15,5 +16,19 @@ export interface HotspotProps {
      * overlaps too much with other content on the page.
      */
     direction?: 'top' | 'right' | 'bottom' | 'left';
+    /**
+     * Content that should be wrapped by the hotspot icon. Optional.
+     *
+     * If you supply this property, the hotspot will wrap it in an element with
+     * `flex: 1`, in order to give the children the maximum available space. The
+     * hotspot icon will be placed floating next to the children. Use
+     * this if you are wrapping e.g. an input field that should use the full
+     * available width, or a button.
+     *
+     * If you do not supply this property, the hotspot icon will behave as an inline
+     * element. Use this if you want to place the hotspot icon on a label, e.g. a
+     * checkbox's label.
+     */
+    children?: SlotContent;
 }
 //# sourceMappingURL=interfaces.d.ts.map

package/dist/hotspot/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/hotspot/interfaces.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,YAAY;IAC3B;;;;OAIG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAEjD"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/hotspot/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,MAAM,WAAW,YAAY;IAC3B;;;;OAIG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACxB;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAChD;;;;;;;;;;;;OAYG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAC;CACxB"}

package/dist/icon/interfaces.d.ts

@@ -1,4 +1,5 @@
 import { BuiltInIconName, IconRegistryIconName } from '../icon-provider/interfaces.js';
+import { SlotContent } from '../internal/generated/cloudscape-types.js';
 export interface IconProps {
     /**
      * Specifies the icon to be displayed.
@@ -36,6 +37,28 @@ export interface IconProps {
      * Specifies alternate text for the icon. We recommend that you provide this for accessibility.
      */
     ariaLabel?: string;
+    /**
+     * Specifies the SVG of a custom icon.
+     *
+     * Use this property if the icon you want isn't available, and you want your custom icon to inherit colors dictated by variant or hover states.
+     * When this property is set, the component will be decorated with `aria-hidden="true"`. Ensure that the `svg` element:
+     * - has attribute `focusable="false"`.
+     * - has `viewBox="0 0 16 16"`.
+     *
+     * If you set the `svg` element as the root node of the slot, the component will automatically
+     * - set `stroke="currentColor"`, `fill="none"`, and `vertical-align="top"`.
+     * - set the stroke width based on the size of the icon.
+     * - set the width and height of the SVG element based on the size of the icon.
+     *
+     * If you don't want these styles to be automatically set, wrap the `svg` element into a `span` and ensure icon `size` is not set to `inherit`.
+     * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.
+     *
+     * If you set both `url` and `svg`, `svg` will take precedence.
+     *
+     * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.
+     * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.
+     */
+    svg?: SlotContent;
 }
 export declare namespace IconProps {
     type Name = BuiltInIconName | IconRegistryIconName;

package/dist/icon/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/icon/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACvF,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IACtB;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC;IAC5B;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CAEpB;AACD,MAAM,CAAC,OAAO,WAAW,SAAS,CAAC;IACjC,KAAK,IAAI,GAAG,eAAe,GAAG,oBAAoB,CAAC;IACnD,KAAK,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IACxG,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,CAAC;CACzE"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/icon/interfaces.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AACvF,OAAO,EAAE,WAAW,EAAE,MAAM,2CAA2C,CAAC;AACxE,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IACtB;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC;IAC5B;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,GAAG,CAAC,EAAE,WAAW,CAAC;CACnB;AACD,MAAM,CAAC,OAAO,WAAW,SAAS,CAAC;IACjC,KAAK,IAAI,GAAG,eAAe,GAAG,oBAAoB,CAAC;IACnD,KAAK,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IACxG,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,CAAC;CACzE"}