@redvars/peacock 3.6.2 → 3.7.0

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 (200) hide show
  1. package/dist/ButtonConstants-D06bY4uy.js +114 -0
  2. package/dist/ButtonConstants-D06bY4uy.js.map +1 -0
  3. package/dist/{BaseHyperlinkMixin-BNuwbiEf.js → NativeHyperlinkMixin-DrYXyfMQ.js} +8 -10
  4. package/dist/NativeHyperlinkMixin-DrYXyfMQ.js.map +1 -0
  5. package/dist/assets/components.css +1 -1
  6. package/dist/assets/components.css.map +1 -1
  7. package/dist/assets/styles.css +1 -1
  8. package/dist/assets/styles.css.map +1 -1
  9. package/dist/button-colors-Dwnez1tR.js +586 -0
  10. package/dist/button-colors-Dwnez1tR.js.map +1 -0
  11. package/dist/button-group.js +8 -8
  12. package/dist/button-group.js.map +1 -1
  13. package/dist/button.js +236 -133
  14. package/dist/button.js.map +1 -1
  15. package/dist/calendar-column-view.js +0 -1
  16. package/dist/calendar-column-view.js.map +1 -1
  17. package/dist/calendar-month-view.js +0 -1
  18. package/dist/calendar-month-view.js.map +1 -1
  19. package/dist/canvas.js +126 -107
  20. package/dist/canvas.js.map +1 -1
  21. package/dist/card-content.js +0 -1
  22. package/dist/card-content.js.map +1 -1
  23. package/dist/card.js +96 -90
  24. package/dist/card.js.map +1 -1
  25. package/dist/cb-compound-expression.js +4 -1
  26. package/dist/cb-compound-expression.js.map +1 -1
  27. package/dist/cb-divider.js +0 -1
  28. package/dist/cb-divider.js.map +1 -1
  29. package/dist/cb-expression.js +0 -2
  30. package/dist/cb-expression.js.map +1 -1
  31. package/dist/cb-predicate.js +0 -1
  32. package/dist/cb-predicate.js.map +1 -1
  33. package/dist/code-highlighter.js +23 -6
  34. package/dist/code-highlighter.js.map +1 -1
  35. package/dist/custom-elements-jsdocs.json +5079 -17882
  36. package/dist/custom-elements.json +19272 -19314
  37. package/dist/fab.js +181 -117
  38. package/dist/fab.js.map +1 -1
  39. package/dist/flow-designer.js +4 -4
  40. package/dist/icon-button-DJ0kZXYr.js +318 -0
  41. package/dist/icon-button-DJ0kZXYr.js.map +1 -0
  42. package/dist/index.js +7 -7
  43. package/dist/{navigation-rail-CD7IrqbN.js → navigation-rail-CM_svs5_.js} +1311 -730
  44. package/dist/navigation-rail-CM_svs5_.js.map +1 -0
  45. package/dist/observe-slot-change-D8Xg-kSS.js +60 -0
  46. package/dist/observe-slot-change-D8Xg-kSS.js.map +1 -0
  47. package/dist/peacock-loader.js +10 -7
  48. package/dist/peacock-loader.js.map +1 -1
  49. package/dist/popover-content.js +0 -1
  50. package/dist/popover-content.js.map +1 -1
  51. package/dist/search.js +15 -15
  52. package/dist/search.js.map +1 -1
  53. package/dist/src/__controllers/attachable-controller.d.ts +109 -0
  54. package/dist/src/__mixins/{BaseButtonMixin.d.ts → NativeButtonMixin.d.ts} +3 -3
  55. package/dist/src/__mixins/{BaseHyperlinkMixin.d.ts → NativeHyperlinkMixin.d.ts} +3 -4
  56. package/dist/src/__utils/is-link.d.ts +1 -0
  57. package/dist/src/__utils/observe-slot-change.d.ts +1 -1
  58. package/dist/src/accordion/accordion-item.d.ts +0 -1
  59. package/dist/src/breadcrumb/breadcrumb-item/breadcrumb-item.d.ts +0 -1
  60. package/dist/src/button/ButtonConstants.d.ts +1 -0
  61. package/dist/src/button/GroupButtonInterface.d.ts +4 -0
  62. package/dist/src/button/button/button.d.ts +32 -7
  63. package/dist/src/button/button-group/button-group.d.ts +2 -1
  64. package/dist/src/button/icon-button/icon-button.d.ts +26 -5
  65. package/dist/src/button/index.d.ts +1 -1
  66. package/dist/src/calendar/calendar-column-view.d.ts +0 -1
  67. package/dist/src/calendar/calendar-month-view.d.ts +0 -1
  68. package/dist/src/canvas/canvas.d.ts +3 -3
  69. package/dist/src/card/card-content.d.ts +0 -1
  70. package/dist/src/card/card.d.ts +9 -6
  71. package/dist/src/chip/chip/chip.d.ts +22 -3
  72. package/dist/src/condition-builder/cb-compound-expression.d.ts +0 -1
  73. package/dist/src/condition-builder/cb-divider.d.ts +0 -1
  74. package/dist/src/condition-builder/cb-expression.d.ts +0 -1
  75. package/dist/src/condition-builder/cb-predicate.d.ts +0 -1
  76. package/dist/src/fab/fab.d.ts +20 -6
  77. package/dist/src/field/field.d.ts +1 -0
  78. package/dist/src/focus-ring/focus-ring.d.ts +26 -20
  79. package/dist/src/image/image.d.ts +2 -2
  80. package/dist/src/index.d.ts +1 -0
  81. package/dist/src/input/input.d.ts +1 -3
  82. package/dist/src/item/index.d.ts +1 -0
  83. package/dist/src/item/item.d.ts +49 -0
  84. package/dist/src/link/link.d.ts +1 -1
  85. package/dist/src/list/list-item.d.ts +1 -2
  86. package/dist/src/menu/menu-item/menu-item.d.ts +9 -11
  87. package/dist/src/menu/sub-menu/sub-menu.d.ts +1 -1
  88. package/dist/src/navigation-rail/navigation-rail-item.d.ts +0 -2
  89. package/dist/src/navigation-rail/navigation-rail.d.ts +2 -6
  90. package/dist/src/popover/popover-content.d.ts +0 -1
  91. package/dist/src/ripple/ripple.d.ts +9 -1
  92. package/dist/src/search/search.d.ts +2 -6
  93. package/dist/src/segmented-button/segmented-button.d.ts +0 -1
  94. package/dist/src/select/option.d.ts +0 -1
  95. package/dist/src/sidebar-menu/sidebar-menu-item.d.ts +0 -1
  96. package/dist/src/sidebar-menu/sidebar-sub-menu.d.ts +0 -1
  97. package/dist/src/tabs/tab-panel.d.ts +0 -1
  98. package/dist/src/tabs/tab.d.ts +4 -6
  99. package/dist/test/item.test.d.ts +1 -0
  100. package/dist/tsconfig.tsbuildinfo +1 -1
  101. package/package.json +4 -2
  102. package/readme.md +2 -2
  103. package/scss/components.scss +0 -1
  104. package/scss/mixin.scss +33 -13
  105. package/scss/styles.scss +1 -3
  106. package/src/__controllers/attachable-controller.ts +198 -0
  107. package/src/__mixins/NativeButtonMixin.ts +87 -0
  108. package/src/__mixins/{BaseHyperlinkMixin.ts → NativeHyperlinkMixin.ts} +15 -15
  109. package/src/__utils/is-link.ts +3 -0
  110. package/src/__utils/observe-slot-change.ts +46 -14
  111. package/src/accordion/accordion-item.scss +1 -1
  112. package/src/accordion/accordion-item.ts +0 -1
  113. package/src/breadcrumb/breadcrumb-item/breadcrumb-item.ts +0 -1
  114. package/src/button/ButtonConstants.ts +1 -0
  115. package/src/button/GroupButtonInterface.ts +4 -0
  116. package/src/button/button/button-colors.scss +2 -2
  117. package/src/button/button/button-layers.scss +124 -0
  118. package/src/button/button/button-sizes.scss +31 -53
  119. package/src/button/button/button.scss +139 -262
  120. package/src/button/button/button.ts +260 -106
  121. package/src/button/button/only-button.scss +13 -0
  122. package/src/button/button-group/button-group.ts +59 -17
  123. package/src/button/icon-button/icon-button-sizes.scss +12 -27
  124. package/src/button/icon-button/icon-button.ts +191 -83
  125. package/src/button/index.ts +1 -1
  126. package/src/calendar/calendar-column-view.ts +0 -1
  127. package/src/calendar/calendar-month-view.ts +0 -1
  128. package/src/canvas/canvas.scss +18 -6
  129. package/src/canvas/canvas.ts +125 -103
  130. package/src/card/card-content.ts +2 -3
  131. package/src/card/card.scss +87 -95
  132. package/src/card/card.ts +62 -60
  133. package/src/chip/chip/chip.scss +66 -71
  134. package/src/chip/chip/chip.ts +155 -56
  135. package/src/code-highlighter/code-highlighter.scss +1 -1
  136. package/src/code-highlighter/code-highlighter.ts +20 -5
  137. package/src/condition-builder/cb-compound-expression.scss +4 -0
  138. package/src/condition-builder/cb-compound-expression.ts +0 -1
  139. package/src/condition-builder/cb-divider.ts +0 -1
  140. package/src/condition-builder/cb-expression.scss +0 -1
  141. package/src/condition-builder/cb-expression.ts +0 -1
  142. package/src/condition-builder/cb-predicate.ts +0 -1
  143. package/src/elevation/elevation.scss +5 -1
  144. package/src/empty-state/empty-state.scss +1 -0
  145. package/src/fab/fab-colors.scss +2 -2
  146. package/src/fab/fab-sizes.scss +24 -34
  147. package/src/fab/fab.scss +77 -71
  148. package/src/fab/fab.ts +141 -65
  149. package/src/field/field.ts +6 -0
  150. package/src/focus-ring/focus-ring.ts +81 -72
  151. package/src/image/image.scss +21 -16
  152. package/src/image/image.ts +13 -14
  153. package/src/index.ts +1 -0
  154. package/src/input/input.ts +16 -25
  155. package/src/item/index.ts +1 -0
  156. package/src/item/item.scss +195 -0
  157. package/src/item/item.ts +362 -0
  158. package/src/link/link.scss +1 -10
  159. package/src/link/link.ts +4 -2
  160. package/src/list/list-item.ts +8 -8
  161. package/src/menu/menu/menu.ts +5 -9
  162. package/src/menu/menu-item/menu-item.scss +30 -108
  163. package/src/menu/menu-item/menu-item.ts +102 -133
  164. package/src/menu/sub-menu/sub-menu.ts +6 -3
  165. package/src/navigation-rail/navigation-rail-item.scss +5 -0
  166. package/src/navigation-rail/navigation-rail-item.ts +10 -15
  167. package/src/navigation-rail/navigation-rail.ts +2 -6
  168. package/src/peacock-loader.ts +5 -1
  169. package/src/popover/popover-content.ts +0 -1
  170. package/src/ripple/ripple.ts +52 -20
  171. package/src/search/search.scss +3 -0
  172. package/src/search/search.ts +11 -16
  173. package/src/segmented-button/segmented-button.ts +0 -1
  174. package/src/select/option.ts +1 -2
  175. package/src/select/select.scss +1 -10
  176. package/src/select/select.ts +2 -0
  177. package/src/sidebar-menu/sidebar-menu-item.ts +0 -1
  178. package/src/sidebar-menu/sidebar-sub-menu.ts +0 -1
  179. package/src/skeleton/skeleton.scss +5 -1
  180. package/src/tabs/tab-panel.ts +0 -1
  181. package/src/tabs/tab.ts +60 -70
  182. package/src/text/text.css-component.scss +3 -21
  183. package/src/tooltip/tooltip.scss +5 -8
  184. package/src/tooltip/tooltip.ts +1 -2
  185. package/dist/BaseButton-BNFAYn-S.js +0 -219
  186. package/dist/BaseButton-BNFAYn-S.js.map +0 -1
  187. package/dist/BaseHyperlinkMixin-BNuwbiEf.js.map +0 -1
  188. package/dist/button-colors-AvGh22Zn.js +0 -561
  189. package/dist/button-colors-AvGh22Zn.js.map +0 -1
  190. package/dist/icon-button-ohxHhy4t.js +0 -247
  191. package/dist/icon-button-ohxHhy4t.js.map +0 -1
  192. package/dist/navigation-rail-CD7IrqbN.js.map +0 -1
  193. package/dist/observe-slot-change-BGJfgg2E.js +0 -31
  194. package/dist/observe-slot-change-BGJfgg2E.js.map +0 -1
  195. package/dist/src/button/BaseButton.d.ts +0 -28
  196. package/dist/src/focus-ring/FocusAttachableController.d.ts +0 -8
  197. package/src/__mixins/BaseButtonMixin.ts +0 -83
  198. package/src/button/BaseButton.ts +0 -113
  199. package/src/focus-ring/FocusAttachableController.ts +0 -28
  200. package/src/popover/tooltip.css-component.scss +0 -19
@@ -4,7 +4,6 @@ import { LitElement } from 'lit';
4
4
  * @tag wc-popover-content
5
5
  * @rawTag popover-content
6
6
  * @summary Content container for the wc-popover component.
7
- * @childComponent true
8
7
  * @tags display
9
8
  *
10
9
  * @cssprop --popover-content-background - Background color of the popover content. Defaults to `var(--color-surface-container)`.
@@ -1,4 +1,5 @@
1
1
  import { LitElement, PropertyValues } from 'lit';
2
+ import { Attachable } from '@/__controllers/attachable-controller.js';
2
3
  /**
3
4
  * @label Ripple
4
5
  * @tag wc-ripple
@@ -33,7 +34,7 @@ import { LitElement, PropertyValues } from 'lit';
33
34
  * ```
34
35
  * @tags display
35
36
  */
36
- export declare class Ripple extends LitElement {
37
+ export declare class Ripple extends LitElement implements Attachable {
37
38
  static styles: import("lit").CSSResult;
38
39
  /**
39
40
  * Disables the ripple.
@@ -48,10 +49,17 @@ export declare class Ripple extends LitElement {
48
49
  private growAnimation?;
49
50
  private state;
50
51
  private rippleStartEvent?;
52
+ private readonly _boundHandleEvent;
53
+ get htmlFor(): string | null;
54
+ set htmlFor(htmlFor: string | null);
55
+ get control(): HTMLElement | null;
56
+ set control(control: HTMLElement | null);
57
+ private readonly attachableController;
51
58
  connectedCallback(): void;
52
59
  disconnectedCallback(): void;
53
60
  attach(control: HTMLElement): void;
54
61
  detach(): void;
62
+ private onControlChange;
55
63
  protected render(): import("lit-html").TemplateResult<1>;
56
64
  protected update(changedProps: PropertyValues<Ripple>): void;
57
65
  handlePointerenter(event: PointerEvent): void;
@@ -60,15 +60,11 @@ export declare class Search extends LitElement {
60
60
  private leadingSlotHasContent;
61
61
  private inputElement?;
62
62
  firstUpdated(): void;
63
- /** Focuses the internal input element. */
64
- focus(): void;
65
- /** Blurs the internal input element. */
66
- blur(): void;
63
+ focus(): Promise<void>;
67
64
  private __handleInput;
68
65
  private __handleChange;
69
66
  private __handleKeydown;
70
- private __handleFocus;
71
- private __handleBlur;
67
+ private __handleFocusChange;
72
68
  private __clearValue;
73
69
  private __renderClearButton;
74
70
  private __renderLeadingIcon;
@@ -4,7 +4,6 @@ import { LitElement } from 'lit';
4
4
  * @tag wc-segmented-button
5
5
  * @rawTag segmented-button
6
6
  * @summary An individual segment within a segmented button group.
7
- * @parentRawTag segmented-button-group
8
7
  * @overview
9
8
  * <p>Segmented buttons help people select options, switch views, or sort elements. They are used within a <code>wc-segmented-button-group</code>.</p>
10
9
  *
@@ -4,7 +4,6 @@ import type { MenuItem } from '../menu/menu-item/menu-item.js';
4
4
  * @label Select Option
5
5
  * @tag wc-option
6
6
  * @rawTag option
7
- * @parentRawTag select
8
7
  *
9
8
  * @summary A declarative option element for use inside wc-select.
10
9
  *
@@ -3,7 +3,6 @@ import { LitElement } from 'lit';
3
3
  * @label Sidebar Menu Item
4
4
  * @tag wc-sidebar-menu-item
5
5
  * @rawTag sidebar-menu-item
6
- * @parentRawTag sidebar-menu
7
6
  * @summary A sidebar menu item represents a selectable leaf item in the sidebar navigation tree.
8
7
  *
9
8
  * @example
@@ -3,7 +3,6 @@ import { LitElement } from 'lit';
3
3
  * @label Sidebar Sub Menu
4
4
  * @tag wc-sidebar-sub-menu
5
5
  * @rawTag sidebar-sub-menu
6
- * @parentRawTag sidebar-menu
7
6
  * @summary A sidebar sub menu groups sidebar menu items and handles expand/collapse behavior.
8
7
  *
9
8
  * @example
@@ -3,7 +3,6 @@ import { LitElement } from 'lit';
3
3
  * @label Tab Panel
4
4
  * @tag wc-tab-panel
5
5
  * @rawTag tab-panel
6
- * @parentRawTag tab-group
7
6
  *
8
7
  * @summary Content panel for tabs.
9
8
  * @overview
@@ -4,7 +4,6 @@ import type { Tabs } from './tabs.js';
4
4
  * @label Tab
5
5
  * @tag wc-tab
6
6
  * @rawTag tab
7
- * @parentRawTag tabs
8
7
  *
9
8
  * @summary A tab component for use within tabs.
10
9
  * @overview
@@ -27,8 +26,8 @@ export declare class Tab extends LitElement {
27
26
  [key: string]: any;
28
27
  };
29
28
  /**
30
- * Sets or retrieves the window or frame at which to target content.
31
- */
29
+ * Sets or retrieves the window or frame at which to target content.
30
+ */
32
31
  target: string;
33
32
  href?: string;
34
33
  /**
@@ -40,8 +39,8 @@ export declare class Tab extends LitElement {
40
39
  slotHasIcon: boolean;
41
40
  slotHasBadge: boolean;
42
41
  /**
43
- * States
44
- */
42
+ * States
43
+ */
45
44
  isPressed: boolean;
46
45
  private _tabindex;
47
46
  readonly tabElement: HTMLElement | null;
@@ -52,7 +51,6 @@ export declare class Tab extends LitElement {
52
51
  __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void;
53
52
  __dispatchClick: (event: MouseEvent | KeyboardEvent) => void;
54
53
  __handlePress: (event: KeyboardEvent | MouseEvent) => void;
55
- __isLink(): boolean;
56
54
  __getParentTabsVariant(): Tabs['variant'];
57
55
  render(): import("lit-html").TemplateResult<1>;
58
56
  renderTabContent(variant: Tabs['variant']): import("lit-html").TemplateResult<1>;
@@ -0,0 +1 @@
1
+ export {};