@verbb/plugin-kit-web 2.0.0

package/dist/chunks/pk-button-group-text-C5z4P7ur.js

@@ -0,0 +1,49 @@
+import { n as PkElement, t as __decorate } from "./decorate-W02hmVTt.js";
+import { n as buttonGroupCornerRadiusStyles } from "./button-group-item.styles-DYmBR28a.js";
+import { css, html } from "lit";
+import { customElement } from "lit/decorators.js";
+//#region src/components/button-group/pk-button-group-text.styles.ts
+var pkButtonGroupTextStyles = [buttonGroupCornerRadiusStyles(".text", "var(--pk-radius-lg)"), css`
+        @layer pk-component {
+            :host {
+                display: inline-flex;
+                vertical-align: middle;
+                margin-inline-start: var(--pk-bg-horizontal-indent-outlined, 0);
+                margin-block-start: var(--pk-bg-vertical-indent-outlined, 0);
+            }
+
+            .text {
+                display: flex;
+                align-items: center;
+                gap: 0.5rem;
+                padding: 0 0.625rem;
+                border: 1px solid var(--pk-color-slate-400);
+                background: var(--pk-color-gray-100);
+                color: var(--pk-color-gray-700);
+                font-family: var(--pk-font-family);
+                font-size: var(--pk-font-size-sm);
+                font-weight: 500;
+                line-height: var(--pk-line-height);
+                white-space: nowrap;
+            }
+        }
+    `];
+//#endregion
+//#region src/components/button-group/pk-button-group-text.ts
+var PkButtonGroupText = class PkButtonGroupText extends PkElement {
+	static {
+		this.styles = pkButtonGroupTextStyles;
+	}
+	render() {
+		return html`
+            <span part="base" class="text pk-btn-group__text">
+                <slot></slot>
+            </span>
+        `;
+	}
+};
+PkButtonGroupText = __decorate([customElement("pk-button-group-text")], PkButtonGroupText);
+//#endregion
+export { PkButtonGroupText as t };
+
+//# sourceMappingURL=pk-button-group-text-C5z4P7ur.js.map

package/dist/chunks/pk-button-group-text-C5z4P7ur.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pk-button-group-text-C5z4P7ur.js","names":[],"sources":["../../src/components/button-group/pk-button-group-text.styles.ts","../../src/components/button-group/pk-button-group-text.ts"],"sourcesContent":["import { css } from 'lit';\n\nimport { buttonGroupCornerRadiusStyles } from './button-group-item.styles.js';\n\nexport const pkButtonGroupTextStyles = [\n    buttonGroupCornerRadiusStyles('.text', 'var(--pk-radius-lg)'),\n    css`\n        @layer pk-component {\n            :host {\n                display: inline-flex;\n                vertical-align: middle;\n                margin-inline-start: var(--pk-bg-horizontal-indent-outlined, 0);\n                margin-block-start: var(--pk-bg-vertical-indent-outlined, 0);\n            }\n\n            .text {\n                display: flex;\n                align-items: center;\n                gap: 0.5rem;\n                padding: 0 0.625rem;\n                border: 1px solid var(--pk-color-slate-400);\n                background: var(--pk-color-gray-100);\n                color: var(--pk-color-gray-700);\n                font-family: var(--pk-font-family);\n                font-size: var(--pk-font-size-sm);\n                font-weight: 500;\n                line-height: var(--pk-line-height);\n                white-space: nowrap;\n            }\n        }\n    `,\n];\n","import { html } from 'lit';\nimport { customElement } from 'lit/decorators.js';\n\nimport { PkElement } from '../../base/pk-element.js';\nimport { pkButtonGroupTextStyles } from './pk-button-group-text.styles.js';\n\n/**\n * Prefix text span for URL / compound button groups.\n *\n * @slot - Prefix text content\n *\n * @csspart base - Text container\n */\n@customElement('pk-button-group-text')\nexport class PkButtonGroupText extends PkElement {\n    static override styles = pkButtonGroupTextStyles;\n\n    override render() {\n        return html`\n            <span part=\"base\" class=\"text pk-btn-group__text\">\n                <slot></slot>\n            </span>\n        `;\n    }\n}\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'pk-button-group-text': PkButtonGroupText;\n    }\n}\n"],"mappings":";;;;;AAIA,IAAa,0BAA0B,CACnC,8BAA8B,SAAS,sBAAsB,EAC7D,GAAG;;;;;;;;;;;;;;;;;;;;;;;;MAyBN;;;ACjBM,IAAA,oBAAA,MAAM,0BAA0B,UAAU;;gBACpB;;CAEzB,SAAkB;AACd,SAAO,IAAI;;;;;;;gCALlB,cAAc,uBAAuB,CAAA,EAAA,kBAAA"}