@michellegerwald/gigax-designsystem 0.0.1

package/dist/types/utils/utils.d.ts

@@ -0,0 +1 @@
+export declare function format(first?: string, middle?: string, last?: string): string;

package/dist/types/utils/utils.unit.test.d.ts

@@ -0,0 +1 @@
+export {};

package/loader/cdn.js

@@ -0,0 +1 @@
+module.exports = require('../dist/cjs/loader.cjs.js');

package/loader/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('../dist/cjs/loader.cjs.js');

package/loader/index.d.ts

@@ -0,0 +1,24 @@
+export * from '../dist/types/components';
+export interface CustomElementsDefineOptions {
+  exclude?: string[];
+  resourcesUrl?: string;
+  syncQueue?: boolean;
+  jmp?: (c: Function) => any;
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+/**
+ * @deprecated
+ */
+export declare function applyPolyfills(): Promise<void>;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare function setNonce(nonce: string): void;

package/loader/index.es2017.js

@@ -0,0 +1 @@
+export * from '../dist/esm/loader.js';

package/loader/index.js

@@ -0,0 +1,2 @@
+(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
+export * from '../dist/esm/loader.js';

package/package.json

@@ -0,0 +1,108 @@
+{
+  "name": "@michellegerwald/gigax-designsystem",
+  "version": "0.0.1",
+  "description": "Stencil Component Starter",
+  "keywords": [
+    "gigax",
+    "designsystem",
+    "stencil"
+  ],
+  "homepage": "https://github.com/stenciljs/component-starter#readme",
+  "bugs": {
+    "url": "https://github.com/stenciljs/component-starter/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/stenciljs/component-starter.git"
+  },
+  "license": "MIT",
+  "author": "Michelle Gerwald <michelle.gerwald@vodafone.com>",
+  "type": "commonjs",
+  "exports": {
+    ".": {
+      "import": "./dist/gigax-designsystem/gigax-designsystem.esm.js",
+      "require": "./dist/gigax-designsystem/gigax-designsystem.cjs.js"
+    },
+    "./my-component": {
+      "import": "./dist/components/my-component.js",
+      "types": "./dist/components/my-component.d.ts"
+    },
+    "./loader": {
+      "import": "./loader/index.js",
+      "require": "./loader/index.cjs",
+      "types": "./loader/index.d.ts"
+    }
+  },
+  "main": "dist/index.cjs.js",
+  "types": "dist/types/index.d.ts",
+  "files": [
+    "dist/",
+    "loader/"
+  ],
+  "scripts": {
+    "build": "stencil build",
+    "start": "stencil build --dev --watch --serve",
+    "test": "stencil-test --prod",
+    "test:watch": "stencil-test --prod --watch",
+    "generate": "stencil generate"
+  },
+  "dependencies": {
+    "acorn": "^8.16.0",
+    "assertion-error": "^2.0.1",
+    "chai": "^6.2.2",
+    "confbox": "^0.2.4",
+    "convert-source-map": "^2.0.0",
+    "detect-libc": "^2.1.2",
+    "es-module-lexer": "^2.1.0",
+    "estree-walker": "^3.0.3",
+    "expect-type": "^1.3.0",
+    "exsolve": "^1.0.8",
+    "fdir": "^6.5.0",
+    "jiti": "^2.7.0",
+    "lightningcss": "^1.32.0",
+    "lightningcss-darwin-arm64": "^1.32.0",
+    "local-pkg": "^1.1.2",
+    "magic-string": "^0.30.21",
+    "mlly": "^1.8.2",
+    "mrmime": "^2.0.1",
+    "nanoid": "^3.3.12",
+    "obug": "^2.1.1",
+    "pathe": "^2.0.3",
+    "picocolors": "^1.1.1",
+    "picomatch": "^4.0.4",
+    "pkg-types": "^2.3.1",
+    "playwright-core": "^1.59.1",
+    "pngjs": "^7.0.0",
+    "postcss": "^8.5.14",
+    "quansync": "^0.2.11",
+    "rolldown": "^1.0.0-rc.18",
+    "siginfo": "^2.0.0",
+    "sirv": "^3.0.2",
+    "source-map-js": "^1.2.1",
+    "stackback": "^0.0.2",
+    "std-env": "^4.1.0",
+    "tinybench": "^2.9.0",
+    "tinyexec": "^1.1.2",
+    "tinyglobby": "^0.2.16",
+    "tinyrainbow": "^3.1.0",
+    "totalist": "^3.0.1",
+    "ufo": "^1.6.4",
+    "undici-types": "^6.21.0",
+    "vite": "^8.0.11",
+    "vitest-environment-stencil": "^1.11.6",
+    "why-is-node-running": "^2.3.0",
+    "ws": "^8.20.0"
+  },
+  "devDependencies": {
+    "@stencil/core": "^4.27.1 || ^5.0.0-0",
+    "@stencil/vitest": "^1.8.3",
+    "@types/node": "^22.13.5",
+    "@vitest/browser-playwright": "^4.0.0",
+    "playwright": "^1.52.0",
+    "vitest": "^4.0.0"
+  },
+  "module": "dist/index.js",
+  "collection": "dist/collection/collection-manifest.json",
+  "collection:main": "dist/collection/index.js",
+  "unpkg": "dist/gigax-designsystem/gigax-designsystem.esm.js"
+}

package/readme.md

@@ -0,0 +1,56 @@
+# GigaX-Styleguide
+
+## What is StencilJS?
+
+StencilJS is a compiler for building reusable Web Components. From a shared codebase it produces small, browser-friendly Custom Elements that can be used in different frameworks or without any framework at all.
+
+That is useful for a design system because you define UI building blocks such as buttons, inputs, or cards once and then reuse them consistently everywhere.
+
+## Import CSS & JS [OUTDATED]
+
+Always include the CSS before using the components. The stylesheet contains the design tokens, spacing, and shared base styles that the components expect.
+
+```html
+<link rel="stylesheet" href="https://unpkg.com/@michellegerwald/gigax-styleguide@latest/dist/gigax-styleguide/gigax-styleguide.css"></link>
+```
+
+The JavaScript loads the custom elements.
+
+```html
+<script type="module" src="https://unpkg.com/@michellegerwald/gigax-styleguide@latest"></script>
+```
+
+## Components
+
+We do not have a Storybook yet, but it is currently being worked on.
+
+Once it is available, it will serve as the visual reference for the gigax components and their variants.
+
+## Links 
+[npm-Package](https://www.npmjs.com/package/@michellegerwald/gigax-styleguide)
+
+[Github-Repo](https://github.com/iloveproggen/gigax-styleguide)
+
+## Versioning & Auto Publish
+
+Every push to `main` triggers the GitHub Actions workflow in `.github/workflows/publish.yml`. The repository is configured to publish only when a Git tag matching `v*` is pushed (for example `v1.2.0`).
+
+Using `npm version` (recommended — updates `package.json`, creates a tag and a commit):
+
+```bash
+git add -A
+git commit -m "publish new version"
+
+# bump patch (0.0.x):
+npm version patch -m "chore(release): v%s"
+
+# bump minor (0.x.0):
+npm version minor -m "chore(release): v%s"
+
+# bump major (x.0.0):
+npm version major -m "chore(release): v%s"
+
+git push origin --follow-tags
+```
+
+When the tag is pushed the workflow runs and publishes the package. The workflow will publish the version that is encoded in the tag/`package.json` at that commit.