@redvars/peacock 3.2.8 → 3.2.10

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 (86) hide show
  1. package/dist/{PeacockComponent-DMrFEGDh.js → PeacockComponent-CxJc63xj.js} +6 -13
  2. package/dist/PeacockComponent-CxJc63xj.js.map +1 -0
  3. package/dist/assets/styles.css +1 -1
  4. package/dist/assets/styles.css.map +1 -1
  5. package/dist/assets/tokens.css +2 -0
  6. package/dist/assets/tokens.css.map +1 -0
  7. package/dist/{button-BtpAXuLN.js → button-DaL4va7Q.js} +12 -294
  8. package/dist/button-DaL4va7Q.js.map +1 -0
  9. package/dist/button-group.js +3 -2
  10. package/dist/button-group.js.map +1 -1
  11. package/dist/button.js +6 -4
  12. package/dist/button.js.map +1 -1
  13. package/dist/{class-map-CbncA34D.js → class-map-BvQRv7eW.js} +3 -2
  14. package/dist/class-map-BvQRv7eW.js.map +1 -0
  15. package/dist/clock.js +85 -0
  16. package/dist/clock.js.map +1 -0
  17. package/dist/code-editor.js +43877 -0
  18. package/dist/code-editor.js.map +1 -0
  19. package/dist/code-highlighter.js +5 -4
  20. package/dist/code-highlighter.js.map +1 -1
  21. package/dist/custom-elements-jsdocs.json +561 -0
  22. package/dist/custom-elements.json +777 -194
  23. package/dist/directive-Cuw6h7YA.js +9 -0
  24. package/dist/directive-Cuw6h7YA.js.map +1 -0
  25. package/dist/dispatch-event-utils-vbdiOSeC.js +290 -0
  26. package/dist/dispatch-event-utils-vbdiOSeC.js.map +1 -0
  27. package/dist/{breadcrumb-item-DkhwoMAH.js → image-v3BujlY5.js} +261 -92
  28. package/dist/image-v3BujlY5.js.map +1 -0
  29. package/dist/index.js +12 -87
  30. package/dist/index.js.map +1 -1
  31. package/dist/number-counter.js +3 -2
  32. package/dist/number-counter.js.map +1 -1
  33. package/dist/observe-theme-change-NneLARW8.js +51 -0
  34. package/dist/observe-theme-change-NneLARW8.js.map +1 -0
  35. package/dist/peacock-loader.js +22 -11
  36. package/dist/peacock-loader.js.map +1 -1
  37. package/dist/src/code-editor/code-editor.d.ts +45 -0
  38. package/dist/src/code-editor/index.d.ts +2 -0
  39. package/dist/src/image/image.d.ts +45 -0
  40. package/dist/src/image/index.d.ts +1 -0
  41. package/dist/src/index.d.ts +2 -0
  42. package/dist/src/utils/dispatch-event-utils.d.ts +72 -0
  43. package/dist/src/utils/observe-theme-change.d.ts +3 -0
  44. package/dist/src/utils.d.ts +1 -72
  45. package/dist/{state-CEVpI7Vv.js → state-B09bP3XH.js} +2 -2
  46. package/dist/{state-CEVpI7Vv.js.map → state-B09bP3XH.js.map} +1 -1
  47. package/dist/{style-map-mOmZwsJT.js → style-map-B8xgVEc9.js} +3 -2
  48. package/dist/style-map-B8xgVEc9.js.map +1 -0
  49. package/dist/tsconfig.tsbuildinfo +1 -1
  50. package/dist/{unsafe-html-Ca00SXpn.js → unsafe-html-B-dV3Jps.js} +3 -2
  51. package/dist/unsafe-html-B-dV3Jps.js.map +1 -0
  52. package/package.json +5 -3
  53. package/readme.md +2 -2
  54. package/scss/styles.scss +57 -1
  55. package/scss/tokens.css +1 -0
  56. package/scss/tokens.scss +1 -0
  57. package/src/accordion/accordion-item/accordion-item.scss +1 -1
  58. package/src/button/BaseButton.ts +1 -1
  59. package/src/button/button/button.scss +1 -1
  60. package/src/clock/clock.ts +4 -1
  61. package/src/code-editor/code-editor.scss +52 -0
  62. package/src/code-editor/code-editor.ts +215 -0
  63. package/src/code-editor/demo/index.html +37 -0
  64. package/src/code-editor/index.ts +3 -0
  65. package/src/container/container.scss +1 -1
  66. package/src/date-picker/date-picker.ts +1 -1
  67. package/src/image/image.scss +56 -0
  68. package/src/image/image.ts +135 -0
  69. package/src/image/index.ts +1 -0
  70. package/src/index.ts +2 -0
  71. package/src/input/input.ts +1 -2
  72. package/src/menu/menu-item/menu-item.scss +5 -4
  73. package/src/menu/menu-list/menu-list.scss +1 -0
  74. package/src/number-field/number-field.ts +1 -1
  75. package/src/peacock-loader.ts +7 -0
  76. package/src/textarea/textarea.ts +1 -1
  77. package/src/time-picker/time-picker.ts +1 -1
  78. package/src/utils/dispatch-event-utils.ts +131 -0
  79. package/src/utils/observe-theme-change.ts +30 -0
  80. package/src/utils.ts +5 -131
  81. package/dist/PeacockComponent-DMrFEGDh.js.map +0 -1
  82. package/dist/breadcrumb-item-DkhwoMAH.js.map +0 -1
  83. package/dist/button-BtpAXuLN.js.map +0 -1
  84. package/dist/class-map-CbncA34D.js.map +0 -1
  85. package/dist/style-map-mOmZwsJT.js.map +0 -1
  86. package/dist/unsafe-html-Ca00SXpn.js.map +0 -1
package/scss/styles.scss CHANGED
@@ -1,4 +1,60 @@
1
1
  @use 'tokens.css';
2
2
  @use '../src/text/text.css-component.scss';
3
3
  @use '../src/link/link.css-component.scss';
4
- @use '../src/popover/tooltip.css-component.scss';
4
+ @use '../src/popover/tooltip.css-component.scss';
5
+
6
+ .surface, .surface-container-high, .surface-container-highest, .surface-container, .surface-container-low, .surface-container-lowest, .surface-dim {
7
+ color: var(--color-on-surface);
8
+ --icon-color: var(--color-on-surface);
9
+ }
10
+
11
+ .surface {
12
+ background: var(--color-surface);
13
+ }
14
+
15
+ .surface-container-high {
16
+ background: var(--color-surface-container-high);
17
+ }
18
+
19
+ .surface-container-highest {
20
+ background: var(--color-surface-container-highest);
21
+ }
22
+
23
+ .surface-container {
24
+ background: var(--color-surface-container);
25
+ }
26
+
27
+ .surface-container-low {
28
+ background: var(--color-surface-container-low);
29
+ }
30
+
31
+ .surface-container-lowest {
32
+ background: var(--color-surface-container-lowest);
33
+ }
34
+
35
+ .surface-dim {
36
+ background: var(--color-surface-dim);
37
+ }
38
+
39
+ .surface-variant {
40
+ background: var(--color-surface-variant);
41
+ color: var(--color-on-surface-variant);
42
+ --icon-color: var(--color-on-surface-variant);
43
+ }
44
+
45
+ ::selection {
46
+ color: var(--color-surface);
47
+ background: var(--color-primary);
48
+ }
49
+
50
+ /* width */
51
+ ::-webkit-scrollbar {
52
+ background-color: transparent;
53
+ width: var(--scrollbar-width);
54
+ }
55
+
56
+ /* Handle */
57
+ ::-webkit-scrollbar-thumb {
58
+ background-color: var(--color-primary);
59
+ border-radius: calc(var(--scrollbar-width) / 2);
60
+ }
package/scss/tokens.css CHANGED
@@ -258,6 +258,7 @@
258
258
  --font-weight-semi-bold: 600; /* Heavier than medium weight. 600 weight. */
259
259
  --global-avatar-border-radius: var(--shape-corner-full);
260
260
  --global-badge-color: var(--color-error);
261
+ --scrollbar-width: 8px;
261
262
  --shape-corner-extra-large: 28px;
262
263
  --shape-corner-extra-small: 4px;
263
264
  --shape-corner-full: 9999px;
package/scss/tokens.scss ADDED
@@ -0,0 +1 @@
1
+ @use 'tokens.css';
package/src/accordion/accordion-item/accordion-item.scss CHANGED
@@ -22,6 +22,7 @@
22
22
  display: flex;
23
23
  flex-direction: row-reverse;
24
24
  align-items: center;
25
+ color: var(--color-on-surface);
25
26
  justify-content: flex-start;
26
27
  gap: 0.5rem;
27
28
  @include mixin.get-typography(title-medium);
@@ -57,7 +58,6 @@
57
58
 
58
59
  &.disabled .accordion-heading {
59
60
  cursor: not-allowed;
60
- color: var(--color-on-surface);
61
61
  opacity: 0.38;
62
62
  }
63
63
 
package/src/button/BaseButton.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { html, LitElement, nothing } from 'lit';
2
2
  import { property, query, state } from 'lit/decorators.js';
3
- import { dispatchActivationClick, isActivationClick } from '../utils.js';
3
+ import { dispatchActivationClick, isActivationClick } from '../utils/dispatch-event-utils.js';
4
4
 
5
5
  export class BaseButton extends LitElement {
6
6
  #id = crypto.randomUUID();
package/src/button/button/button.scss CHANGED
@@ -64,7 +64,7 @@ slot::slotted(*) {
64
64
  justify-content: center;
65
65
  gap: var(--_button-icon-label-spacing);
66
66
  width: 100%;
67
- z-index: 1;
67
+ z-index: 0;
68
68
 
69
69
  color: var(--_label-text-color);
70
70
  opacity: var(--_label-text-opacity, 1);
package/src/clock/clock.ts CHANGED
@@ -1,8 +1,10 @@
1
1
  import { html, LitElement } from 'lit';
2
2
  import { property } from 'lit/decorators.js';
3
- import styles from './clock.scss';
3
+ import PeacockComponent from 'src/PeacockComponent.js';
4
4
  import { ClockController } from './ClockController.js';
5
5
 
6
+ import styles from './clock.scss';
7
+
6
8
  /**
7
9
  * @label Clock
8
10
  * @tag base-clock
@@ -19,6 +21,7 @@ import { ClockController } from './ClockController.js';
19
21
  * ```
20
22
  * @tags display
21
23
  */
24
+ @PeacockComponent
22
25
  export class Clock extends LitElement {
23
26
  static styles = [styles];
24
27