@cumulus-ui/components 0.5.0 → 0.5.1

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 (47) hide show
  1. package/README.md +282 -12
  2. package/dist/app-layout/index.d.ts +5 -0
  3. package/dist/app-layout/index.d.ts.map +1 -0
  4. package/dist/app-layout/internal.d.ts +22 -0
  5. package/dist/app-layout/internal.d.ts.map +1 -0
  6. package/dist/app-layout/styles.d.ts +5 -0
  7. package/dist/app-layout/styles.d.ts.map +1 -0
  8. package/dist/file-token-group/index.d.ts +5 -0
  9. package/dist/file-token-group/index.d.ts.map +1 -0
  10. package/dist/file-token-group/internal.d.ts +28 -0
  11. package/dist/file-token-group/internal.d.ts.map +1 -0
  12. package/dist/file-token-group/styles.d.ts +5 -0
  13. package/dist/file-token-group/styles.d.ts.map +1 -0
  14. package/dist/index.d.ts +20 -0
  15. package/dist/index.d.ts.map +1 -1
  16. package/dist/index.js +2909 -41
  17. package/dist/internal/styles/app-layout-content-wrapper.d.ts +2 -0
  18. package/dist/internal/styles/app-layout-content-wrapper.d.ts.map +1 -0
  19. package/dist/internal/styles/app-layout-drawer.d.ts +2 -0
  20. package/dist/internal/styles/app-layout-drawer.d.ts.map +1 -0
  21. package/dist/internal/styles/app-layout-mobile-toolbar.d.ts +2 -0
  22. package/dist/internal/styles/app-layout-mobile-toolbar.d.ts.map +1 -0
  23. package/dist/internal/styles/app-layout-notifications.d.ts +2 -0
  24. package/dist/internal/styles/app-layout-notifications.d.ts.map +1 -0
  25. package/dist/internal/styles/app-layout-resize.d.ts +2 -0
  26. package/dist/internal/styles/app-layout-resize.d.ts.map +1 -0
  27. package/dist/internal/styles/app-layout-runtime-drawer.d.ts +2 -0
  28. package/dist/internal/styles/app-layout-runtime-drawer.d.ts.map +1 -0
  29. package/dist/internal/styles/app-layout-split-panel.d.ts +2 -0
  30. package/dist/internal/styles/app-layout-split-panel.d.ts.map +1 -0
  31. package/dist/internal/styles/app-layout-toggles.d.ts +2 -0
  32. package/dist/internal/styles/app-layout-toggles.d.ts.map +1 -0
  33. package/dist/internal/styles/app-layout-visual-refresh.d.ts +2 -0
  34. package/dist/internal/styles/app-layout-visual-refresh.d.ts.map +1 -0
  35. package/dist/item-card/index.d.ts +5 -0
  36. package/dist/item-card/index.d.ts.map +1 -0
  37. package/dist/item-card/internal.d.ts +25 -0
  38. package/dist/item-card/internal.d.ts.map +1 -0
  39. package/dist/item-card/styles.d.ts +5 -0
  40. package/dist/item-card/styles.d.ts.map +1 -0
  41. package/dist/panel-layout/index.d.ts +5 -0
  42. package/dist/panel-layout/index.d.ts.map +1 -0
  43. package/dist/panel-layout/internal.d.ts +32 -0
  44. package/dist/panel-layout/internal.d.ts.map +1 -0
  45. package/dist/panel-layout/styles.d.ts +5 -0
  46. package/dist/panel-layout/styles.d.ts.map +1 -0
  47. package/package.json +1 -1
@@ -0,0 +1,2 @@
1
+ export declare const appLayoutContentWrapperStyles: import("lit").CSSResult;
2
+ //# sourceMappingURL=app-layout-content-wrapper.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"app-layout-content-wrapper.d.ts","sourceRoot":"","sources":["../../../src/internal/styles/app-layout-content-wrapper.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,6BAA6B,yBA6BzC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const appLayoutDrawerStyles: import("lit").CSSResult;
2
+ //# sourceMappingURL=app-layout-drawer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"app-layout-drawer.d.ts","sourceRoot":"","sources":["../../../src/internal/styles/app-layout-drawer.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB,yBAoGjC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const appLayoutMobileToolbarStyles: import("lit").CSSResult;
2
+ //# sourceMappingURL=app-layout-mobile-toolbar.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"app-layout-mobile-toolbar.d.ts","sourceRoot":"","sources":["../../../src/internal/styles/app-layout-mobile-toolbar.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,4BAA4B,yBAgDxC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const appLayoutNotificationsStyles: import("lit").CSSResult;
2
+ //# sourceMappingURL=app-layout-notifications.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"app-layout-notifications.d.ts","sourceRoot":"","sources":["../../../src/internal/styles/app-layout-notifications.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,4BAA4B,yBAwBxC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const appLayoutResizeStyles: import("lit").CSSResult;
2
+ //# sourceMappingURL=app-layout-resize.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"app-layout-resize.d.ts","sourceRoot":"","sources":["../../../src/internal/styles/app-layout-resize.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,qBAAqB,yBAyDjC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const appLayoutRuntimeDrawerStyles: import("lit").CSSResult;
2
+ //# sourceMappingURL=app-layout-runtime-drawer.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"app-layout-runtime-drawer.d.ts","sourceRoot":"","sources":["../../../src/internal/styles/app-layout-runtime-drawer.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,4BAA4B,yBAQxC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const appLayoutSplitPanelStyles: import("lit").CSSResult;
2
+ //# sourceMappingURL=app-layout-split-panel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"app-layout-split-panel.d.ts","sourceRoot":"","sources":["../../../src/internal/styles/app-layout-split-panel.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,yBAAyB,yBASrC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const appLayoutTogglesStyles: import("lit").CSSResult;
2
+ //# sourceMappingURL=app-layout-toggles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"app-layout-toggles.d.ts","sourceRoot":"","sources":["../../../src/internal/styles/app-layout-toggles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,sBAAsB,yBA2ClC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export declare const appLayoutVisualRefreshStyles: import("lit").CSSResult;
2
+ //# sourceMappingURL=app-layout-visual-refresh.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"app-layout-visual-refresh.d.ts","sourceRoot":"","sources":["../../../src/internal/styles/app-layout-visual-refresh.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,4BAA4B,yBA4NxC,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { CsItemCardInternal } from './internal.js';
2
+ export declare class CsItemCard extends CsItemCardInternal {
3
+ }
4
+ export type { ItemCardProps, InternalItemCardProps } from './interfaces.js';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/item-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD,qBAAa,UAAW,SAAQ,kBAAkB;CAAG;AAIrD,YAAY,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC"}
@@ -0,0 +1,25 @@
1
+ import { type TemplateResult } from 'lit';
2
+ import { CsBaseElement } from '../internal/base-element.js';
3
+ import type { ItemCardProps } from './interfaces.js';
4
+ export declare class CsItemCardInternal extends CsBaseElement {
5
+ static styles: import("lit").CSSResult[];
6
+ variant: ItemCardProps.Variant;
7
+ disableHeaderPaddings: boolean;
8
+ disableContentPaddings: boolean;
9
+ disableFooterPaddings: boolean;
10
+ style_?: ItemCardProps.Style;
11
+ highlighted: boolean;
12
+ fullHeight: boolean;
13
+ metadataAttributes?: Record<string, string | undefined>;
14
+ private _hasHeader;
15
+ private _hasFooter;
16
+ private _hasActions;
17
+ private _hasDescription;
18
+ private _onHeaderSlotChange;
19
+ private _onFooterSlotChange;
20
+ private _onActionsSlotChange;
21
+ private _onDescriptionSlotChange;
22
+ private _buildRootStyleOverrides;
23
+ render(): TemplateResult;
24
+ }
25
+ //# sourceMappingURL=internal.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/item-card/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAE5D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAIrD,qBAAa,kBAAmB,SAAQ,aAAa;IACnD,OAAgB,MAAM,4BAA+C;IAGrE,OAAO,EAAE,aAAa,CAAC,OAAO,CAAa;IAG3C,qBAAqB,UAAS;IAG9B,sBAAsB,UAAS;IAG/B,qBAAqB,UAAS;IAG9B,MAAM,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC;IAI7B,WAAW,UAAS;IAGpB,UAAU,UAAS;IAGnB,kBAAkB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IAExD,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,eAAe,CAAS;IAEhC,OAAO,CAAC,mBAAmB,CAIzB;IAEF,OAAO,CAAC,mBAAmB,CAIzB;IAEF,OAAO,CAAC,oBAAoB,CAI1B;IAEF,OAAO,CAAC,wBAAwB,CAI9B;IAEF,OAAO,CAAC,wBAAwB;IAWvB,MAAM,IAAI,cAAc;CA2DlC"}
@@ -0,0 +1,5 @@
1
+ import { sharedStyles } from '../internal/styles/shared.js';
2
+ export declare const componentStyles: import("lit").CSSResult;
3
+ export { componentStyles as itemCardStyles };
4
+ export { sharedStyles };
5
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/item-card/styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,eAAO,MAAM,eAAe,yBA4L3B,CAAC;AAEF,OAAO,EAAE,eAAe,IAAI,cAAc,EAAE,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,CAAC"}
@@ -0,0 +1,5 @@
1
+ import { CsPanelLayoutInternal } from './internal.js';
2
+ export declare class CsPanelLayout extends CsPanelLayoutInternal {
3
+ }
4
+ export type { PanelLayoutProps } from './interfaces.js';
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/panel-layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEtD,qBAAa,aAAc,SAAQ,qBAAqB;CAAG;AAI3D,YAAY,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}
@@ -0,0 +1,32 @@
1
+ import { type TemplateResult } from 'lit';
2
+ import { CsBaseElement } from '../internal/base-element.js';
3
+ import type { PanelLayoutProps } from './interfaces.js';
4
+ export declare class CsPanelLayoutInternal extends CsBaseElement {
5
+ static styles: import("lit").CSSResult[];
6
+ panelPosition: PanelLayoutProps.PanelPosition;
7
+ defaultPanelSize?: number;
8
+ panelSize?: number;
9
+ minPanelSize?: number;
10
+ maxPanelSize?: number;
11
+ resizable: boolean;
12
+ display: PanelLayoutProps.Display;
13
+ panelFocusable?: PanelLayoutProps.FocusableConfig;
14
+ mainFocusable?: PanelLayoutProps.FocusableConfig;
15
+ i18nStrings?: PanelLayoutProps.I18nStrings;
16
+ private _internalSize;
17
+ private _dragging;
18
+ private _dragStartX;
19
+ private _dragStartSize;
20
+ connectedCallback(): void;
21
+ private get _effectiveSize();
22
+ private _clampSize;
23
+ private _fireResize;
24
+ private _onPointerDown;
25
+ private _onPointerMove;
26
+ private _onPointerUp;
27
+ private _onKeyDown;
28
+ focusResizeHandle(): void;
29
+ private _renderHandle;
30
+ render(): TemplateResult;
31
+ }
32
+ //# sourceMappingURL=internal.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/panel-layout/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI9D,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAG5D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAmCxD,qBAAa,qBAAsB,SAAQ,aAAa;IACtD,OAAgB,MAAM,4BAA6D;IAGnF,aAAa,EAAE,gBAAgB,CAAC,aAAa,CAAc;IAG3D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAG1B,SAAS,CAAC,EAAE,MAAM,CAAC;IAGnB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,SAAS,UAAS;IAGlB,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAS;IAG1C,cAAc,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC;IAGlD,aAAa,CAAC,EAAE,gBAAgB,CAAC,eAAe,CAAC;IAGjD,WAAW,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC;IAG3C,OAAO,CAAC,aAAa,CAAO;IAG5B,OAAO,CAAC,SAAS,CAAS;IAE1B,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,cAAc,CAAK;IAElB,iBAAiB,IAAI,IAAI;IAOlC,OAAO,KAAK,cAAc,GAKzB;IAED,OAAO,CAAC,UAAU;IAMlB,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,cAAc,CAOpB;IAEF,OAAO,CAAC,cAAc,CAMpB;IAEF,OAAO,CAAC,YAAY,CAKlB;IAEF,OAAO,CAAC,UAAU,CAgBhB;IAEK,iBAAiB,IAAI,IAAI;IAKhC,OAAO,CAAC,aAAa;IA2BZ,MAAM,IAAI,cAAc;CA4DlC"}
@@ -0,0 +1,5 @@
1
+ import { sharedStyles } from '../internal/styles/shared.js';
2
+ export declare const componentStyles: import("lit").CSSResult;
3
+ export { componentStyles as panelLayoutStyles };
4
+ export { sharedStyles };
5
+ //# sourceMappingURL=styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/panel-layout/styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,eAAO,MAAM,eAAe,yBA4D3B,CAAC;AAEF,OAAO,EAAE,eAAe,IAAI,iBAAiB,EAAE,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cumulus-ui/components",
3
- "version": "0.5.0",
3
+ "version": "0.5.1",
4
4
  "description": "Web components inspired by Cloudscape Design System",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",