Socket
Socket
Sign inDemoInstall

@intelligentgrowthsolutions/eco

Package Overview
Dependencies
Maintainers
2
Versions
1048
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@intelligentgrowthsolutions/eco - npm Package Compare versions

Comparing version 1.0.0 to 1.0.1

2

dist/cjs/eco-select.cjs.entry.js

@@ -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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc