@accretion_ui/core 0.1.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 (37) hide show
  1. package/dist/accretion/accretion.esm.js +1 -0
  2. package/dist/accretion/index.esm.js +0 -0
  3. package/dist/accretion/p-29hYl1Jo.js +2 -0
  4. package/dist/accretion/p-63e587ea.entry.js +1 -0
  5. package/dist/accretion/p-DQuL1Twl.js +1 -0
  6. package/dist/cjs/accretion-button.cjs.entry.js +19 -0
  7. package/dist/cjs/accretion.cjs.js +25 -0
  8. package/dist/cjs/app-globals-V2Kpy_OQ.js +5 -0
  9. package/dist/cjs/index-B4kbRNRe.js +1420 -0
  10. package/dist/cjs/index.cjs.js +2 -0
  11. package/dist/cjs/loader.cjs.js +13 -0
  12. package/dist/collection/collection-manifest.json +13 -0
  13. package/dist/collection/components/accretion-button/accretion-button.css +46 -0
  14. package/dist/collection/components/accretion-button/accretion-button.js +64 -0
  15. package/dist/collection/index.js +1 -0
  16. package/dist/components/accretion-button.d.ts +11 -0
  17. package/dist/components/accretion-button.js +1 -0
  18. package/dist/components/index.d.ts +39 -0
  19. package/dist/components/index.js +1 -0
  20. package/dist/esm/accretion-button.entry.js +17 -0
  21. package/dist/esm/accretion.js +21 -0
  22. package/dist/esm/app-globals-DQuL1Twl.js +3 -0
  23. package/dist/esm/index-29hYl1Jo.js +1414 -0
  24. package/dist/esm/index.js +1 -0
  25. package/dist/esm/loader.js +11 -0
  26. package/dist/index.cjs.js +1 -0
  27. package/dist/index.js +1 -0
  28. package/dist/types/components/accretion-button/accretion-button.d.ts +5 -0
  29. package/dist/types/components.d.ts +59 -0
  30. package/dist/types/index.d.ts +1 -0
  31. package/dist/types/stencil-public-runtime.d.ts +1860 -0
  32. package/loader/cdn.js +1 -0
  33. package/loader/index.cjs.js +1 -0
  34. package/loader/index.d.ts +24 -0
  35. package/loader/index.es2017.js +1 -0
  36. package/loader/index.js +2 -0
  37. package/package.json +34 -0
@@ -0,0 +1,2 @@
1
+ 'use strict';
2
+
@@ -0,0 +1,13 @@
1
+ 'use strict';
2
+
3
+ var index = require('./index-B4kbRNRe.js');
4
+ var appGlobals = require('./app-globals-V2Kpy_OQ.js');
5
+
6
+ const defineCustomElements = async (win, options) => {
7
+ if (typeof window === 'undefined') return undefined;
8
+ await appGlobals.globalScripts();
9
+ return index.bootstrapLazy([["accretion-button.cjs",[[769,"accretion-button",{"variant":[1],"disabled":[4]}]]]], options);
10
+ };
11
+
12
+ exports.setNonce = index.setNonce;
13
+ exports.defineCustomElements = defineCustomElements;
@@ -0,0 +1,13 @@
1
+ {
2
+ "entries": [
3
+ "components/accretion-button/accretion-button.js"
4
+ ],
5
+ "mixins": [],
6
+ "compiler": {
7
+ "name": "@stencil/core",
8
+ "version": "4.43.2",
9
+ "typescriptVersion": "5.8.3"
10
+ },
11
+ "collections": [],
12
+ "bundles": []
13
+ }
@@ -0,0 +1,46 @@
1
+ :host {
2
+ display: inline-block;
3
+ }
4
+
5
+ .button {
6
+ align-items: center;
7
+ border: 0;
8
+ border-radius: 8px;
9
+ cursor: pointer;
10
+ display: inline-flex;
11
+ font: inherit;
12
+ gap: 0.5rem;
13
+ justify-content: center;
14
+ min-height: 2.75rem;
15
+ min-width: 2.75rem;
16
+ padding: 0.625rem 1rem;
17
+ transition: background-color 150ms ease, color 150ms ease, opacity 150ms ease;
18
+ }
19
+
20
+ .button:focus-visible {
21
+ outline: 2px solid #0a85a1;
22
+ outline-offset: 2px;
23
+ }
24
+
25
+ .button--primary {
26
+ background: #0a85a1;
27
+ color: #ffffff;
28
+ }
29
+
30
+ .button--primary:hover {
31
+ background: #02657c;
32
+ }
33
+
34
+ .button--secondary {
35
+ background: #e7ecf0;
36
+ color: #191b1d;
37
+ }
38
+
39
+ .button--secondary:hover {
40
+ background: #d9dfe5;
41
+ }
42
+
43
+ .button:disabled {
44
+ cursor: not-allowed;
45
+ opacity: 0.5;
46
+ }
@@ -0,0 +1,64 @@
1
+ import { h } from "@stencil/core";
2
+ export class AccretionButton {
3
+ variant = 'primary';
4
+ disabled = false;
5
+ render() {
6
+ return (h("button", { key: 'c7fa4931dabe49cfe39db12ef635c40dc810e824', class: `button button--${this.variant}`, disabled: this.disabled, type: "button" }, h("slot", { key: 'e07fe75c0dd94de71991918ccf6656cf6b403e4f' })));
7
+ }
8
+ static get is() { return "accretion-button"; }
9
+ static get encapsulation() { return "shadow"; }
10
+ static get originalStyleUrls() {
11
+ return {
12
+ "$": ["accretion-button.css"]
13
+ };
14
+ }
15
+ static get styleUrls() {
16
+ return {
17
+ "$": ["accretion-button.css"]
18
+ };
19
+ }
20
+ static get properties() {
21
+ return {
22
+ "variant": {
23
+ "type": "string",
24
+ "mutable": false,
25
+ "complexType": {
26
+ "original": "'primary' | 'secondary'",
27
+ "resolved": "\"primary\" | \"secondary\"",
28
+ "references": {}
29
+ },
30
+ "required": false,
31
+ "optional": false,
32
+ "docs": {
33
+ "tags": [],
34
+ "text": ""
35
+ },
36
+ "getter": false,
37
+ "setter": false,
38
+ "reflect": false,
39
+ "attribute": "variant",
40
+ "defaultValue": "'primary'"
41
+ },
42
+ "disabled": {
43
+ "type": "boolean",
44
+ "mutable": false,
45
+ "complexType": {
46
+ "original": "boolean",
47
+ "resolved": "boolean",
48
+ "references": {}
49
+ },
50
+ "required": false,
51
+ "optional": false,
52
+ "docs": {
53
+ "tags": [],
54
+ "text": ""
55
+ },
56
+ "getter": false,
57
+ "setter": false,
58
+ "reflect": false,
59
+ "attribute": "disabled",
60
+ "defaultValue": "false"
61
+ }
62
+ };
63
+ }
64
+ }
@@ -0,0 +1 @@
1
+ export {};
@@ -0,0 +1,11 @@
1
+ import type { Components, JSX } from "../types/components";
2
+
3
+ interface AccretionButton extends Components.AccretionButton, HTMLElement {}
4
+ export const AccretionButton: {
5
+ prototype: AccretionButton;
6
+ new (): AccretionButton;
7
+ };
8
+ /**
9
+ * Used to define this component and all nested components recursively.
10
+ */
11
+ export const defineCustomElement: () => void;
@@ -0,0 +1 @@
1
+ import{proxyCustomElement as t,HTMLElement as e,h as o,transformTag as n}from"@stencil/core/internal/client";export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}variant="primary";disabled=!1;render(){return o("button",{key:"c7fa4931dabe49cfe39db12ef635c40dc810e824",class:"button button--"+this.variant,disabled:this.disabled,type:"button"},o("slot",{key:"e07fe75c0dd94de71991918ccf6656cf6b403e4f"}))}static get style(){return":host{display:inline-block}.button{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;font:inherit;gap:0.5rem;justify-content:center;min-height:2.75rem;min-width:2.75rem;padding:0.625rem 1rem;transition:background-color 150ms ease, color 150ms ease, opacity 150ms ease}.button:focus-visible{outline:2px solid #0a85a1;outline-offset:2px}.button--primary{background:#0a85a1;color:#ffffff}.button--primary:hover{background:#02657c}.button--secondary{background:#e7ecf0;color:#191b1d}.button--secondary:hover{background:#d9dfe5}.button:disabled{cursor:not-allowed;opacity:0.5}"}},[769,"accretion-button",{variant:[1],disabled:[4]}]),s=r,i=function(){"undefined"!=typeof customElements&&["accretion-button"].forEach((t=>{"accretion-button"===t&&(customElements.get(n(t))||customElements.define(n(t),r))}))};export{s as AccretionButton,i as defineCustomElement,i as defineCustomElementAccretionButton}
@@ -0,0 +1,39 @@
1
+ /* accretion custom elements */
2
+ export { AccretionButton as AccretionButton } from '../types/components/accretion-button/accretion-button';
3
+ export { defineCustomElement as defineCustomElementAccretionButton } from './accretion-button';
4
+
5
+ /**
6
+ * Get the base path to where the assets can be found. Use "setAssetPath(path)"
7
+ * if the path needs to be customized.
8
+ */
9
+ export declare const getAssetPath: (path: string) => string;
10
+
11
+ /**
12
+ * Used to manually set the base path where assets can be found.
13
+ * If the script is used as "module", it's recommended to use "import.meta.url",
14
+ * such as "setAssetPath(import.meta.url)". Other options include
15
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
16
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
17
+ * But do note that this configuration depends on how your script is bundled, or lack of
18
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
19
+ * will have to ensure the static assets are copied to its build directory.
20
+ */
21
+ export declare const setAssetPath: (path: string) => void;
22
+
23
+ /**
24
+ * Used to specify a nonce value that corresponds with an application's CSP.
25
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
26
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
27
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
28
+ * will result in the same behavior.
29
+ */
30
+ export declare const setNonce: (nonce: string) => void
31
+
32
+ export interface SetPlatformOptions {
33
+ raf?: (c: FrameRequestCallback) => number;
34
+ ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
35
+ rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
36
+ }
37
+ export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
38
+
39
+ export * from '../types';
@@ -0,0 +1 @@
1
+ export{getAssetPath,render,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";export{AccretionButton,defineCustomElement as defineCustomElementAccretionButton}from"./accretion-button.js";
@@ -0,0 +1,17 @@
1
+ import { r as registerInstance, h } from './index-29hYl1Jo.js';
2
+
3
+ const accretionButtonCss = () => `:host{display:inline-block}.button{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;font:inherit;gap:0.5rem;justify-content:center;min-height:2.75rem;min-width:2.75rem;padding:0.625rem 1rem;transition:background-color 150ms ease, color 150ms ease, opacity 150ms ease}.button:focus-visible{outline:2px solid #0a85a1;outline-offset:2px}.button--primary{background:#0a85a1;color:#ffffff}.button--primary:hover{background:#02657c}.button--secondary{background:#e7ecf0;color:#191b1d}.button--secondary:hover{background:#d9dfe5}.button:disabled{cursor:not-allowed;opacity:0.5}`;
4
+
5
+ const AccretionButton = class {
6
+ constructor(hostRef) {
7
+ registerInstance(this, hostRef);
8
+ }
9
+ variant = 'primary';
10
+ disabled = false;
11
+ render() {
12
+ return (h("button", { key: 'c7fa4931dabe49cfe39db12ef635c40dc810e824', class: `button button--${this.variant}`, disabled: this.disabled, type: "button" }, h("slot", { key: 'e07fe75c0dd94de71991918ccf6656cf6b403e4f' })));
13
+ }
14
+ };
15
+ AccretionButton.style = accretionButtonCss();
16
+
17
+ export { AccretionButton as accretion_button };
@@ -0,0 +1,21 @@
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-29hYl1Jo.js';
2
+ export { s as setNonce } from './index-29hYl1Jo.js';
3
+ import { g as globalScripts } from './app-globals-DQuL1Twl.js';
4
+
5
+ /*
6
+ Stencil Client Patch Browser v4.43.2 | MIT Licensed | https://stenciljs.com
7
+ */
8
+
9
+ var patchBrowser = () => {
10
+ const importMeta = import.meta.url;
11
+ const opts = {};
12
+ if (importMeta !== "") {
13
+ opts.resourcesUrl = new URL(".", importMeta).href;
14
+ }
15
+ return promiseResolve(opts);
16
+ };
17
+
18
+ patchBrowser().then(async (options) => {
19
+ await globalScripts();
20
+ return bootstrapLazy([["accretion-button",[[769,"accretion-button",{"variant":[1],"disabled":[4]}]]]], options);
21
+ });
@@ -0,0 +1,3 @@
1
+ const globalScripts = () => {};
2
+
3
+ export { globalScripts as g };