@salla.sa/twilight 2.0.20 → 2.0.22

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

@@ -1,6 +0,0 @@
-export declare function format(first: string, middle: string, last: string): string;
-export declare const toInteger: (value: string, defaultValue?: number) => number;
-export declare const validateInput: (event: any) => {
-  isValid: boolean;
-  errors: any[];
-};

package/components/loader/cdn.js

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

package/components/loader/index.cjs.js

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

package/components/loader/index.d.ts

@@ -1,13 +0,0 @@
-
-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/components/loader/index.es2017.js

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

package/components/loader/index.js

@@ -1,4 +0,0 @@
-
-(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/components/loader/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "twilight-components-loader",
-  "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/components/package.json

@@ -1,70 +0,0 @@
-{
-  "name": "@salla.sa/twilight-components",
-  "version": "1.0.2",
-  "license": "MIT",
-  "keywords": [
-    "twilight",
-    "Salla",
-    "Salla-web-component",
-    "Salla app"
-  ],
-  "description": "Salla Web Component",
-  "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/atoms/atoms.js",
-  "files": [
-    "dist/",
-    "loader/",
-    "src/plugins/tailwind-theme/index.js",
-    "src/plugins/tailwind-theme/utilities.json",
-    "src/plugins/tailwind-theme/safe-list-css.txt"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/sallaapp/twilight-components.git"
-  },
-  "homepage": "https://salla.dev",
-  "scripts": {
-    "build": "stencil build",
-    "docs": "stencil build --docs",
-    "start": "stencil build --dev --watch --serve",
-    "test": "stencil test --spec --e2e",
-    "test.watch": "stencil test --spec --e2e --watchAll",
-    "generate": "stencil generate",
-    "lint": "eslint src/**/*{.ts,.tsx}",
-    "doc": "node src/components/generate-summary.js && npx compodoc -p src/tsconfig.app.json",
-    "doc:serve": "npm run doc && npx compodoc -s",
-    "doc:wow": "stencil build --docs-readme",
-    "ci:build": "stencil build --ci",
-    "ci:test": "stencil test --spec",
-    "prerender": "stencil build --prerender"
-  },
-  "devDependencies": {
-    "lodash": "^4.17.21",
-    "tailwindcss": "^2.2.19",
-    "@compodoc/compodoc": "^1.1.14",
-    "@stencil/core": "2.8.1",
-    "@stencil/eslint-plugin": "^0.3.1",
-    "@stencil/react-output-target": "^0.1.0",
-    "@stencil/sass": "1.4.1",
-    "@stencil/vue-output-target": "^0.5.1",
-    "@types/jest": "26.0.15",
-    "@types/puppeteer": "3.0.2",
-    "@typescript-eslint/eslint-plugin": "^2.34.0",
-    "@typescript-eslint/parser": "^2.34.0",
-    "eslint": "^7.32.0",
-    "eslint-config-prettier": "^8.3.0",
-    "eslint-plugin-react": "^7.26.0",
-    "jest": "26.6.1",
-    "jest-cli": "26.6.1",
-    "prettier": "^2.4.1",
-    "puppeteer": "^5.4.1",
-    "typescript": "^4.4.3",
-    "promisify-child-process": "^3.1.4"
-  }
-}

package/components/src/plugins/tailwind-theme/index.js

@@ -1,32 +0,0 @@
-const plugin = require('tailwindcss/plugin');
-const fs = require('fs');
-const path = require('path');
-
-module.exports = plugin.withOptions(() => {
-
-  
-  return function({addUtilities}) {
-    addUtilities({
-      // TODO :: find if there are used and defined them here if its.
-      '.anime-item': {},
-      '.text-md': {},
-      '.items-top': {},
-      '.error': {},
-      '.search-box': {},
-      '.spinner-loader-wrap': {}
-    });
-
-    // todo :: move it to global
-    addUtilities({
-      '.spinner-loader': {
-        'border-right-color': 'var(--main-color) !important',
-        '&.reverse': {
-          'border-right-color': '#9f7171 !important',
-          'background-color': '#f98181'
-        }
-      }
-    });
-
-    addUtilities(JSON.parse(fs.readFileSync(path.resolve(__dirname, 'utilities.json'), 'UTF-8')));
-  };
-});

package/components/src/plugins/tailwind-theme/package.json

@@ -1,27 +0,0 @@
-{
-  "name": "@salla.sa/twilight-tailwind-theme",
-  "version": "1.0.0",
-  "license": "MIT",
-  "keywords": [
-    "Salla twilight",
-    "tailwind",
-    "tailwind-theme",
-    "Salla",
-    "web component"
-  ],
-  "description": "Tailwind theme for twilight (Salla Themes)",
-  "homepage": "https://salla.dev",
-  "scripts": {
-    "generate": "node scripts/generator.js",
-    "publish": "npm version patch && generate && npm publish --access private"
-  },
-  "files": [
-    "index.js",
-    "safe-list-css.txt",
-    "utilities.json"
-  ],
-  "devDependencies": {
-    "lodash": "^4.17.21",
-    "tailwindcss": "^2.2.19"
-  }
-}

package/components/src/plugins/tailwind-theme/readme.md

@@ -1,47 +0,0 @@
-## Usage 
-
-1. add the plugin to tailwaind plugins in `tailwind.config.js` file
-```js
-    plugins: [
-      ...
-      require('@salla.sa/twilight-tailwind-theme'),
-      ....
-    ]
-```
-2. (Optional) in case you are enabling the `purge` you should add the safe list css class to purge settings  in `tailwind.config.js` file
-
-### JIT Enabled 
-
-because of https://tailwindcss.com/docs/just-in-time-mode#limitations
-
-```js
-    purge   : {
-      enabled: true,
-      content: ["views/**/*.twig", "node_modules/@salla.sa/twilight-tailwind-theme/safe-list-css.txt"]
-    }
-```
-
-### JIT Disabled
-
-You can easly add `/^s-.*/` to safelist
-```js
-    purge   : {
-        enabled: true,
-        content: ["views/**/*.twig"],
-        options: {
-            safelist: [/^s-.*/]
-        }
-    },
-```
-
- ## Add A new compnoent 
- 
- 1. create a new folder with the name of compnenet
- 2. create a `utilities.json` file with list of class as json
-
-
-## Publish 
-
-```
-npm run publish
-```

package/components/src/plugins/tailwind-theme/safe-list-css.txt

@@ -1,19 +0,0 @@
-s-search-modal-search-button-icon
-s-search-modal-container
-s-search-modal-wrapper
-s-search-modal-inner
-s-search-modal-search-box-container
-s-search-modal-search-box-inner
-s-search-modal-search-box-inner-open
-s-search-modal-input
-s-search-modal-search-icon
-s-search-modal-spinner
-s-search-modal-spinner-loader
-s-search-modal-search-results
-s-search-modal-no-results
-s-search-modal-product
-s-search-modal-product-image-container
-s-search-modal-product-image
-s-search-modal-product-details
-s-search-modal-product-title
-s-search-modal-product-price

package/components/src/plugins/tailwind-theme/utilities.json

@@ -1 +0,0 @@
-{".s-search-modal-search-button-icon":{"@apply bg-gray-bg2 hover:bg-gray-150 dark:hover:bg-opacity-10 transition duration-300 mx-3 text-sm rounded-full w-9 h-9":{}},".s-search-modal-container":{"@apply fixed inset-0 z-50 flex items-top justify-center overflow-auto items-top":{}},".s-search-modal-wrapper":{"@apply bg-transparent w-full":{}},".s-search-modal-inner":{"@apply mx-auto w-11/12 lg:w-6/12":{}},".s-search-modal-search-box-container":{"@apply mt-36 search-box anime-item":{}},".s-search-modal-search-box-inner":{"@apply relative bg-white rounded-tiny border border-border-color":{}},".s-search-modal-search-box-inner-open":{"@apply relative bg-white rounded-tiny border border-border-color rounded-b-none":{}},".s-search-modal-input":{"@apply anime-item bg-transparent border-0 form-input w-full ps-10 pt-6 pb-7 rounded-tiny text-gray-600":{}},".s-search-modal-search-icon":{"@apply anime-item flex justify-end items-center absolute top-4 start-4 text-md text-gray-text":{}},".s-search-modal-spinner":{"@apply spinner-loader-wrap absolute top-1/2 transform -translate-y-1/2 start-4 w-4 h-4":{}},".s-search-modal-spinner-loader":{"@apply  block spinner-loader w-4 h-4 animate-spin border-2 border-gray-300 rounded-full":{}},".s-search-modal-search-results":{"@apply m-auto max-h-96  overflow-y-auto bg-white rounded-b-tiny":{}},".s-search-modal-no-results":{"@apply error p-4 text-sm text-gray-text":{}},".s-search-modal-product":{"@apply h-full transition duration-500 bg-transparent justify-around overflow-hidden flex transition-colors duration-300 hover:bg-gray-bg2 px-4 xs:px-5 py-5 border-t-0":{}},".s-search-modal-product-image-container":{"@apply relative overflow-hidden w-20 h-20 sm:w-28 sm:h-28 rounded-md":{}},".s-search-modal-product-image":{"@apply h-full w-full object-cover":{}},".s-search-modal-product-details":{"@apply flex-1 ps-4 xs:ps-5 pt-1":{}},".s-search-modal-product-title":{"@apply flex flex-col justify-start items-baseline text-sm font-bold text-title-color leading-6 mb-2.5":{}},".s-search-modal-product-price":{"@apply w-full flex justify-between items-center mb-5 text-primary font-bold text-sm":{}}}

package/components.js

@@ -1 +0,0 @@
-require('./components/dist/twilight-components/twilight-components.esm.js')

package/tailwind.js

@@ -1 +0,0 @@
-module.exports = require('./components/src/plugins/tailwind-theme/index.js');

package/tailwind_css_list.js

@@ -1 +0,0 @@
-module.exports = require('path').resolve(__dirname, 'components/src/plugins/tailwind-theme/safe-list-css.txt');