@intelligentgrowthsolutions/eco
Advanced tools
Comparing version 1.0.0 to 1.0.1
@@ -8,3 +8,3 @@ 'use strict'; | ||
const ecoSelectCss = "eco-select{--color:var(--c-text);display:block;max-width:100%}eco-select div{display:grid;gap:var(--sp-xs);grid-template-columns:100%;color:var(--color)}eco-select select{display:block;font-size:var(--fs-md);font-family:var(--ff-base);font-weight:var(--fw-base);color:var(--color);line-height:var(--line-height-base);padding:var(--sp-sm);width:100%;max-width:100%;box-sizing:border-box;margin:0;border:0;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;border-radius:var(--br-md);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--c-cta-background);background-image:url(\"eco/static/icons/content-collapse.svg\");background-repeat:no-repeat;background-position:right var(--sp-xs) top 50%;background-size:var(--sp-xl) auto}eco-select select::-ms-expand{display:none}eco-select select:hover{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}eco-select select:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset;color:var(--color);outline:none}eco-select select option{font-weight:var(--fw-base)}eco-select *[dir=\"rtl\"] select,:root:lang(ar) select,:root:lang(iw) select{background-position:left var(--sp-xs) top 50%}eco-select select:disabled,eco-select select[aria-disabled=\"true\"]{color:var(--c-text);background-color:var(--c-input-disabled);cursor:not-allowed}eco-select .default{--color:var(--c-text)}eco-select .error{--color:var(--c-cta-danger)}eco-select .success{--color:var(--c-cta-success)}eco-select .sm select{width:15ch}eco-select .md select{width:30ch}eco-select .lg select{width:45ch}eco-select .full select{width:100%}"; | ||
const ecoSelectCss = "eco-select{--color:var(--c-text);display:block;max-width:100%}eco-select div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}eco-select select{display:block;font-size:var(--fs-md);font-family:var(--ff-base);font-weight:var(--fw-base);color:var(--color);line-height:var(--line-height-base);padding:var(--sp-sm);width:100%;max-width:100%;box-sizing:border-box;margin:0;border:0;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;border-radius:var(--br-md);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--c-cta-background);background-image:url(\"eco/static/icons/content-collapse.svg\");background-repeat:no-repeat;background-position:right var(--sp-xs) top 50%;background-size:var(--sp-xl) auto}eco-select select::-ms-expand{display:none}eco-select select:hover{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}eco-select select:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset;color:var(--color);outline:none}eco-select select option{font-weight:var(--fw-base)}eco-select *[dir=\"rtl\"] select,:root:lang(ar) select,:root:lang(iw) select{background-position:left var(--sp-xs) top 50%}eco-select select:disabled,eco-select select[aria-disabled=\"true\"]{color:var(--c-text);background-color:var(--c-input-disabled);cursor:not-allowed}eco-select .default{--color:var(--c-text)}eco-select .error{--color:var(--c-cta-danger)}eco-select .success{--color:var(--c-cta-success)}eco-select .sm select{width:15ch}eco-select .md select{width:30ch}eco-select .lg select{width:45ch}eco-select .full select{width:100%}"; | ||
@@ -11,0 +11,0 @@ const EcoSelect = class { |
@@ -547,3 +547,3 @@ import { attachShadow, h, Host, Fragment, createEvent, proxyCustomElement } from '@stencil/core/internal/client'; | ||
const ecoSelectCss = "eco-select{--color:var(--c-text);display:block;max-width:100%}eco-select div{display:grid;gap:var(--sp-xs);grid-template-columns:100%;color:var(--color)}eco-select select{display:block;font-size:var(--fs-md);font-family:var(--ff-base);font-weight:var(--fw-base);color:var(--color);line-height:var(--line-height-base);padding:var(--sp-sm);width:100%;max-width:100%;box-sizing:border-box;margin:0;border:0;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;border-radius:var(--br-md);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--c-cta-background);background-image:url(\"eco/static/icons/content-collapse.svg\");background-repeat:no-repeat;background-position:right var(--sp-xs) top 50%;background-size:var(--sp-xl) auto}eco-select select::-ms-expand{display:none}eco-select select:hover{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}eco-select select:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset;color:var(--color);outline:none}eco-select select option{font-weight:var(--fw-base)}eco-select *[dir=\"rtl\"] select,:root:lang(ar) select,:root:lang(iw) select{background-position:left var(--sp-xs) top 50%}eco-select select:disabled,eco-select select[aria-disabled=\"true\"]{color:var(--c-text);background-color:var(--c-input-disabled);cursor:not-allowed}eco-select .default{--color:var(--c-text)}eco-select .error{--color:var(--c-cta-danger)}eco-select .success{--color:var(--c-cta-success)}eco-select .sm select{width:15ch}eco-select .md select{width:30ch}eco-select .lg select{width:45ch}eco-select .full select{width:100%}"; | ||
const ecoSelectCss = "eco-select{--color:var(--c-text);display:block;max-width:100%}eco-select div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}eco-select select{display:block;font-size:var(--fs-md);font-family:var(--ff-base);font-weight:var(--fw-base);color:var(--color);line-height:var(--line-height-base);padding:var(--sp-sm);width:100%;max-width:100%;box-sizing:border-box;margin:0;border:0;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;border-radius:var(--br-md);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--c-cta-background);background-image:url(\"eco/static/icons/content-collapse.svg\");background-repeat:no-repeat;background-position:right var(--sp-xs) top 50%;background-size:var(--sp-xl) auto}eco-select select::-ms-expand{display:none}eco-select select:hover{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}eco-select select:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset;color:var(--color);outline:none}eco-select select option{font-weight:var(--fw-base)}eco-select *[dir=\"rtl\"] select,:root:lang(ar) select,:root:lang(iw) select{background-position:left var(--sp-xs) top 50%}eco-select select:disabled,eco-select select[aria-disabled=\"true\"]{color:var(--c-text);background-color:var(--c-input-disabled);cursor:not-allowed}eco-select .default{--color:var(--c-text)}eco-select .error{--color:var(--c-cta-danger)}eco-select .success{--color:var(--c-cta-success)}eco-select .sm select{width:15ch}eco-select .md select{width:30ch}eco-select .lg select{width:45ch}eco-select .full select{width:100%}"; | ||
@@ -550,0 +550,0 @@ const EcoSelect = class extends HTMLElement { |
import { r as registerInstance, h, e as Host } from './index-c81e7d26.js'; | ||
import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-811399b0.js'; | ||
const ecoSelectCss = "eco-select{--color:var(--c-text);display:block;max-width:100%}eco-select div{display:grid;gap:var(--sp-xs);grid-template-columns:100%;color:var(--color)}eco-select select{display:block;font-size:var(--fs-md);font-family:var(--ff-base);font-weight:var(--fw-base);color:var(--color);line-height:var(--line-height-base);padding:var(--sp-sm);width:100%;max-width:100%;box-sizing:border-box;margin:0;border:0;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;border-radius:var(--br-md);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--c-cta-background);background-image:url(\"eco/static/icons/content-collapse.svg\");background-repeat:no-repeat;background-position:right var(--sp-xs) top 50%;background-size:var(--sp-xl) auto}eco-select select::-ms-expand{display:none}eco-select select:hover{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}eco-select select:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset;color:var(--color);outline:none}eco-select select option{font-weight:var(--fw-base)}eco-select *[dir=\"rtl\"] select,:root:lang(ar) select,:root:lang(iw) select{background-position:left var(--sp-xs) top 50%}eco-select select:disabled,eco-select select[aria-disabled=\"true\"]{color:var(--c-text);background-color:var(--c-input-disabled);cursor:not-allowed}eco-select .default{--color:var(--c-text)}eco-select .error{--color:var(--c-cta-danger)}eco-select .success{--color:var(--c-cta-success)}eco-select .sm select{width:15ch}eco-select .md select{width:30ch}eco-select .lg select{width:45ch}eco-select .full select{width:100%}"; | ||
const ecoSelectCss = "eco-select{--color:var(--c-text);display:block;max-width:100%}eco-select div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}eco-select select{display:block;font-size:var(--fs-md);font-family:var(--ff-base);font-weight:var(--fw-base);color:var(--color);line-height:var(--line-height-base);padding:var(--sp-sm);width:100%;max-width:100%;box-sizing:border-box;margin:0;border:0;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;border-radius:var(--br-md);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--c-cta-background);background-image:url(\"eco/static/icons/content-collapse.svg\");background-repeat:no-repeat;background-position:right var(--sp-xs) top 50%;background-size:var(--sp-xl) auto}eco-select select::-ms-expand{display:none}eco-select select:hover{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}eco-select select:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset;color:var(--color);outline:none}eco-select select option{font-weight:var(--fw-base)}eco-select *[dir=\"rtl\"] select,:root:lang(ar) select,:root:lang(iw) select{background-position:left var(--sp-xs) top 50%}eco-select select:disabled,eco-select select[aria-disabled=\"true\"]{color:var(--c-text);background-color:var(--c-input-disabled);cursor:not-allowed}eco-select .default{--color:var(--c-text)}eco-select .error{--color:var(--c-cta-danger)}eco-select .success{--color:var(--c-cta-success)}eco-select .sm select{width:15ch}eco-select .md select{width:30ch}eco-select .lg select{width:45ch}eco-select .full select{width:100%}"; | ||
@@ -6,0 +6,0 @@ const EcoSelect = class { |
import { r as registerInstance, h, e as Host } from './index-c81e7d26.js'; | ||
import { a as EcoInputStatusList, b as EcoInputWidthList } from './utils-811399b0.js'; | ||
const ecoSelectCss = "eco-select{--color:var(--c-text);display:block;max-width:100%}eco-select div{display:grid;gap:var(--sp-xs);grid-template-columns:100%;color:var(--color)}eco-select select{display:block;font-size:var(--fs-md);font-family:var(--ff-base);font-weight:var(--fw-base);color:var(--color);line-height:var(--line-height-base);padding:var(--sp-sm);width:100%;max-width:100%;box-sizing:border-box;margin:0;border:0;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;border-radius:var(--br-md);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--c-cta-background);background-image:url(\"eco/static/icons/content-collapse.svg\");background-repeat:no-repeat;background-position:right var(--sp-xs) top 50%;background-size:var(--sp-xl) auto}eco-select select::-ms-expand{display:none}eco-select select:hover{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}eco-select select:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset;color:var(--color);outline:none}eco-select select option{font-weight:var(--fw-base)}eco-select *[dir=\"rtl\"] select,:root:lang(ar) select,:root:lang(iw) select{background-position:left var(--sp-xs) top 50%}eco-select select:disabled,eco-select select[aria-disabled=\"true\"]{color:var(--c-text);background-color:var(--c-input-disabled);cursor:not-allowed}eco-select .default{--color:var(--c-text)}eco-select .error{--color:var(--c-cta-danger)}eco-select .success{--color:var(--c-cta-success)}eco-select .sm select{width:15ch}eco-select .md select{width:30ch}eco-select .lg select{width:45ch}eco-select .full select{width:100%}"; | ||
const ecoSelectCss = "eco-select{--color:var(--c-text);display:block;max-width:100%}eco-select div{display:grid;gap:var(--sp-xxs);grid-template-columns:100%;color:var(--color)}eco-select select{display:block;font-size:var(--fs-md);font-family:var(--ff-base);font-weight:var(--fw-base);color:var(--color);line-height:var(--line-height-base);padding:var(--sp-sm);width:100%;max-width:100%;box-sizing:border-box;margin:0;border:0;box-shadow:0 0 0 var(--bw-thin) var(--color) inset;border-radius:var(--br-md);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--c-cta-background);background-image:url(\"eco/static/icons/content-collapse.svg\");background-repeat:no-repeat;background-position:right var(--sp-xs) top 50%;background-size:var(--sp-xl) auto}eco-select select::-ms-expand{display:none}eco-select select:hover{box-shadow:0 0 0 var(--bw-thick) var(--color) inset}eco-select select:focus{box-shadow:0 0 0 var(--bw-thick) var(--color) inset;color:var(--color);outline:none}eco-select select option{font-weight:var(--fw-base)}eco-select *[dir=\"rtl\"] select,:root:lang(ar) select,:root:lang(iw) select{background-position:left var(--sp-xs) top 50%}eco-select select:disabled,eco-select select[aria-disabled=\"true\"]{color:var(--c-text);background-color:var(--c-input-disabled);cursor:not-allowed}eco-select .default{--color:var(--c-text)}eco-select .error{--color:var(--c-cta-danger)}eco-select .success{--color:var(--c-cta-success)}eco-select .sm select{width:15ch}eco-select .md select{width:30ch}eco-select .lg select{width:45ch}eco-select .full select{width:100%}"; | ||
@@ -6,0 +6,0 @@ const EcoSelect = class { |
{ | ||
"name": "@intelligentgrowthsolutions/eco", | ||
"version": "1.0.0", | ||
"version": "1.0.1", | ||
"description": "Eco Design System for Intelligent Growth Solutions", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js", |
@@ -62,18 +62,10 @@ ![](src/assets/storybook/logo.svg) | ||
Assuming a folder structure of: | ||
Using [npm link](https://www.deadcoderising.com/how-to-smoothly-develop-node-modules-locally-using-npm-link/) we can use the local version of **eco** rather than the published module. To link **eco** to the **angular front end**: | ||
``` | ||
/code | ||
/fms | ||
/eco | ||
``` | ||
Using [npm link](https://www.deadcoderising.com/how-to-smoothly-develop-node-modules-locally-using-npm-link/) we can use the local version of **eco** rather than the published module. To link **eco** to the **fms angular front end**: | ||
```bash | ||
cd fms/src/Web/angular | ||
npm link ../../../../eco | ||
cd PATH_TO_DIR/Web/angular | ||
npm link PATH_TO_DIR/eco | ||
``` | ||
You will need to update `fms/src/Web/angular/src/main.ts` from | ||
You will need to update `PATH_TO_DIR/Web/angular/src/main.ts` from | ||
@@ -87,3 +79,3 @@ ``` | ||
``` | ||
import {defineCustomElements} from '../../../../../eco';` | ||
import {defineCustomElements} from 'PATH_TO_DIR/eco';` | ||
``` | ||
@@ -90,0 +82,0 @@ |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
New author
Supply chain riskA new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
8
1172572
94