@redvars/peacock 3.5.0 → 3.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 (148) hide show
  1. package/dist/BaseButton-DuASuVth.js +219 -0
  2. package/dist/BaseButton-DuASuVth.js.map +1 -0
  3. package/dist/BaseHyperlinkMixin-BNuwbiEf.js +65 -0
  4. package/dist/BaseHyperlinkMixin-BNuwbiEf.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/banner.js +12 -27
  10. package/dist/banner.js.map +1 -1
  11. package/dist/{button-DMN1dPAg.js → button-DouvOfEU.js} +77 -251
  12. package/dist/button-DouvOfEU.js.map +1 -0
  13. package/dist/{button-group-CX9CUUXk.js → button-group-CEdMwvJJ.js} +71 -42
  14. package/dist/button-group-CEdMwvJJ.js.map +1 -0
  15. package/dist/button-group.js +5 -5
  16. package/dist/button.js +3 -3
  17. package/dist/card.js +18 -73
  18. package/dist/card.js.map +1 -1
  19. package/dist/chart-bar.js.map +1 -1
  20. package/dist/chart-doughnut.js +2 -2
  21. package/dist/chart-doughnut.js.map +1 -1
  22. package/dist/chart-pie.js +2 -2
  23. package/dist/chart-pie.js.map +1 -1
  24. package/dist/chart-stacked-bar.js.map +1 -1
  25. package/dist/code-highlighter.js +2 -1
  26. package/dist/code-highlighter.js.map +1 -1
  27. package/dist/custom-elements-jsdocs.json +3105 -1494
  28. package/dist/custom-elements.json +9244 -7829
  29. package/dist/fab.js +421 -9
  30. package/dist/fab.js.map +1 -1
  31. package/dist/index.js +6 -6
  32. package/dist/{select-4pl4XBj7.js → navigation-rail-Lxetd5-Z.js} +2214 -1090
  33. package/dist/navigation-rail-Lxetd5-Z.js.map +1 -0
  34. package/dist/notification.js +3 -2
  35. package/dist/notification.js.map +1 -1
  36. package/dist/peacock-loader.js +22 -10
  37. package/dist/peacock-loader.js.map +1 -1
  38. package/dist/search.js +4 -0
  39. package/dist/search.js.map +1 -1
  40. package/dist/src/__mixins/BaseButtonMixin.d.ts +20 -0
  41. package/dist/src/__mixins/BaseHyperlinkMixin.d.ts +18 -0
  42. package/dist/src/__mixins/MixinConstructor.d.ts +1 -0
  43. package/dist/src/banner/banner.d.ts +0 -4
  44. package/dist/src/button/BaseButton.d.ts +4 -47
  45. package/dist/src/button/button/button.d.ts +32 -3
  46. package/dist/src/button/button-group/button-group.d.ts +2 -2
  47. package/dist/src/button/icon-button/icon-button.d.ts +33 -8
  48. package/dist/src/card/card.d.ts +4 -15
  49. package/dist/src/fab/fab.d.ts +4 -35
  50. package/dist/src/focus-ring/focus-ring.d.ts +11 -5
  51. package/dist/src/index.d.ts +3 -1
  52. package/dist/src/link/link.d.ts +1 -1
  53. package/dist/src/navigation-rail/index.d.ts +2 -0
  54. package/dist/src/navigation-rail/navigation-rail-item.d.ts +55 -0
  55. package/dist/src/navigation-rail/navigation-rail.d.ts +71 -0
  56. package/dist/src/sidebar-menu/index.d.ts +3 -0
  57. package/dist/src/sidebar-menu/sidebar-menu-item.d.ts +58 -0
  58. package/dist/src/sidebar-menu/sidebar-menu.d.ts +38 -0
  59. package/dist/src/sidebar-menu/sidebar-sub-menu.d.ts +35 -0
  60. package/dist/src/toolbar/toolbar.d.ts +10 -10
  61. package/dist/src/tooltip/tooltip.d.ts +3 -0
  62. package/dist/src/url-field/index.d.ts +1 -0
  63. package/dist/src/url-field/url-field.d.ts +48 -0
  64. package/dist/test/sidebar-menu.test.d.ts +1 -0
  65. package/dist/toolbar.js +10 -10
  66. package/dist/toolbar.js.map +1 -1
  67. package/dist/tsconfig.tsbuildinfo +1 -1
  68. package/package.json +1 -1
  69. package/readme.md +73 -65
  70. package/scss/mixin.scss +16 -0
  71. package/src/__mixins/BaseButtonMixin.ts +83 -0
  72. package/src/__mixins/BaseHyperlinkMixin.ts +68 -0
  73. package/src/__mixins/MixinConstructor.ts +1 -0
  74. package/src/{__base_element → __mixins}/README.md +2 -2
  75. package/src/banner/banner.scss +18 -22
  76. package/src/banner/banner.ts +1 -7
  77. package/src/button/BaseButton.ts +11 -100
  78. package/src/button/button/button-sizes.scss +4 -2
  79. package/src/button/button/button.ts +76 -23
  80. package/src/button/button-group/button-group.ts +2 -2
  81. package/src/button/icon-button/icon-button.ts +75 -33
  82. package/src/card/card.ts +11 -71
  83. package/src/chart-bar/chart-bar.ts +9 -14
  84. package/src/chart-bar/chart-stacked-bar.ts +12 -18
  85. package/src/chart-doughnut/chart-doughnut.ts +23 -27
  86. package/src/chart-pie/chart-pie.ts +19 -23
  87. package/src/checkbox/checkbox.scss +17 -34
  88. package/src/checkbox/checkbox.ts +3 -1
  89. package/src/code-highlighter/code-highlighter.scss +1 -0
  90. package/src/code-highlighter/code-highlighter.ts +1 -1
  91. package/src/date-picker/date-picker.ts +1 -1
  92. package/src/elevation/elevation.scss +5 -5
  93. package/src/fab/fab.ts +29 -100
  94. package/src/focus-ring/focus-ring.ts +47 -40
  95. package/src/index.ts +3 -1
  96. package/src/input/input.ts +3 -1
  97. package/src/link/link.ts +2 -2
  98. package/src/menu/menu-item/menu-item.ts +3 -1
  99. package/src/navigation-rail/index.ts +2 -0
  100. package/src/navigation-rail/navigation-rail-item.scss +216 -0
  101. package/src/navigation-rail/navigation-rail-item.ts +223 -0
  102. package/src/navigation-rail/navigation-rail.scss +72 -0
  103. package/src/navigation-rail/navigation-rail.ts +149 -0
  104. package/src/notification/notification.ts +3 -2
  105. package/src/number-field/number-field.ts +6 -4
  106. package/src/pagination/pagination.ts +6 -4
  107. package/src/peacock-loader.ts +22 -5
  108. package/src/search/search.ts +4 -0
  109. package/src/sidebar-menu/demo/index.html +68 -0
  110. package/src/sidebar-menu/index.ts +3 -0
  111. package/src/sidebar-menu/sidebar-menu-item.scss +102 -0
  112. package/src/sidebar-menu/sidebar-menu-item.ts +151 -0
  113. package/src/{tree-view/tree-view.scss → sidebar-menu/sidebar-menu.scss} +1 -1
  114. package/src/sidebar-menu/sidebar-menu.ts +182 -0
  115. package/src/sidebar-menu/sidebar-sub-menu.scss +130 -0
  116. package/src/sidebar-menu/sidebar-sub-menu.ts +160 -0
  117. package/src/skeleton/skeleton.scss +18 -24
  118. package/src/snackbar/snackbar.ts +1 -1
  119. package/src/tabs/tab.ts +4 -3
  120. package/src/text/text.css-component.scss +7 -1
  121. package/src/time-picker/time-picker.ts +1 -1
  122. package/src/toolbar/toolbar.ts +10 -10
  123. package/src/tooltip/tooltip.ts +24 -0
  124. package/src/url-field/index.ts +1 -0
  125. package/src/url-field/url-field.scss +50 -0
  126. package/src/url-field/url-field.ts +239 -0
  127. package/dist/button-DMN1dPAg.js.map +0 -1
  128. package/dist/button-group-CX9CUUXk.js.map +0 -1
  129. package/dist/fab-C5Nzxk0E.js +0 -497
  130. package/dist/fab-C5Nzxk0E.js.map +0 -1
  131. package/dist/select-4pl4XBj7.js.map +0 -1
  132. package/dist/spread-B5cgadZl.js +0 -32
  133. package/dist/spread-B5cgadZl.js.map +0 -1
  134. package/dist/src/__base_element/BaseHyperlink.d.ts +0 -20
  135. package/dist/src/tree-view/index.d.ts +0 -2
  136. package/dist/src/tree-view/tree-node.d.ts +0 -69
  137. package/dist/src/tree-view/tree-view.d.ts +0 -40
  138. package/dist/src/tree-view/wc-tree-view.d.ts +0 -6
  139. package/dist/test/tree-view.test.d.ts +0 -1
  140. package/dist/throttle-C7ZAPqtu.js +0 -24
  141. package/dist/throttle-C7ZAPqtu.js.map +0 -1
  142. package/src/__base_element/BaseHyperlink.ts +0 -42
  143. package/src/tree-view/demo/index.html +0 -57
  144. package/src/tree-view/index.ts +0 -2
  145. package/src/tree-view/tree-node.scss +0 -101
  146. package/src/tree-view/tree-node.ts +0 -268
  147. package/src/tree-view/tree-view.ts +0 -182
  148. package/src/tree-view/wc-tree-view.ts +0 -9
@@ -0,0 +1,219 @@
1
+ import { A, _ as __decorate, b, i as i$1 } from './IndividualComponent-DUINtMGK.js';
2
+ import { e, i, t } from './directive-ZPhl09Yt.js';
3
+ import { n } from './property-1psGvXOq.js';
4
+ import { r } from './state-DwbEjqVk.js';
5
+ import { e as e$1 } from './query-QBcUV-L_.js';
6
+ import { i as isActivationClick, d as dispatchActivationClick } from './dispatch-event-utils-CuEqjlPT.js';
7
+ import { B as BaseHyperlinkMixin } from './BaseHyperlinkMixin-BNuwbiEf.js';
8
+
9
+ /**
10
+ * @license
11
+ * Copyright 2018 Google LLC
12
+ * SPDX-License-Identifier: BSD-3-Clause
13
+ */const o=o=>o??A;
14
+
15
+ class SpreadDirective extends i {
16
+ constructor(partInfo) {
17
+ super(partInfo);
18
+ if (partInfo.type !== t.ELEMENT) {
19
+ throw new Error('spread() can only be used on elements');
20
+ }
21
+ }
22
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
23
+ render(_props) {
24
+ return '';
25
+ }
26
+ update(part, [props]) {
27
+ if (!props)
28
+ return;
29
+ // eslint-disable-next-line guard-for-in,no-restricted-syntax
30
+ for (const key in props) {
31
+ const value = props[key];
32
+ if (value === undefined || value === null) {
33
+ part.element.removeAttribute(key);
34
+ }
35
+ else {
36
+ part.element.setAttribute(key, value);
37
+ }
38
+ }
39
+ }
40
+ }
41
+ const spread = e(SpreadDirective);
42
+
43
+ /**
44
+ * 2. Apply the type annotation to the variable.
45
+ */
46
+ const BaseButtonMixin = (superclass) => {
47
+ // Naming the class (BaseButtonElement) instead of using 'Mixin' or anonymous
48
+ // prevents the "__childPart" visibility error.
49
+ class BaseButtonElement extends superclass {
50
+ constructor() {
51
+ super(...arguments);
52
+ /**
53
+ * The type of the underlying `<button>` element. Maps to the native `type` attribute.
54
+ * Possible values are `"button"`, `"submit"`, `"reset"`. Defaults to `"button"`.
55
+ */
56
+ this.htmlType = 'button';
57
+ /**
58
+ * When `true`, the button is disabled and cannot be interacted with. Reflects to the `disabled` attribute. Defaults to `false`.
59
+ */
60
+ this.disabled = false;
61
+ /**
62
+ * When `true`, the button is visually styled as disabled and cannot be interacted with, but remains focusable.
63
+ * Use this in combination with `disabledReason` to communicate why the button is unavailable.
64
+ * Reflects to the `soft-disabled` attribute. Defaults to `false`.
65
+ */
66
+ this.softDisabled = false;
67
+ /**
68
+ * A human-readable explanation of why the button is disabled or soft-disabled.
69
+ * Rendered as a visually hidden tooltip and linked via `aria-describedby` for accessibility.
70
+ * Maps to the `disabled-reason` attribute.
71
+ */
72
+ this.disabledReason = '';
73
+ /**
74
+ * The `id` of the `<form>` element to associate the button with.
75
+ * If omitted, the button is associated with its nearest ancestor form.
76
+ * Maps to the native `form` attribute.
77
+ */
78
+ this.form = '';
79
+ /**
80
+ * The name of the button, submitted as part of a name/value pair when the associated form is submitted.
81
+ * Maps to the native `name` attribute.
82
+ */
83
+ this.name = '';
84
+ /**
85
+ * The value of the button, submitted as part of a name/value pair when the associated form is submitted.
86
+ * Maps to the native `value` attribute.
87
+ */
88
+ this.value = '';
89
+ }
90
+ }
91
+ __decorate([
92
+ n({ type: String })
93
+ ], BaseButtonElement.prototype, "htmlType", void 0);
94
+ __decorate([
95
+ n({ type: Boolean, reflect: true })
96
+ ], BaseButtonElement.prototype, "disabled", void 0);
97
+ __decorate([
98
+ n({ type: Boolean, reflect: true, attribute: 'soft-disabled' })
99
+ ], BaseButtonElement.prototype, "softDisabled", void 0);
100
+ __decorate([
101
+ n({ attribute: 'disabled-reason' })
102
+ ], BaseButtonElement.prototype, "disabledReason", void 0);
103
+ __decorate([
104
+ n()
105
+ ], BaseButtonElement.prototype, "form", void 0);
106
+ __decorate([
107
+ n()
108
+ ], BaseButtonElement.prototype, "name", void 0);
109
+ __decorate([
110
+ n()
111
+ ], BaseButtonElement.prototype, "value", void 0);
112
+ return BaseButtonElement;
113
+ };
114
+
115
+ class BaseButton extends BaseButtonMixin(BaseHyperlinkMixin(i$1)) {
116
+ constructor() {
117
+ super(...arguments);
118
+ this.skeleton = false;
119
+ this.toggle = false;
120
+ this.selected = false;
121
+ /**
122
+ * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.
123
+ */
124
+ this.throttleDelay = 200;
125
+ /**
126
+ * States
127
+ */
128
+ this.isPressed = false;
129
+ this.__handlePress = (event) => {
130
+ if (this.disabled || this.skeleton || this.softDisabled)
131
+ return;
132
+ if (event instanceof KeyboardEvent &&
133
+ event.type === 'keydown' &&
134
+ (event.key === 'Enter' || event.key === ' ')) {
135
+ this.isPressed = true;
136
+ }
137
+ else if (event.type === 'mousedown') {
138
+ this.isPressed = true;
139
+ }
140
+ else {
141
+ this.isPressed = false;
142
+ }
143
+ };
144
+ this.__dispatchClickWithThrottle = event => {
145
+ this.__dispatchClick(event);
146
+ };
147
+ this.__dispatchClick = (event) => {
148
+ // If the button is soft-disabled or a disabled link, we need to explicitly
149
+ // prevent the click from propagating to other event listeners as well as
150
+ // prevent the default action.
151
+ if (this.softDisabled || (this.disabled && this.href) || this.skeleton) {
152
+ event.stopImmediatePropagation();
153
+ event.preventDefault();
154
+ return;
155
+ }
156
+ if (!isActivationClick(event) || !this.buttonElement) {
157
+ return;
158
+ }
159
+ if (this.toggle) {
160
+ this.selected = !this.selected;
161
+ }
162
+ this.focus();
163
+ dispatchActivationClick(this.buttonElement);
164
+ };
165
+ }
166
+ connectedCallback() {
167
+ super.connectedCallback();
168
+ this.addEventListener('click', this.__dispatchClickWithThrottle);
169
+ window.addEventListener('mouseup', this.__handlePress);
170
+ }
171
+ disconnectedCallback() {
172
+ window.removeEventListener('mouseup', this.__handlePress);
173
+ this.removeEventListener('click', this.__dispatchClickWithThrottle);
174
+ super.disconnectedCallback();
175
+ }
176
+ __renderDisabledReason(softDisabled) {
177
+ if (softDisabled)
178
+ return b `<div
179
+ id=${BaseButton.DISABLED_REASON_ID}
180
+ role="tooltip"
181
+ aria-label=${this.disabledReason}
182
+ class="screen-reader-only"
183
+ >
184
+ ${this.disabledReason}
185
+ </div>`;
186
+ return A;
187
+ }
188
+ __renderTooltip() {
189
+ if (this.tooltip) {
190
+ return b `<wc-tooltip for="button">${this.tooltip}</wc-tooltip>`;
191
+ }
192
+ return A;
193
+ }
194
+ }
195
+ BaseButton.DISABLED_REASON_ID = 'disabled-reason';
196
+ __decorate([
197
+ n({ type: Boolean, reflect: true })
198
+ ], BaseButton.prototype, "skeleton", void 0);
199
+ __decorate([
200
+ n({ type: Boolean, reflect: true })
201
+ ], BaseButton.prototype, "toggle", void 0);
202
+ __decorate([
203
+ n({ type: Boolean, reflect: true })
204
+ ], BaseButton.prototype, "selected", void 0);
205
+ __decorate([
206
+ n()
207
+ ], BaseButton.prototype, "throttleDelay", void 0);
208
+ __decorate([
209
+ n()
210
+ ], BaseButton.prototype, "tooltip", void 0);
211
+ __decorate([
212
+ r()
213
+ ], BaseButton.prototype, "isPressed", void 0);
214
+ __decorate([
215
+ e$1('.button')
216
+ ], BaseButton.prototype, "buttonElement", void 0);
217
+
218
+ export { BaseButton as B, o, spread as s };
219
+ //# sourceMappingURL=BaseButton-DuASuVth.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BaseButton-DuASuVth.js","sources":["../node_modules/lit-html/directives/if-defined.js","../../src/__directive/spread.ts","../../src/__mixins/BaseButtonMixin.ts","../../src/button/BaseButton.ts"],"sourcesContent":["import{nothing as t}from\"../lit-html.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=o=>o??t;export{o as ifDefined};\n//# sourceMappingURL=if-defined.js.map\n","import {\n directive,\n Directive,\n ElementPart,\n PartInfo,\n PartType,\n} from 'lit/directive.js';\n\nclass SpreadDirective extends Directive {\n constructor(partInfo: PartInfo) {\n super(partInfo);\n if (partInfo.type !== PartType.ELEMENT) {\n throw new Error('spread() can only be used on elements');\n }\n }\n\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n render(_props: { [key: string]: any } | undefined) {\n return '';\n }\n\n update(part: ElementPart, [props]: [{ [key: string]: any } | undefined]) {\n if (!props) return;\n // eslint-disable-next-line guard-for-in,no-restricted-syntax\n for (const key in props) {\n const value = props[key];\n if (value === undefined || value === null) {\n part.element.removeAttribute(key);\n } else {\n part.element.setAttribute(key, value);\n }\n }\n }\n}\n\nexport const spread = directive(SpreadDirective);\n","import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport type { MixinConstructor } from './MixinConstructor.js';\n\n\n/**\n * 1. Define an interface for the members the mixin adds.\n * This makes the type annotation much cleaner.\n */\nexport interface BaseButtonInterface {\n htmlType: 'button' | 'submit' | 'reset';\n disabled: boolean;\n softDisabled: boolean;\n disabledReason: string;\n form: string;\n name: string;\n value: string;\n}\n\n/**\n * 2. Apply the type annotation to the variable.\n */\nconst BaseButtonMixin: <T extends MixinConstructor<LitElement>>(superclass: T) => T & MixinConstructor<BaseButtonInterface> = <T extends MixinConstructor<LitElement>>(superclass: T) => {\n // Naming the class (BaseButtonElement) instead of using 'Mixin' or anonymous \n // prevents the \"__childPart\" visibility error.\n class BaseButtonElement extends superclass implements BaseButtonInterface {\n\n /**\n * The type of the underlying `<button>` element. Maps to the native `type` attribute.\n * Possible values are `\"button\"`, `\"submit\"`, `\"reset\"`. Defaults to `\"button\"`.\n */\n @property({ type: String }) htmlType: 'button' | 'submit' | 'reset' =\n 'button';\n\n /**\n * When `true`, the button is disabled and cannot be interacted with. Reflects to the `disabled` attribute. Defaults to `false`.\n */\n @property({ type: Boolean, reflect: true })\n disabled: boolean = false;\n\n /**\n * When `true`, the button is visually styled as disabled and cannot be interacted with, but remains focusable.\n * Use this in combination with `disabledReason` to communicate why the button is unavailable.\n * Reflects to the `soft-disabled` attribute. Defaults to `false`.\n */\n @property({ type: Boolean, reflect: true, attribute: 'soft-disabled' })\n softDisabled: boolean = false;\n\n /**\n * A human-readable explanation of why the button is disabled or soft-disabled.\n * Rendered as a visually hidden tooltip and linked via `aria-describedby` for accessibility.\n * Maps to the `disabled-reason` attribute.\n */\n @property({ attribute: 'disabled-reason' })\n disabledReason: string = '';\n\n /**\n * The `id` of the `<form>` element to associate the button with.\n * If omitted, the button is associated with its nearest ancestor form.\n * Maps to the native `form` attribute.\n */\n @property()\n form: string = '';\n\n /**\n * The name of the button, submitted as part of a name/value pair when the associated form is submitted.\n * Maps to the native `name` attribute.\n */\n @property()\n name: string = '';\n\n /**\n * The value of the button, submitted as part of a name/value pair when the associated form is submitted.\n * Maps to the native `value` attribute.\n */\n @property()\n value: string = '';\n }\n\n return BaseButtonElement as T & MixinConstructor<BaseButtonInterface>;\n};\n\nexport default BaseButtonMixin;","import { html, LitElement, nothing } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { dispatchActivationClick, isActivationClick } from '../__utils/dispatch-event-utils.js';\nimport BaseHyperlinkMixin from '@/__mixins/BaseHyperlinkMixin.js';\nimport BaseButtonMixin from '@/__mixins/BaseButtonMixin.js';\n\n\n\nexport class BaseButton extends BaseButtonMixin(BaseHyperlinkMixin(LitElement)) {\n protected static readonly DISABLED_REASON_ID = 'disabled-reason';\n\n \n color?: string;\n\n variant?: string;\n\n @property({ type: Boolean, reflect: true }) skeleton: boolean = false;\n \n @property({ type: Boolean, reflect: true }) toggle: boolean = false;\n\n @property({ type: Boolean, reflect: true }) selected: boolean = false;\n\n /**\n * Sets the delay for throttle in milliseconds. Defaults to 200 milliseconds.\n */\n @property() throttleDelay = 200;\n\n @property() tooltip?: string;\n\n /**\n * States\n */\n @state()\n isPressed = false;\n\n @query('.button') readonly buttonElement!: HTMLElement | null;\n\n override connectedCallback() {\n super.connectedCallback();\n this.addEventListener('click', this.__dispatchClickWithThrottle);\n window.addEventListener('mouseup', this.__handlePress);\n }\n\n override disconnectedCallback() {\n window.removeEventListener('mouseup', this.__handlePress);\n this.removeEventListener('click', this.__dispatchClickWithThrottle);\n super.disconnectedCallback();\n }\n\n __handlePress = (event: KeyboardEvent | MouseEvent) => {\n if (this.disabled || this.skeleton || this.softDisabled) return;\n if (\n event instanceof KeyboardEvent &&\n event.type === 'keydown' &&\n (event.key === 'Enter' || event.key === ' ')\n ) {\n this.isPressed = true;\n } else if (event.type === 'mousedown') {\n this.isPressed = true;\n } else {\n this.isPressed = false;\n }\n };\n\n __dispatchClickWithThrottle: (event: MouseEvent | KeyboardEvent) => void =\n event => {\n this.__dispatchClick(event);\n };\n\n __dispatchClick = (event: MouseEvent | KeyboardEvent) => {\n // If the button is soft-disabled or a disabled link, we need to explicitly\n // prevent the click from propagating to other event listeners as well as\n // prevent the default action.\n if (this.softDisabled || (this.disabled && this.href) || this.skeleton) {\n event.stopImmediatePropagation();\n event.preventDefault();\n return;\n }\n\n if (!isActivationClick(event) || !this.buttonElement) {\n return;\n }\n\n if (this.toggle) {\n this.selected = !this.selected;\n }\n\n this.focus();\n dispatchActivationClick(this.buttonElement);\n };\n\n \n\n __renderDisabledReason(softDisabled: boolean) {\n if (softDisabled)\n return html`<div\n id=${BaseButton.DISABLED_REASON_ID}\n role=\"tooltip\"\n aria-label=${this.disabledReason}\n class=\"screen-reader-only\"\n >\n ${this.disabledReason}\n </div>`;\n return nothing;\n }\n\n __renderTooltip() {\n if (this.tooltip) {\n return html`<wc-tooltip for=\"button\">${this.tooltip}</wc-tooltip>`;\n }\n return nothing;\n }\n}\n"],"names":["t","Directive","PartType","directive","property","LitElement","html","nothing","state","query"],"mappings":"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","x_google_ignoreList":[0]}
@@ -0,0 +1,65 @@
1
+ import { _ as __decorate } from './IndividualComponent-DUINtMGK.js';
2
+ import { n } from './property-1psGvXOq.js';
3
+
4
+ function throttle(func, delay, options = { leading: true, trailing: true }) {
5
+ let timerId;
6
+ let lastExec = 0;
7
+ return function (...args) {
8
+ // @ts-ignore
9
+ const context = this;
10
+ const now = Date.now();
11
+ const shouldCallNow = options.leading && now - lastExec >= delay;
12
+ if (shouldCallNow) {
13
+ func.apply(context, args);
14
+ lastExec = now;
15
+ }
16
+ else if (options.trailing && !timerId) {
17
+ timerId = setTimeout(() => {
18
+ func.apply(context, args);
19
+ lastExec = Date.now();
20
+ timerId = null;
21
+ }, delay);
22
+ }
23
+ };
24
+ }
25
+
26
+ /**
27
+ * 2. Apply the type annotation to the variable.
28
+ */
29
+ const BaseHyperlinkMixin = (superclass) => {
30
+ // Naming the class (BaseHyperlinkElement) instead of using 'Mixin' or anonymous
31
+ // prevents the "__childPart" visibility error.
32
+ class BaseHyperlinkElement extends superclass {
33
+ constructor() {
34
+ super(...arguments);
35
+ /**
36
+ * Where to display the linked URL. Maps to the native `target` attribute.
37
+ * Possible values are `"_self"`, `"_blank"`, `"_parent"`, `"_top"`, or a custom frame name.
38
+ * When using `"_blank"`, consider setting `rel="noopener noreferrer"` for security. Defaults to `"_self"`.
39
+ */
40
+ this.target = '_self';
41
+ }
42
+ /**
43
+ * Returns `true` when `href` is set, indicating the component should render as a link.
44
+ */
45
+ __isLink() {
46
+ return !!this.href;
47
+ }
48
+ }
49
+ __decorate([
50
+ n({ reflect: true })
51
+ ], BaseHyperlinkElement.prototype, "href", void 0);
52
+ __decorate([
53
+ n()
54
+ ], BaseHyperlinkElement.prototype, "target", void 0);
55
+ __decorate([
56
+ n()
57
+ ], BaseHyperlinkElement.prototype, "rel", void 0);
58
+ __decorate([
59
+ n()
60
+ ], BaseHyperlinkElement.prototype, "download", void 0);
61
+ return BaseHyperlinkElement;
62
+ };
63
+
64
+ export { BaseHyperlinkMixin as B, throttle as t };
65
+ //# sourceMappingURL=BaseHyperlinkMixin-BNuwbiEf.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BaseHyperlinkMixin-BNuwbiEf.js","sources":["../../src/__utils/throttle.ts","../../src/__mixins/BaseHyperlinkMixin.ts"],"sourcesContent":["export function throttle(\n func: Function,\n delay: number,\n options = { leading: true, trailing: true },\n) {\n let timerId: any;\n let lastExec = 0;\n\n return function (...args: any[]) {\n // @ts-ignore\n const context = this;\n const now = Date.now();\n\n const shouldCallNow = options.leading && now - lastExec >= delay;\n\n if (shouldCallNow) {\n func.apply(context, args);\n lastExec = now;\n } else if (options.trailing && !timerId) {\n timerId = setTimeout(() => {\n func.apply(context, args);\n lastExec = Date.now();\n timerId = null;\n }, delay);\n }\n };\n}","import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport type { MixinConstructor } from './MixinConstructor.js';\n\n\n/**\n * 1. Define an interface for the members the mixin adds.\n * This makes the type annotation much cleaner.\n */\nexport interface BaseHyperlinkInterface {\n href?: string;\n target: '_self' | '_parent' | '_blank' | '_top' | string;\n rel?: string;\n download?: string;\n __isLink(): boolean;\n}\n\n/**\n * 2. Apply the type annotation to the variable.\n */\nconst BaseHyperlinkMixin: <T extends MixinConstructor<LitElement>>(superclass: T) => T & MixinConstructor<BaseHyperlinkInterface> = <T extends MixinConstructor<LitElement>>(superclass: T) => {\n // Naming the class (BaseHyperlinkElement) instead of using 'Mixin' or anonymous \n // prevents the \"__childPart\" visibility error.\n class BaseHyperlinkElement extends superclass implements BaseHyperlinkInterface {\n /**\n * The URL that the hyperlink points to. When set, the component renders as an `<a>` element.\n * Maps to the native `href` attribute.\n */\n @property({ reflect: true })\n href?: string;\n\n /**\n * Where to display the linked URL. Maps to the native `target` attribute.\n * Possible values are `\"_self\"`, `\"_blank\"`, `\"_parent\"`, `\"_top\"`, or a custom frame name.\n * When using `\"_blank\"`, consider setting `rel=\"noopener noreferrer\"` for security. Defaults to `\"_self\"`.\n */\n @property()\n target: '_self' | '_parent' | '_blank' | '_top' | string = '_self';\n\n /**\n * The relationship between the current document and the linked URL.\n * Maps to the native `rel` attribute on the rendered `<a>` element.\n * When `target=\"_blank\"`, use `\"noopener noreferrer\"` to prevent tab-napping attacks.\n */\n @property()\n rel?: string;\n\n /**\n * Causes the browser to download the linked URL instead of navigating to it.\n * If a string value is provided, it is used as the suggested filename.\n * Omit or leave undefined to preserve normal navigation behaviour.\n * Maps to the native `download` attribute. Only applies when `href` is set.\n */\n @property()\n download?: string;\n\n /**\n * Returns `true` when `href` is set, indicating the component should render as a link.\n */\n __isLink(): boolean {\n return !!this.href;\n }\n }\n\n return BaseHyperlinkElement as T & MixinConstructor<BaseHyperlinkInterface>;\n};\n\nexport default BaseHyperlinkMixin;"],"names":["property"],"mappings":";;;SAAgB,QAAQ,CACtB,IAAc,EACd,KAAa,EACb,OAAO,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,EAAA;AAE3C,IAAA,IAAI,OAAY;IAChB,IAAI,QAAQ,GAAG,CAAC;IAEhB,OAAO,UAAU,GAAG,IAAW,EAAA;;QAE7B,MAAM,OAAO,GAAG,IAAI;AACpB,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;QAEtB,MAAM,aAAa,GAAG,OAAO,CAAC,OAAO,IAAI,GAAG,GAAG,QAAQ,IAAI,KAAK;QAEhE,IAAI,aAAa,EAAE;AACjB,YAAA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC;YACzB,QAAQ,GAAG,GAAG;QAChB;AAAO,aAAA,IAAI,OAAO,CAAC,QAAQ,IAAI,CAAC,OAAO,EAAE;AACvC,YAAA,OAAO,GAAG,UAAU,CAAC,MAAK;AACxB,gBAAA,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC;AACzB,gBAAA,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE;gBACrB,OAAO,GAAG,IAAI;YAChB,CAAC,EAAE,KAAK,CAAC;QACX;AACF,IAAA,CAAC;AACH;;ACTA;;AAEG;AACH,MAAM,kBAAkB,GAA4G,CAAyC,UAAa,KAAI;;;IAG5L,MAAM,oBAAqB,SAAQ,UAAU,CAAA;AAA7C,QAAA,WAAA,GAAA;;AAQE;;;;AAIG;YAEH,IAAA,CAAA,MAAM,GAAqD,OAAO;QAyBpE;AANE;;AAEG;QACH,QAAQ,GAAA;AACN,YAAA,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI;QACpB;AACD;AAjCC,IAAA,UAAA,CAAA;AADC,QAAAA,CAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACb,KAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAQd,IAAA,UAAA,CAAA;AADC,QAAAA,CAAQ;AAC0D,KAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAQnE,IAAA,UAAA,CAAA;AADC,QAAAA,CAAQ;AACI,KAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,KAAA,EAAA,MAAA,CAAA;AASb,IAAA,UAAA,CAAA;AADC,QAAAA,CAAQ;AACS,KAAA,EAAA,oBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAUpB,IAAA,OAAO,oBAAoE;AAC7E;;;;"}
@@ -1,2 +1,2 @@
1
- *{box-sizing:border-box}.screen-reader-only{display:none !important}.text-display{font-family:var(--typography-display-medium-font-family) !important;font-size:var(--typography-display-medium-font-size) !important;font-weight:var(--typography-display-medium-font-weight) !important;line-height:var(--typography-display-medium-line-height) !important;letter-spacing:var(--typography-display-medium-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-display-emphasized{font-family:var(--typography-display-medium-emphasized-font-family) !important;font-size:var(--typography-display-medium-emphasized-font-size) !important;font-weight:var(--typography-display-medium-emphasized-font-weight) !important;line-height:var(--typography-display-medium-emphasized-line-height) !important;letter-spacing:var(--typography-display-medium-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-display-large{font-family:var(--typography-display-large-font-family) !important;font-size:var(--typography-display-large-font-size) !important;font-weight:var(--typography-display-large-font-weight) !important;line-height:var(--typography-display-large-line-height) !important;letter-spacing:var(--typography-display-large-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-display-large-emphasized{font-family:var(--typography-display-large-emphasized-font-family) !important;font-size:var(--typography-display-large-emphasized-font-size) !important;font-weight:var(--typography-display-large-emphasized-font-weight) !important;line-height:var(--typography-display-large-emphasized-line-height) !important;letter-spacing:var(--typography-display-large-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-display-medium{font-family:var(--typography-display-medium-font-family) !important;font-size:var(--typography-display-medium-font-size) !important;font-weight:var(--typography-display-medium-font-weight) !important;line-height:var(--typography-display-medium-line-height) !important;letter-spacing:var(--typography-display-medium-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-display-medium-emphasized{font-family:var(--typography-display-medium-emphasized-font-family) !important;font-size:var(--typography-display-medium-emphasized-font-size) !important;font-weight:var(--typography-display-medium-emphasized-font-weight) !important;line-height:var(--typography-display-medium-emphasized-line-height) !important;letter-spacing:var(--typography-display-medium-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-display-small{font-family:var(--typography-display-small-font-family) !important;font-size:var(--typography-display-small-font-size) !important;font-weight:var(--typography-display-small-font-weight) !important;line-height:var(--typography-display-small-line-height) !important;letter-spacing:var(--typography-display-small-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-display-small-emphasized{font-family:var(--typography-display-small-emphasized-font-family) !important;font-size:var(--typography-display-small-emphasized-font-size) !important;font-weight:var(--typography-display-small-emphasized-font-weight) !important;line-height:var(--typography-display-small-emphasized-line-height) !important;letter-spacing:var(--typography-display-small-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-headline{font-family:var(--typography-headline-medium-font-family) !important;font-size:var(--typography-headline-medium-font-size) !important;font-weight:var(--typography-headline-medium-font-weight) !important;line-height:var(--typography-headline-medium-line-height) !important;letter-spacing:var(--typography-headline-medium-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-headline-emphasized{font-family:var(--typography-headline-medium-emphasized-font-family) !important;font-size:var(--typography-headline-medium-emphasized-font-size) !important;font-weight:var(--typography-headline-medium-emphasized-font-weight) !important;line-height:var(--typography-headline-medium-emphasized-line-height) !important;letter-spacing:var(--typography-headline-medium-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-headline-large{font-family:var(--typography-headline-large-font-family) !important;font-size:var(--typography-headline-large-font-size) !important;font-weight:var(--typography-headline-large-font-weight) !important;line-height:var(--typography-headline-large-line-height) !important;letter-spacing:var(--typography-headline-large-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-headline-large-emphasized{font-family:var(--typography-headline-large-emphasized-font-family) !important;font-size:var(--typography-headline-large-emphasized-font-size) !important;font-weight:var(--typography-headline-large-emphasized-font-weight) !important;line-height:var(--typography-headline-large-emphasized-line-height) !important;letter-spacing:var(--typography-headline-large-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-headline-medium{font-family:var(--typography-headline-medium-font-family) !important;font-size:var(--typography-headline-medium-font-size) !important;font-weight:var(--typography-headline-medium-font-weight) !important;line-height:var(--typography-headline-medium-line-height) !important;letter-spacing:var(--typography-headline-medium-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-headline-medium-emphasized{font-family:var(--typography-headline-medium-emphasized-font-family) !important;font-size:var(--typography-headline-medium-emphasized-font-size) !important;font-weight:var(--typography-headline-medium-emphasized-font-weight) !important;line-height:var(--typography-headline-medium-emphasized-line-height) !important;letter-spacing:var(--typography-headline-medium-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-headline-small{font-family:var(--typography-headline-small-font-family) !important;font-size:var(--typography-headline-small-font-size) !important;font-weight:var(--typography-headline-small-font-weight) !important;line-height:var(--typography-headline-small-line-height) !important;letter-spacing:var(--typography-headline-small-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-headline-small-emphasized{font-family:var(--typography-headline-small-emphasized-font-family) !important;font-size:var(--typography-headline-small-emphasized-font-size) !important;font-weight:var(--typography-headline-small-emphasized-font-weight) !important;line-height:var(--typography-headline-small-emphasized-line-height) !important;letter-spacing:var(--typography-headline-small-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-body{font-family:var(--typography-body-medium-font-family) !important;font-size:var(--typography-body-medium-font-size) !important;font-weight:var(--typography-body-medium-font-weight) !important;line-height:var(--typography-body-medium-line-height) !important;letter-spacing:var(--typography-body-medium-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-body-emphasized{font-family:var(--typography-body-medium-emphasized-font-family) !important;font-size:var(--typography-body-medium-emphasized-font-size) !important;font-weight:var(--typography-body-medium-emphasized-font-weight) !important;line-height:var(--typography-body-medium-emphasized-line-height) !important;letter-spacing:var(--typography-body-medium-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-body-large{font-family:var(--typography-body-large-font-family) !important;font-size:var(--typography-body-large-font-size) !important;font-weight:var(--typography-body-large-font-weight) !important;line-height:var(--typography-body-large-line-height) !important;letter-spacing:var(--typography-body-large-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-body-large-emphasized{font-family:var(--typography-body-large-emphasized-font-family) !important;font-size:var(--typography-body-large-emphasized-font-size) !important;font-weight:var(--typography-body-large-emphasized-font-weight) !important;line-height:var(--typography-body-large-emphasized-line-height) !important;letter-spacing:var(--typography-body-large-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-body-medium{font-family:var(--typography-body-medium-font-family) !important;font-size:var(--typography-body-medium-font-size) !important;font-weight:var(--typography-body-medium-font-weight) !important;line-height:var(--typography-body-medium-line-height) !important;letter-spacing:var(--typography-body-medium-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-body-medium-emphasized{font-family:var(--typography-body-medium-emphasized-font-family) !important;font-size:var(--typography-body-medium-emphasized-font-size) !important;font-weight:var(--typography-body-medium-emphasized-font-weight) !important;line-height:var(--typography-body-medium-emphasized-line-height) !important;letter-spacing:var(--typography-body-medium-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-body-small{font-family:var(--typography-body-small-font-family) !important;font-size:var(--typography-body-small-font-size) !important;font-weight:var(--typography-body-small-font-weight) !important;line-height:var(--typography-body-small-line-height) !important;letter-spacing:var(--typography-body-small-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-body-small-emphasized{font-family:var(--typography-body-small-emphasized-font-family) !important;font-size:var(--typography-body-small-emphasized-font-size) !important;font-weight:var(--typography-body-small-emphasized-font-weight) !important;line-height:var(--typography-body-small-emphasized-line-height) !important;letter-spacing:var(--typography-body-small-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-code{font-family:var(--typography-code-medium-font-family) !important;font-size:var(--typography-code-medium-font-size) !important;font-weight:var(--typography-code-medium-font-weight) !important;line-height:var(--typography-code-medium-line-height) !important;letter-spacing:var(--typography-code-medium-letter-spacing) !important}.text-code-emphasized{font-family:var(--typography-code-medium-emphasized-font-family) !important;font-size:var(--typography-code-medium-emphasized-font-size) !important;font-weight:var(--typography-code-medium-emphasized-font-weight) !important;line-height:var(--typography-code-medium-emphasized-line-height) !important;letter-spacing:var(--typography-code-medium-emphasized-letter-spacing) !important}.text-code-large{font-family:var(--typography-code-large-font-family) !important;font-size:var(--typography-code-large-font-size) !important;font-weight:var(--typography-code-large-font-weight) !important;line-height:var(--typography-code-large-line-height) !important;letter-spacing:var(--typography-code-large-letter-spacing) !important}.text-code-large-emphasized{font-family:var(--typography-code-large-emphasized-font-family) !important;font-size:var(--typography-code-large-emphasized-font-size) !important;font-weight:var(--typography-code-large-emphasized-font-weight) !important;line-height:var(--typography-code-large-emphasized-line-height) !important;letter-spacing:var(--typography-code-large-emphasized-letter-spacing) !important}.text-code-medium{font-family:var(--typography-code-medium-font-family) !important;font-size:var(--typography-code-medium-font-size) !important;font-weight:var(--typography-code-medium-font-weight) !important;line-height:var(--typography-code-medium-line-height) !important;letter-spacing:var(--typography-code-medium-letter-spacing) !important}.text-code-medium-emphasized{font-family:var(--typography-code-medium-emphasized-font-family) !important;font-size:var(--typography-code-medium-emphasized-font-size) !important;font-weight:var(--typography-code-medium-emphasized-font-weight) !important;line-height:var(--typography-code-medium-emphasized-line-height) !important;letter-spacing:var(--typography-code-medium-emphasized-letter-spacing) !important}.text-code-small{font-family:var(--typography-code-small-font-family) !important;font-size:var(--typography-code-small-font-size) !important;font-weight:var(--typography-code-small-font-weight) !important;line-height:var(--typography-code-small-line-height) !important;letter-spacing:var(--typography-code-small-letter-spacing) !important}.text-code-small-emphasized{font-family:var(--typography-code-small-emphasized-font-family) !important;font-size:var(--typography-code-small-emphasized-font-size) !important;font-weight:var(--typography-code-small-emphasized-font-weight) !important;line-height:var(--typography-code-small-emphasized-line-height) !important;letter-spacing:var(--typography-code-small-emphasized-letter-spacing) !important}.text-label{font-family:var(--typography-label-medium-font-family) !important;font-size:var(--typography-label-medium-font-size) !important;font-weight:var(--typography-label-medium-font-weight) !important;line-height:var(--typography-label-medium-line-height) !important;letter-spacing:var(--typography-label-medium-letter-spacing) !important}.text-label-emphasized{font-family:var(--typography-label-medium-emphasized-font-family) !important;font-size:var(--typography-label-medium-emphasized-font-size) !important;font-weight:var(--typography-label-medium-emphasized-font-weight) !important;line-height:var(--typography-label-medium-emphasized-line-height) !important;letter-spacing:var(--typography-label-medium-emphasized-letter-spacing) !important}.text-label-large{font-family:var(--typography-label-large-font-family) !important;font-size:var(--typography-label-large-font-size) !important;font-weight:var(--typography-label-large-font-weight) !important;line-height:var(--typography-label-large-line-height) !important;letter-spacing:var(--typography-label-large-letter-spacing) !important}.text-label-large-emphasized{font-family:var(--typography-label-large-emphasized-font-family) !important;font-size:var(--typography-label-large-emphasized-font-size) !important;font-weight:var(--typography-label-large-emphasized-font-weight) !important;line-height:var(--typography-label-large-emphasized-line-height) !important;letter-spacing:var(--typography-label-large-emphasized-letter-spacing) !important}.text-label-medium{font-family:var(--typography-label-medium-font-family) !important;font-size:var(--typography-label-medium-font-size) !important;font-weight:var(--typography-label-medium-font-weight) !important;line-height:var(--typography-label-medium-line-height) !important;letter-spacing:var(--typography-label-medium-letter-spacing) !important}.text-label-medium-emphasized{font-family:var(--typography-label-medium-emphasized-font-family) !important;font-size:var(--typography-label-medium-emphasized-font-size) !important;font-weight:var(--typography-label-medium-emphasized-font-weight) !important;line-height:var(--typography-label-medium-emphasized-line-height) !important;letter-spacing:var(--typography-label-medium-emphasized-letter-spacing) !important}.text-label-small{font-family:var(--typography-label-small-font-family) !important;font-size:var(--typography-label-small-font-size) !important;font-weight:var(--typography-label-small-font-weight) !important;line-height:var(--typography-label-small-line-height) !important;letter-spacing:var(--typography-label-small-letter-spacing) !important}.text-label-small-emphasized{font-family:var(--typography-label-small-emphasized-font-family) !important;font-size:var(--typography-label-small-emphasized-font-size) !important;font-weight:var(--typography-label-small-emphasized-font-weight) !important;line-height:var(--typography-label-small-emphasized-line-height) !important;letter-spacing:var(--typography-label-small-emphasized-letter-spacing) !important}.text-title{font-family:var(--typography-title-medium-font-family) !important;font-size:var(--typography-title-medium-font-size) !important;font-weight:var(--typography-title-medium-font-weight) !important;line-height:var(--typography-title-medium-line-height) !important;letter-spacing:var(--typography-title-medium-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-title-emphasized{font-family:var(--typography-title-medium-emphasized-font-family) !important;font-size:var(--typography-title-medium-emphasized-font-size) !important;font-weight:var(--typography-title-medium-emphasized-font-weight) !important;line-height:var(--typography-title-medium-emphasized-line-height) !important;letter-spacing:var(--typography-title-medium-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-title-large{font-family:var(--typography-title-large-font-family) !important;font-size:var(--typography-title-large-font-size) !important;font-weight:var(--typography-title-large-font-weight) !important;line-height:var(--typography-title-large-line-height) !important;letter-spacing:var(--typography-title-large-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-title-large-emphasized{font-family:var(--typography-title-large-emphasized-font-family) !important;font-size:var(--typography-title-large-emphasized-font-size) !important;font-weight:var(--typography-title-large-emphasized-font-weight) !important;line-height:var(--typography-title-large-emphasized-line-height) !important;letter-spacing:var(--typography-title-large-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-title-medium{font-family:var(--typography-title-medium-font-family) !important;font-size:var(--typography-title-medium-font-size) !important;font-weight:var(--typography-title-medium-font-weight) !important;line-height:var(--typography-title-medium-line-height) !important;letter-spacing:var(--typography-title-medium-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-title-medium-emphasized{font-family:var(--typography-title-medium-emphasized-font-family) !important;font-size:var(--typography-title-medium-emphasized-font-size) !important;font-weight:var(--typography-title-medium-emphasized-font-weight) !important;line-height:var(--typography-title-medium-emphasized-line-height) !important;letter-spacing:var(--typography-title-medium-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-title-small{font-family:var(--typography-title-small-font-family) !important;font-size:var(--typography-title-small-font-size) !important;font-weight:var(--typography-title-small-font-weight) !important;line-height:var(--typography-title-small-line-height) !important;letter-spacing:var(--typography-title-small-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-title-small-emphasized{font-family:var(--typography-title-small-emphasized-font-family) !important;font-size:var(--typography-title-small-emphasized-font-size) !important;font-weight:var(--typography-title-small-emphasized-font-weight) !important;line-height:var(--typography-title-small-emphasized-line-height) !important;letter-spacing:var(--typography-title-small-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-code-block{display:inline-flex;background-color:var(--color-surface-variant);text-shadow:0 1px 1px var(--color-surface-variant);color:var(--color-on-surface);border-radius:var(--shape-corner-extra-small);padding:var(--spacing-050);font-family:var(--font-family-monospace)}*{box-sizing:border-box}.screen-reader-only{display:none !important}.link{border-radius:inherit;corner-shape:inherit;color:var(--color-primary);--icon-color: currentColor;text-decoration:none}.link:hover,.link:focus-visible{text-decoration:underline}.link.inherit{color:inherit;text-decoration:none !important}.link.with-icon{display:inline-flex;align-items:center;gap:.5em}*{box-sizing:border-box}.screen-reader-only{display:none !important}.tooltip{display:inline-block;font-family:var(--typography-body-small-font-family) !important;font-size:var(--typography-body-small-font-size) !important;font-weight:var(--typography-body-small-font-weight) !important;line-height:var(--typography-body-small-line-height) !important;letter-spacing:var(--typography-body-small-letter-spacing) !important;max-width:17.5rem;padding-inline:var(--spacing-100);padding-block:var(--spacing-050);color:var(--color-inverse-on-surface);background-color:var(--color-inverse-surface);border-radius:var(--shape-corner-extra-small)}.tooltip-link{border-bottom:1px dashed var(--color-on-surface)}
1
+ *{box-sizing:border-box}.screen-reader-only{display:none !important}.text-display{font-family:var(--typography-display-medium-font-family) !important;font-size:var(--typography-display-medium-font-size) !important;font-weight:var(--typography-display-medium-font-weight) !important;line-height:var(--typography-display-medium-line-height) !important;letter-spacing:var(--typography-display-medium-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-display-emphasized{font-family:var(--typography-display-medium-emphasized-font-family) !important;font-size:var(--typography-display-medium-emphasized-font-size) !important;font-weight:var(--typography-display-medium-emphasized-font-weight) !important;line-height:var(--typography-display-medium-emphasized-line-height) !important;letter-spacing:var(--typography-display-medium-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-display-large{font-family:var(--typography-display-large-font-family) !important;font-size:var(--typography-display-large-font-size) !important;font-weight:var(--typography-display-large-font-weight) !important;line-height:var(--typography-display-large-line-height) !important;letter-spacing:var(--typography-display-large-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-display-large-emphasized{font-family:var(--typography-display-large-emphasized-font-family) !important;font-size:var(--typography-display-large-emphasized-font-size) !important;font-weight:var(--typography-display-large-emphasized-font-weight) !important;line-height:var(--typography-display-large-emphasized-line-height) !important;letter-spacing:var(--typography-display-large-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-display-medium{font-family:var(--typography-display-medium-font-family) !important;font-size:var(--typography-display-medium-font-size) !important;font-weight:var(--typography-display-medium-font-weight) !important;line-height:var(--typography-display-medium-line-height) !important;letter-spacing:var(--typography-display-medium-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-display-medium-emphasized{font-family:var(--typography-display-medium-emphasized-font-family) !important;font-size:var(--typography-display-medium-emphasized-font-size) !important;font-weight:var(--typography-display-medium-emphasized-font-weight) !important;line-height:var(--typography-display-medium-emphasized-line-height) !important;letter-spacing:var(--typography-display-medium-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-display-small{font-family:var(--typography-display-small-font-family) !important;font-size:var(--typography-display-small-font-size) !important;font-weight:var(--typography-display-small-font-weight) !important;line-height:var(--typography-display-small-line-height) !important;letter-spacing:var(--typography-display-small-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-display-small-emphasized{font-family:var(--typography-display-small-emphasized-font-family) !important;font-size:var(--typography-display-small-emphasized-font-size) !important;font-weight:var(--typography-display-small-emphasized-font-weight) !important;line-height:var(--typography-display-small-emphasized-line-height) !important;letter-spacing:var(--typography-display-small-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-headline{font-family:var(--typography-headline-medium-font-family) !important;font-size:var(--typography-headline-medium-font-size) !important;font-weight:var(--typography-headline-medium-font-weight) !important;line-height:var(--typography-headline-medium-line-height) !important;letter-spacing:var(--typography-headline-medium-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-headline-emphasized{font-family:var(--typography-headline-medium-emphasized-font-family) !important;font-size:var(--typography-headline-medium-emphasized-font-size) !important;font-weight:var(--typography-headline-medium-emphasized-font-weight) !important;line-height:var(--typography-headline-medium-emphasized-line-height) !important;letter-spacing:var(--typography-headline-medium-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-headline-large{font-family:var(--typography-headline-large-font-family) !important;font-size:var(--typography-headline-large-font-size) !important;font-weight:var(--typography-headline-large-font-weight) !important;line-height:var(--typography-headline-large-line-height) !important;letter-spacing:var(--typography-headline-large-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-headline-large-emphasized{font-family:var(--typography-headline-large-emphasized-font-family) !important;font-size:var(--typography-headline-large-emphasized-font-size) !important;font-weight:var(--typography-headline-large-emphasized-font-weight) !important;line-height:var(--typography-headline-large-emphasized-line-height) !important;letter-spacing:var(--typography-headline-large-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-headline-medium{font-family:var(--typography-headline-medium-font-family) !important;font-size:var(--typography-headline-medium-font-size) !important;font-weight:var(--typography-headline-medium-font-weight) !important;line-height:var(--typography-headline-medium-line-height) !important;letter-spacing:var(--typography-headline-medium-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-headline-medium-emphasized{font-family:var(--typography-headline-medium-emphasized-font-family) !important;font-size:var(--typography-headline-medium-emphasized-font-size) !important;font-weight:var(--typography-headline-medium-emphasized-font-weight) !important;line-height:var(--typography-headline-medium-emphasized-line-height) !important;letter-spacing:var(--typography-headline-medium-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-headline-small{font-family:var(--typography-headline-small-font-family) !important;font-size:var(--typography-headline-small-font-size) !important;font-weight:var(--typography-headline-small-font-weight) !important;line-height:var(--typography-headline-small-line-height) !important;letter-spacing:var(--typography-headline-small-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-headline-small-emphasized{font-family:var(--typography-headline-small-emphasized-font-family) !important;font-size:var(--typography-headline-small-emphasized-font-size) !important;font-weight:var(--typography-headline-small-emphasized-font-weight) !important;line-height:var(--typography-headline-small-emphasized-line-height) !important;letter-spacing:var(--typography-headline-small-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-body{font-family:var(--typography-body-medium-font-family) !important;font-size:var(--typography-body-medium-font-size) !important;font-weight:var(--typography-body-medium-font-weight) !important;line-height:var(--typography-body-medium-line-height) !important;letter-spacing:var(--typography-body-medium-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-body-emphasized{font-family:var(--typography-body-medium-emphasized-font-family) !important;font-size:var(--typography-body-medium-emphasized-font-size) !important;font-weight:var(--typography-body-medium-emphasized-font-weight) !important;line-height:var(--typography-body-medium-emphasized-line-height) !important;letter-spacing:var(--typography-body-medium-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-body-large{font-family:var(--typography-body-large-font-family) !important;font-size:var(--typography-body-large-font-size) !important;font-weight:var(--typography-body-large-font-weight) !important;line-height:var(--typography-body-large-line-height) !important;letter-spacing:var(--typography-body-large-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-body-large-emphasized{font-family:var(--typography-body-large-emphasized-font-family) !important;font-size:var(--typography-body-large-emphasized-font-size) !important;font-weight:var(--typography-body-large-emphasized-font-weight) !important;line-height:var(--typography-body-large-emphasized-line-height) !important;letter-spacing:var(--typography-body-large-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-body-medium{font-family:var(--typography-body-medium-font-family) !important;font-size:var(--typography-body-medium-font-size) !important;font-weight:var(--typography-body-medium-font-weight) !important;line-height:var(--typography-body-medium-line-height) !important;letter-spacing:var(--typography-body-medium-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-body-medium-emphasized{font-family:var(--typography-body-medium-emphasized-font-family) !important;font-size:var(--typography-body-medium-emphasized-font-size) !important;font-weight:var(--typography-body-medium-emphasized-font-weight) !important;line-height:var(--typography-body-medium-emphasized-line-height) !important;letter-spacing:var(--typography-body-medium-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-body-small{font-family:var(--typography-body-small-font-family) !important;font-size:var(--typography-body-small-font-size) !important;font-weight:var(--typography-body-small-font-weight) !important;line-height:var(--typography-body-small-line-height) !important;letter-spacing:var(--typography-body-small-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-body-small-emphasized{font-family:var(--typography-body-small-emphasized-font-family) !important;font-size:var(--typography-body-small-emphasized-font-size) !important;font-weight:var(--typography-body-small-emphasized-font-weight) !important;line-height:var(--typography-body-small-emphasized-line-height) !important;letter-spacing:var(--typography-body-small-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-200)}.text-code{font-family:var(--typography-code-medium-font-family) !important;font-size:var(--typography-code-medium-font-size) !important;font-weight:var(--typography-code-medium-font-weight) !important;line-height:var(--typography-code-medium-line-height) !important;letter-spacing:var(--typography-code-medium-letter-spacing) !important}.text-code-emphasized{font-family:var(--typography-code-medium-emphasized-font-family) !important;font-size:var(--typography-code-medium-emphasized-font-size) !important;font-weight:var(--typography-code-medium-emphasized-font-weight) !important;line-height:var(--typography-code-medium-emphasized-line-height) !important;letter-spacing:var(--typography-code-medium-emphasized-letter-spacing) !important}.text-code-large{font-family:var(--typography-code-large-font-family) !important;font-size:var(--typography-code-large-font-size) !important;font-weight:var(--typography-code-large-font-weight) !important;line-height:var(--typography-code-large-line-height) !important;letter-spacing:var(--typography-code-large-letter-spacing) !important}.text-code-large-emphasized{font-family:var(--typography-code-large-emphasized-font-family) !important;font-size:var(--typography-code-large-emphasized-font-size) !important;font-weight:var(--typography-code-large-emphasized-font-weight) !important;line-height:var(--typography-code-large-emphasized-line-height) !important;letter-spacing:var(--typography-code-large-emphasized-letter-spacing) !important}.text-code-medium{font-family:var(--typography-code-medium-font-family) !important;font-size:var(--typography-code-medium-font-size) !important;font-weight:var(--typography-code-medium-font-weight) !important;line-height:var(--typography-code-medium-line-height) !important;letter-spacing:var(--typography-code-medium-letter-spacing) !important}.text-code-medium-emphasized{font-family:var(--typography-code-medium-emphasized-font-family) !important;font-size:var(--typography-code-medium-emphasized-font-size) !important;font-weight:var(--typography-code-medium-emphasized-font-weight) !important;line-height:var(--typography-code-medium-emphasized-line-height) !important;letter-spacing:var(--typography-code-medium-emphasized-letter-spacing) !important}.text-code-small{font-family:var(--typography-code-small-font-family) !important;font-size:var(--typography-code-small-font-size) !important;font-weight:var(--typography-code-small-font-weight) !important;line-height:var(--typography-code-small-line-height) !important;letter-spacing:var(--typography-code-small-letter-spacing) !important}.text-code-small-emphasized{font-family:var(--typography-code-small-emphasized-font-family) !important;font-size:var(--typography-code-small-emphasized-font-size) !important;font-weight:var(--typography-code-small-emphasized-font-weight) !important;line-height:var(--typography-code-small-emphasized-line-height) !important;letter-spacing:var(--typography-code-small-emphasized-letter-spacing) !important}.text-label{font-family:var(--typography-label-medium-font-family) !important;font-size:var(--typography-label-medium-font-size) !important;font-weight:var(--typography-label-medium-font-weight) !important;line-height:var(--typography-label-medium-line-height) !important;letter-spacing:var(--typography-label-medium-letter-spacing) !important}.text-label-emphasized{font-family:var(--typography-label-medium-emphasized-font-family) !important;font-size:var(--typography-label-medium-emphasized-font-size) !important;font-weight:var(--typography-label-medium-emphasized-font-weight) !important;line-height:var(--typography-label-medium-emphasized-line-height) !important;letter-spacing:var(--typography-label-medium-emphasized-letter-spacing) !important}.text-label-large{font-family:var(--typography-label-large-font-family) !important;font-size:var(--typography-label-large-font-size) !important;font-weight:var(--typography-label-large-font-weight) !important;line-height:var(--typography-label-large-line-height) !important;letter-spacing:var(--typography-label-large-letter-spacing) !important}.text-label-large-emphasized{font-family:var(--typography-label-large-emphasized-font-family) !important;font-size:var(--typography-label-large-emphasized-font-size) !important;font-weight:var(--typography-label-large-emphasized-font-weight) !important;line-height:var(--typography-label-large-emphasized-line-height) !important;letter-spacing:var(--typography-label-large-emphasized-letter-spacing) !important}.text-label-medium{font-family:var(--typography-label-medium-font-family) !important;font-size:var(--typography-label-medium-font-size) !important;font-weight:var(--typography-label-medium-font-weight) !important;line-height:var(--typography-label-medium-line-height) !important;letter-spacing:var(--typography-label-medium-letter-spacing) !important}.text-label-medium-emphasized{font-family:var(--typography-label-medium-emphasized-font-family) !important;font-size:var(--typography-label-medium-emphasized-font-size) !important;font-weight:var(--typography-label-medium-emphasized-font-weight) !important;line-height:var(--typography-label-medium-emphasized-line-height) !important;letter-spacing:var(--typography-label-medium-emphasized-letter-spacing) !important}.text-label-small{font-family:var(--typography-label-small-font-family) !important;font-size:var(--typography-label-small-font-size) !important;font-weight:var(--typography-label-small-font-weight) !important;line-height:var(--typography-label-small-line-height) !important;letter-spacing:var(--typography-label-small-letter-spacing) !important}.text-label-small-emphasized{font-family:var(--typography-label-small-emphasized-font-family) !important;font-size:var(--typography-label-small-emphasized-font-size) !important;font-weight:var(--typography-label-small-emphasized-font-weight) !important;line-height:var(--typography-label-small-emphasized-line-height) !important;letter-spacing:var(--typography-label-small-emphasized-letter-spacing) !important}.text-title{font-family:var(--typography-title-medium-font-family) !important;font-size:var(--typography-title-medium-font-size) !important;font-weight:var(--typography-title-medium-font-weight) !important;line-height:var(--typography-title-medium-line-height) !important;letter-spacing:var(--typography-title-medium-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-title-emphasized{font-family:var(--typography-title-medium-emphasized-font-family) !important;font-size:var(--typography-title-medium-emphasized-font-size) !important;font-weight:var(--typography-title-medium-emphasized-font-weight) !important;line-height:var(--typography-title-medium-emphasized-line-height) !important;letter-spacing:var(--typography-title-medium-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-title-large{font-family:var(--typography-title-large-font-family) !important;font-size:var(--typography-title-large-font-size) !important;font-weight:var(--typography-title-large-font-weight) !important;line-height:var(--typography-title-large-line-height) !important;letter-spacing:var(--typography-title-large-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-title-large-emphasized{font-family:var(--typography-title-large-emphasized-font-family) !important;font-size:var(--typography-title-large-emphasized-font-size) !important;font-weight:var(--typography-title-large-emphasized-font-weight) !important;line-height:var(--typography-title-large-emphasized-line-height) !important;letter-spacing:var(--typography-title-large-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-title-medium{font-family:var(--typography-title-medium-font-family) !important;font-size:var(--typography-title-medium-font-size) !important;font-weight:var(--typography-title-medium-font-weight) !important;line-height:var(--typography-title-medium-line-height) !important;letter-spacing:var(--typography-title-medium-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-title-medium-emphasized{font-family:var(--typography-title-medium-emphasized-font-family) !important;font-size:var(--typography-title-medium-emphasized-font-size) !important;font-weight:var(--typography-title-medium-emphasized-font-weight) !important;line-height:var(--typography-title-medium-emphasized-line-height) !important;letter-spacing:var(--typography-title-medium-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-title-small{font-family:var(--typography-title-small-font-family) !important;font-size:var(--typography-title-small-font-size) !important;font-weight:var(--typography-title-small-font-weight) !important;line-height:var(--typography-title-small-line-height) !important;letter-spacing:var(--typography-title-small-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-title-small-emphasized{font-family:var(--typography-title-small-emphasized-font-family) !important;font-size:var(--typography-title-small-emphasized-font-size) !important;font-weight:var(--typography-title-small-emphasized-font-weight) !important;line-height:var(--typography-title-small-emphasized-line-height) !important;letter-spacing:var(--typography-title-small-emphasized-letter-spacing) !important;margin-block-end:var(--spacing-400)}.text-code-block{background-color:var(--color-surface-variant);text-shadow:0 1px 1px var(--color-surface-variant);color:var(--color-on-surface);border-radius:var(--shape-corner-extra-small);padding:var(--spacing-050);font-family:var(--font-family-monospace);display:inline-block;max-width:100%;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;vertical-align:middle}*{box-sizing:border-box}.screen-reader-only{display:none !important}.link{border-radius:inherit;corner-shape:inherit;color:var(--color-primary);--icon-color: currentColor;text-decoration:none}.link:hover,.link:focus-visible{text-decoration:underline}.link.inherit{color:inherit;text-decoration:none !important}.link.with-icon{display:inline-flex;align-items:center;gap:.5em}*{box-sizing:border-box}.screen-reader-only{display:none !important}.tooltip{display:inline-block;font-family:var(--typography-body-small-font-family) !important;font-size:var(--typography-body-small-font-size) !important;font-weight:var(--typography-body-small-font-weight) !important;line-height:var(--typography-body-small-line-height) !important;letter-spacing:var(--typography-body-small-letter-spacing) !important;max-width:17.5rem;padding-inline:var(--spacing-100);padding-block:var(--spacing-050);color:var(--color-inverse-on-surface);background-color:var(--color-inverse-surface);border-radius:var(--shape-corner-extra-small)}.tooltip-link{border-bottom:1px dashed var(--color-on-surface)}
2
2
  /*# sourceMappingURL=components.css.map */
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/peacock/peacock/components/scss/mixin.scss","file:///home/runner/work/peacock/peacock/components/src/text/text.css-component.scss","file:///home/runner/work/peacock/peacock/components/src/link/link.css-component.scss","file:///home/runner/work/peacock/peacock/components/src/popover/tooltip.css-component.scss"],"names":[],"mappings":"AACE,EACE,sBAGF,oBACE,wBCoBF,cDfA,oEACA,gEACA,oEACA,oEACA,0ECDE,oCAgBF,yBDnBA,+EACA,2EACA,+EACA,+EACA,qFCDE,oCAYF,oBDfA,mEACA,+DACA,mEACA,mEACA,yECDE,oCAgBF,+BDnBA,8EACA,0EACA,8EACA,8EACA,oFCDE,oCAYF,qBDfA,oEACA,gEACA,oEACA,oEACA,0ECDE,oCAgBF,gCDnBA,+EACA,2EACA,+EACA,+EACA,qFCDE,oCAYF,oBDfA,mEACA,+DACA,mEACA,mEACA,yECDE,oCAgBF,+BDnBA,8EACA,0EACA,8EACA,8EACA,oFCDE,oCAYF,eDfA,qEACA,iEACA,qEACA,qEACA,2ECJE,oCAmBF,0BDnBA,gFACA,4EACA,gFACA,gFACA,sFCJE,oCAeF,qBDfA,oEACA,gEACA,oEACA,oEACA,0ECJE,oCAmBF,gCDnBA,+EACA,2EACA,+EACA,+EACA,qFCJE,oCAeF,sBDfA,qEACA,iEACA,qEACA,qEACA,2ECJE,oCAmBF,iCDnBA,gFACA,4EACA,gFACA,gFACA,sFCJE,oCAeF,qBDfA,oEACA,gEACA,oEACA,oEACA,0ECJE,oCAmBF,gCDnBA,+EACA,2EACA,+EACA,+EACA,qFCJE,oCAeF,WDfA,iEACA,6DACA,iEACA,iEACA,uECPE,oCAsBF,sBDnBA,4EACA,wEACA,4EACA,4EACA,kFCPE,oCAkBF,iBDfA,gEACA,4DACA,gEACA,gEACA,sECPE,oCAsBF,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCPE,oCAkBF,kBDfA,iEACA,6DACA,iEACA,iEACA,uECPE,oCAsBF,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCPE,oCAkBF,iBDfA,gEACA,4DACA,gEACA,gEACA,sECPE,oCAsBF,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCPE,oCAkBF,WDfA,iEACA,6DACA,iEACA,iEACA,uECeA,sBDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,iBDfA,gEACA,4DACA,gEACA,gEACA,sECeA,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCWA,kBDfA,iEACA,6DACA,iEACA,iEACA,uECeA,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,iBDfA,gEACA,4DACA,gEACA,gEACA,sECeA,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCWA,YDfA,kEACA,8DACA,kEACA,kEACA,wECeA,uBDnBA,6EACA,yEACA,6EACA,6EACA,mFCWA,kBDfA,iEACA,6DACA,iEACA,iEACA,uECeA,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,mBDfA,kEACA,8DACA,kEACA,kEACA,wECeA,8BDnBA,6EACA,yEACA,6EACA,6EACA,mFCWA,kBDfA,iEACA,6DACA,iEACA,iEACA,uECeA,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,YDfA,kEACA,8DACA,kEACA,kEACA,wECEE,oCAaF,uBDnBA,6EACA,yEACA,6EACA,6EACA,mFCEE,oCASF,kBDfA,iEACA,6DACA,iEACA,iEACA,uECEE,oCAaF,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCEE,oCASF,mBDfA,kEACA,8DACA,kEACA,kEACA,wECEE,oCAaF,8BDnBA,6EACA,yEACA,6EACA,6EACA,mFCEE,oCASF,kBDfA,iEACA,6DACA,iEACA,iEACA,uECEE,oCAaF,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCEE,oCAiCJ,iBACE,oBACA,8CACA,mDACA,8BACA,8CACA,2BACA,yCDxDA,EACE,sBAGF,oBACE,wBEFJ,MACE,sBACA,qBAEA,2BACA,2BACA,qBAEA,gCACE,0BAGF,cACE,cACA,gCAGF,gBACE,oBACA,mBACA,SFvBF,EACE,sBAGF,oBACE,wBGDJ,SACE,qBHKA,gEACA,4DACA,gEACA,gEACA,sEGPA,kBACA,kCACA,iCACA,sCACA,8CACA,8CAGF,cACE","sourcesContent":["@mixin base-styles {\n * {\n box-sizing: border-box;\n }\n\n .screen-reader-only {\n display: none !important;\n }\n}\n\n@mixin get-typography($name) {\n font-family: var(--typography-#{$name}-font-family) !important;\n font-size: var(--typography-#{$name}-font-size) !important;\n font-weight: var(--typography-#{$name}-font-weight) !important;\n line-height: var(--typography-#{$name}-line-height) !important;\n letter-spacing: var(--typography-#{$name}-letter-spacing) !important;\n}\n\n@mixin get-typography-not-important($name) {\n font-family: var(--typography-#{$name}-font-family);\n font-size: var(--typography-#{$name}-font-size);\n font-weight: var(--typography-#{$name}-font-weight);\n line-height: var(--typography-#{$name}-line-height);\n letter-spacing: var(--typography-#{$name}-letter-spacing);\n}\n\n@mixin focus-ring($color:var(--color-black)) {\n outline: 2px solid $color;\n}\n\n@mixin for-phone-only {\n @media (max-width: 671px) {\n @content;\n }\n}\n\n@mixin for-tablet-portrait-up {\n @media (min-width: 672px) {\n @content;\n }\n}\n\n@mixin for-tablet-landscape-up {\n @media (min-width: 1056px) {\n @content;\n }\n}\n\n@mixin for-desktop-up {\n @media (min-width: 1312px) {\n @content;\n }\n}\n\n@mixin for-big-desktop-up {\n @media (min-width: 1584px) {\n @content;\n }\n}\n","@use \"../../scss/mixin\";\n@use \"sass:string\";\n\n@include mixin.base-styles;\n\n@mixin _apply-typography($value-type) {\n @include mixin.get-typography(#{$value-type});\n @if string.index($value-type, \"body\") {\n margin-block-end: var(--spacing-200);\n }\n @if string.index($value-type, \"headline\") {\n margin-block-end: var(--spacing-200);\n }\n @if string.index($value-type, \"display\") {\n margin-block-end: var(--spacing-400);\n }\n @if string.index($value-type, \"title\") {\n margin-block-end: var(--spacing-400);\n }\n}\n\n/// Mixin to define text classes for a specific type and value-type\n/// @param {String} $type - The type name to be used in the class name (e.g., .text-#{$type})\n/// @param {String} $value-type - The value-type name to be passed to get-typography and get-margin-end\n/// @param {Boolean} $important [true] - Whether to use !important in typography properties\n@mixin define-text-classes($type, $value-type) {\n .text-#{$type} {\n @include _apply-typography($value-type);\n }\n\n .text-#{$type}-emphasized {\n @include _apply-typography(#{$value-type}-emphasized);\n }\n}\n\n\n/// List of typography types\n$types: \"display\", \"headline\", \"body\", 'code', 'label', 'title';\n\n/// List of typography sizes\n$sizes: \"large\", \"medium\", 'small';\n\n/// Generate text classes for each type and size\n@each $type in $types {\n @include define-text-classes($type, #{$type}-medium);\n @each $size in $sizes {\n @include define-text-classes(#{$type}-#{$size}, #{$type}-#{$size});\n }\n}\n\n.text-code-block {\n display: inline-flex;\n background-color: var(--color-surface-variant);\n text-shadow: 0 1px 1px var(--color-surface-variant);\n color: var(--color-on-surface);\n border-radius: var(--shape-corner-extra-small);\n padding: var(--spacing-050);\n font-family: var(--font-family-monospace);\n}\n","@use \"../../scss/mixin\";\n\n@include mixin.base-styles;\n\n.link {\n border-radius: inherit;\n corner-shape: inherit;\n\n color: var(--color-primary);\n --icon-color: currentColor;\n text-decoration: none;\n\n &:hover, &:focus-visible {\n text-decoration: underline;\n }\n\n &.inherit {\n color: inherit;\n text-decoration: none !important;\n }\n\n &.with-icon {\n display: inline-flex;\n align-items: center;\n gap: 0.5em;\n }\n}\n","@use \"../../scss/mixin\";\n@use \"sass:string\";\n\n@include mixin.base-styles;\n\n.tooltip {\n display: inline-block;\n @include mixin.get-typography(body-small);\n max-width: 17.5rem;\n padding-inline: var(--spacing-100);\n padding-block: var(--spacing-050);\n color: var(--color-inverse-on-surface);\n background-color: var(--color-inverse-surface);\n border-radius: var(--shape-corner-extra-small);\n}\n\n.tooltip-link {\n border-bottom: 1px dashed var(--color-on-surface);\n}\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["file:///home/runner/work/peacock/peacock/components/scss/mixin.scss","file:///home/runner/work/peacock/peacock/components/src/text/text.css-component.scss","file:///home/runner/work/peacock/peacock/components/src/link/link.css-component.scss","file:///home/runner/work/peacock/peacock/components/src/popover/tooltip.css-component.scss"],"names":[],"mappings":"AACE,EACE,sBAGF,oBACE,wBCoBF,cDfA,oEACA,gEACA,oEACA,oEACA,0ECDE,oCAgBF,yBDnBA,+EACA,2EACA,+EACA,+EACA,qFCDE,oCAYF,oBDfA,mEACA,+DACA,mEACA,mEACA,yECDE,oCAgBF,+BDnBA,8EACA,0EACA,8EACA,8EACA,oFCDE,oCAYF,qBDfA,oEACA,gEACA,oEACA,oEACA,0ECDE,oCAgBF,gCDnBA,+EACA,2EACA,+EACA,+EACA,qFCDE,oCAYF,oBDfA,mEACA,+DACA,mEACA,mEACA,yECDE,oCAgBF,+BDnBA,8EACA,0EACA,8EACA,8EACA,oFCDE,oCAYF,eDfA,qEACA,iEACA,qEACA,qEACA,2ECJE,oCAmBF,0BDnBA,gFACA,4EACA,gFACA,gFACA,sFCJE,oCAeF,qBDfA,oEACA,gEACA,oEACA,oEACA,0ECJE,oCAmBF,gCDnBA,+EACA,2EACA,+EACA,+EACA,qFCJE,oCAeF,sBDfA,qEACA,iEACA,qEACA,qEACA,2ECJE,oCAmBF,iCDnBA,gFACA,4EACA,gFACA,gFACA,sFCJE,oCAeF,qBDfA,oEACA,gEACA,oEACA,oEACA,0ECJE,oCAmBF,gCDnBA,+EACA,2EACA,+EACA,+EACA,qFCJE,oCAeF,WDfA,iEACA,6DACA,iEACA,iEACA,uECPE,oCAsBF,sBDnBA,4EACA,wEACA,4EACA,4EACA,kFCPE,oCAkBF,iBDfA,gEACA,4DACA,gEACA,gEACA,sECPE,oCAsBF,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCPE,oCAkBF,kBDfA,iEACA,6DACA,iEACA,iEACA,uECPE,oCAsBF,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCPE,oCAkBF,iBDfA,gEACA,4DACA,gEACA,gEACA,sECPE,oCAsBF,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCPE,oCAkBF,WDfA,iEACA,6DACA,iEACA,iEACA,uECeA,sBDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,iBDfA,gEACA,4DACA,gEACA,gEACA,sECeA,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCWA,kBDfA,iEACA,6DACA,iEACA,iEACA,uECeA,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,iBDfA,gEACA,4DACA,gEACA,gEACA,sECeA,4BDnBA,2EACA,uEACA,2EACA,2EACA,iFCWA,YDfA,kEACA,8DACA,kEACA,kEACA,wECeA,uBDnBA,6EACA,yEACA,6EACA,6EACA,mFCWA,kBDfA,iEACA,6DACA,iEACA,iEACA,uECeA,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,mBDfA,kEACA,8DACA,kEACA,kEACA,wECeA,8BDnBA,6EACA,yEACA,6EACA,6EACA,mFCWA,kBDfA,iEACA,6DACA,iEACA,iEACA,uECeA,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCWA,YDfA,kEACA,8DACA,kEACA,kEACA,wECEE,oCAaF,uBDnBA,6EACA,yEACA,6EACA,6EACA,mFCEE,oCASF,kBDfA,iEACA,6DACA,iEACA,iEACA,uECEE,oCAaF,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCEE,oCASF,mBDfA,kEACA,8DACA,kEACA,kEACA,wECEE,oCAaF,8BDnBA,6EACA,yEACA,6EACA,6EACA,mFCEE,oCASF,kBDfA,iEACA,6DACA,iEACA,iEACA,uECEE,oCAaF,6BDnBA,4EACA,wEACA,4EACA,4EACA,kFCEE,oCAiCJ,iBACE,8CACA,mDACA,8BACA,8CACA,2BACA,yCAEA,qBACA,eACA,qBACA,sBACA,uBACA,sBD9DA,EACE,sBAGF,oBACE,wBEFJ,MACE,sBACA,qBAEA,2BACA,2BACA,qBAEA,gCACE,0BAGF,cACE,cACA,gCAGF,gBACE,oBACA,mBACA,SFvBF,EACE,sBAGF,oBACE,wBGDJ,SACE,qBHKA,gEACA,4DACA,gEACA,gEACA,sEGPA,kBACA,kCACA,iCACA,sCACA,8CACA,8CAGF,cACE","sourcesContent":["@mixin base-styles {\n * {\n box-sizing: border-box;\n }\n\n .screen-reader-only {\n display: none !important;\n }\n}\n\n@mixin get-typography($name) {\n font-family: var(--typography-#{$name}-font-family) !important;\n font-size: var(--typography-#{$name}-font-size) !important;\n font-weight: var(--typography-#{$name}-font-weight) !important;\n line-height: var(--typography-#{$name}-line-height) !important;\n letter-spacing: var(--typography-#{$name}-letter-spacing) !important;\n}\n\n@mixin get-typography-not-important($name) {\n font-family: var(--typography-#{$name}-font-family);\n font-size: var(--typography-#{$name}-font-size);\n font-weight: var(--typography-#{$name}-font-weight);\n line-height: var(--typography-#{$name}-line-height);\n letter-spacing: var(--typography-#{$name}-letter-spacing);\n}\n\n@mixin focus-ring($color:var(--color-black)) {\n outline: 2px solid $color;\n}\n\n@mixin for-phone-only {\n @media (max-width: 671px) {\n @content;\n }\n}\n\n@mixin for-tablet-portrait-up {\n @media (min-width: 672px) {\n @content;\n }\n}\n\n@mixin for-tablet-landscape-up {\n @media (min-width: 1056px) {\n @content;\n }\n}\n\n@mixin for-desktop-up {\n @media (min-width: 1312px) {\n @content;\n }\n}\n\n@mixin for-big-desktop-up {\n @media (min-width: 1584px) {\n @content;\n }\n}\n\n@mixin apply-container-shape($name) {\n border-start-start-radius: var(--#{$name}-container-shape-start-start, var(--#{$name}-container-shape));\n border-start-end-radius: var(--#{$name}-container-shape-start-end, var(--#{$name}-container-shape));\n border-end-start-radius: var(--#{$name}-container-shape-end-start, var(--#{$name}-container-shape));\n border-end-end-radius: var(--#{$name}-container-shape-end-end, var(--#{$name}-container-shape));\n corner-shape: var(--#{$name}-container-shape-variant);\n}\n\n@mixin copy-container-shape($from, $to) {\n --#{$to}-container-shape-start-start: var(--#{$from}-container-shape-start-start, var(--#{$from}-container-shape));\n --#{$to}-container-shape-start-end: var(--#{$from}-container-shape-start-end, var(--#{$from}-container-shape));\n --#{$to}-container-shape-end-start: var(--#{$from}-container-shape-end-start, var(--#{$from}-container-shape));\n --#{$to}-container-shape-end-end: var(--#{$from}-container-shape-end-end, var(--#{$from}-container-shape));\n --#{$to}-container-shape-variant: var(--#{$from}-container-shape-variant);\n}","@use \"../../scss/mixin\";\n@use \"sass:string\";\n\n@include mixin.base-styles;\n\n@mixin _apply-typography($value-type) {\n @include mixin.get-typography(#{$value-type});\n @if string.index($value-type, \"body\") {\n margin-block-end: var(--spacing-200);\n }\n @if string.index($value-type, \"headline\") {\n margin-block-end: var(--spacing-200);\n }\n @if string.index($value-type, \"display\") {\n margin-block-end: var(--spacing-400);\n }\n @if string.index($value-type, \"title\") {\n margin-block-end: var(--spacing-400);\n }\n}\n\n/// Mixin to define text classes for a specific type and value-type\n/// @param {String} $type - The type name to be used in the class name (e.g., .text-#{$type})\n/// @param {String} $value-type - The value-type name to be passed to get-typography and get-margin-end\n/// @param {Boolean} $important [true] - Whether to use !important in typography properties\n@mixin define-text-classes($type, $value-type) {\n .text-#{$type} {\n @include _apply-typography($value-type);\n }\n\n .text-#{$type}-emphasized {\n @include _apply-typography(#{$value-type}-emphasized);\n }\n}\n\n\n/// List of typography types\n$types: \"display\", \"headline\", \"body\", 'code', 'label', 'title';\n\n/// List of typography sizes\n$sizes: \"large\", \"medium\", 'small';\n\n/// Generate text classes for each type and size\n@each $type in $types {\n @include define-text-classes($type, #{$type}-medium);\n @each $size in $sizes {\n @include define-text-classes(#{$type}-#{$size}, #{$type}-#{$size});\n }\n}\n\n.text-code-block {\n background-color: var(--color-surface-variant);\n text-shadow: 0 1px 1px var(--color-surface-variant);\n color: var(--color-on-surface);\n border-radius: var(--shape-corner-extra-small);\n padding: var(--spacing-050);\n font-family: var(--font-family-monospace);\n\n display: inline-block;\n max-width: 100%;\n white-space: pre-wrap;\n word-break: break-word;\n overflow-wrap: anywhere;\n vertical-align: middle;\n}\n","@use \"../../scss/mixin\";\n\n@include mixin.base-styles;\n\n.link {\n border-radius: inherit;\n corner-shape: inherit;\n\n color: var(--color-primary);\n --icon-color: currentColor;\n text-decoration: none;\n\n &:hover, &:focus-visible {\n text-decoration: underline;\n }\n\n &.inherit {\n color: inherit;\n text-decoration: none !important;\n }\n\n &.with-icon {\n display: inline-flex;\n align-items: center;\n gap: 0.5em;\n }\n}\n","@use \"../../scss/mixin\";\n@use \"sass:string\";\n\n@include mixin.base-styles;\n\n.tooltip {\n display: inline-block;\n @include mixin.get-typography(body-small);\n max-width: 17.5rem;\n padding-inline: var(--spacing-100);\n padding-block: var(--spacing-050);\n color: var(--color-inverse-on-surface);\n background-color: var(--color-inverse-surface);\n border-radius: var(--shape-corner-extra-small);\n}\n\n.tooltip-link {\n border-bottom: 1px dashed var(--color-on-surface);\n}\n"]}