@scania/tegel 0.0.1-beta.0

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

@@ -0,0 +1,2 @@
+export declare const formatHtmlPreview: (htmlStr: any) => string;
+export declare function demoFormat(first: string, middle: string, last: string): string;

package/loader/cdn.js

@@ -0,0 +1,3 @@
+
+module.exports = require('../dist/cjs/loader.cjs.js');
+module.exports.applyPolyfills = function() { return Promise.resolve() };

package/loader/index.cjs.js

@@ -0,0 +1,3 @@
+
+module.exports = require('../dist/cjs/loader.cjs.js');
+module.exports.applyPolyfills = function() { return Promise.resolve() };

package/loader/index.d.ts

@@ -0,0 +1,12 @@
+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): Promise<void>;
+export declare function applyPolyfills(): Promise<void>;

package/loader/index.es2017.js

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

package/loader/index.js

@@ -0,0 +1,4 @@
+
+(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/polyfills/index.js';
+export * from '../dist/esm/loader.js';

package/loader/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "tegel-loader",
+  "private": true,
+  "typings": "./index.d.ts",
+  "module": "./index.js",
+  "main": "./index.cjs.js",
+  "jsnext:main": "./index.es2017.js",
+  "es2015": "./index.es2017.js",
+  "es2017": "./index.es2017.js",
+  "unpkg": "./cdn.js"
+}

package/package.json

@@ -0,0 +1,86 @@
+{
+  "name": "@scania/tegel",
+  "version": "0.0.1-beta.0",
+  "description": "Tegel - Scania's Digital Design System",
+  "keywords": [
+    "tegel",
+    "scania",
+    "design",
+    "system"
+  ],
+  "homepage": "https://tegel.scania.com",
+  "bugs": {
+    "url": "https://github.com/scania-digital-design-system/sdds/issues"
+  },
+  "main": "dist/index.cjs.js",
+  "module": "dist/index.js",
+  "es2015": "dist/esm/index.mjs",
+  "es2017": "dist/esm/index.mjs",
+  "types": "dist/types/index.d.ts",
+  "collection": "dist/collection/collection-manifest.json",
+  "collection:main": "dist/collection/index.js",
+  "unpkg": "dist/components/components.esm.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/scania-digital-design-system/sdds.git"
+  },
+  "files": [
+    "dist/",
+    "loader/"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "stencil build --docs",
+    "start": "stencil build --dev --watch --serve",
+    "test": "stencil test --spec --e2e",
+    "test.watch": "stencil test --spec --e2e --watchAll",
+    "generate": "stencil generate",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook --quiet",
+    "deploy-storybook": "npm install && npm run build && npm run build-storybook",
+    "build-stencil:watch": "stencil build --docs-readme --watch",
+    "start-storybook": "start-storybook -p 6006",
+    "tegel": "concurrently --raw  'npm:build-stencil:watch' 'npm:start-storybook'",
+    "commit": "npm run --prefix ../ commit"
+  },
+  "dependencies": {
+    "@popperjs/core": "^2.11.6",
+    "@stencil/core": "^2.13.0",
+    "@storybook/addon-google-analytics": "^6.2.9",
+    "concurrently": "^7.4.0",
+    "dotenv": "^16.0.3",
+    "html-format": "^1.0.2",
+    "prettier": "^2.7.1"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.19.1",
+    "@stencil/sass": "^2.0.0",
+    "@storybook/addon-a11y": "^6.5.14",
+    "@storybook/addon-actions": "^6.5.12",
+    "@storybook/addon-essentials": "^6.5.12",
+    "@storybook/addon-interactions": "^6.5.12",
+    "@storybook/addon-links": "^6.5.12",
+    "@storybook/addon-measure": "^6.5.13",
+    "@storybook/addon-notes": "^5.3.21",
+    "@storybook/addons": "^6.5.13",
+    "@storybook/builder-webpack4": "^6.5.12",
+    "@storybook/html": "^6.5.12",
+    "@storybook/manager-webpack4": "^6.5.12",
+    "@storybook/testing-library": "^0.0.13",
+    "@types/jest": "^27.0.3",
+    "addon-screen-reader": "^1.8.6",
+    "babel-loader": "^8.2.5",
+    "jest": "^27.4.5",
+    "jest-cli": "^27.4.5",
+    "puppeteer": "^10.0.0",
+    "storybook-addon-designs": "^6.3.1",
+    "storybook-dark-mode": "^1.1.2"
+  },
+  "license": "MIT",
+  "engines": {
+    "npm": ">=8.0.0 <9.0.0",
+    "node": ">=16.10.0 <17.0.0"
+  }
+}

package/readme.md

@@ -0,0 +1,51 @@
+<!-- TODO: add release -->
+<!-- [![Github release](https://img.shields.io/npm/v/@scania/components?color=1081C2)](https://www.npmjs.com/package/@scania/components)
+[![Github release](https://img.shields.io/github/v/release/scania-digital-design-system/sdds?color=1081C2)](https://github.com/scania-digital-design-system/sdds/releases) -->
+[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
+![](https://img.shields.io/github/license/scania-digital-design-system/sdds)
+[![Getting Started](https://img.shields.io/badge/Available%20components-tegel.scania.com-orange)](https://tegel.scania.com/getting-started/development)
+
+# Tegel Design System - Components
+
+**Technical documentation**
+
+Check out [Tegel Design System](https://tegel.scania.com/) for implementation and technical documentation.
+
+## Quick start
+
+- Installation: [https://tegel.scania.com/development/getting-started-development/installation](https://tegel.scania.com/development/getting-started-development/installation)
+
+
+See all available components in the [Tegel Design System](https://tegel.scania.com/components/overview).
+
+## Browser support
+
+See the browser support section on [the Tegel website](https://tegel.scania.com/development/getting-started-development/introduction#browser-support).
+
+## Contributing
+
+Please read through our [contributing guidelines](https://github.com/scania-digital-design-system/sdds/blob/master/CONTRIBUTING.md) for the directions to **develop components**, **create a pull request** and **coding standard**.
+
+- [Report bug](https://github.com/scania-digital-design-system/sdds/issues)
+- [Request feature](https://github.com/scania-digital-design-system/sdds/issues/new)
+
+### Setting up the development environment
+
+1. Make sure you are using the required node.js version specified in `tegel/package.json` (node 16 at the time of writing).
+2. Run `npm install` in the /tegel directory.
+3. Create a `.env` file in the /tegel directory with the following contents:
+
+  ```
+  STORYBOOK_ENV=development
+  ```
+4. Make sure you are in the /tegel directory, and start the dev server with `npm run tegel`.
+
+## Community
+
+Get in touch with the team and the community:
+
+- [Teams](https://teams.microsoft.com/l/team/19%3a1257007a64d44c64954acca27a9d4b46%40thread.skype/conversations?groupId=79f9bfeb-73e2-424d-9477-b236191ece5e&tenantId=3bc062e4-ac9d-4c17-b4dd-3aad637ff1ac)
+
+## License
+
+All CSS, HTML and JS code are available under the MIT license. The Scania brand identity, logos and photographs found in this repository are copyrighted Scania CV AB and are not available on an open source basis or to be used as examples or in any other way, if not specifically ordered by Scania CV AB.