@aquera/nile-elements 0.1.46-beta-1.0 → 0.1.46-beta-1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +4 -0
- package/demo/variables.css +2 -0
- package/dist/index.js +3 -4
- package/dist/nile-chip/nile-chip.css.cjs.js +1 -1
- package/dist/nile-chip/nile-chip.css.cjs.js.map +1 -1
- package/dist/nile-chip/nile-chip.css.esm.js +1 -2
- package/dist/nile-menu/nile-menu.css.cjs.js +1 -1
- package/dist/nile-menu/nile-menu.css.cjs.js.map +1 -1
- package/dist/nile-menu/nile-menu.css.esm.js +2 -2
- package/dist/src/nile-chip/nile-chip.css.js +1 -2
- package/dist/src/nile-chip/nile-chip.css.js.map +1 -1
- package/dist/src/nile-menu/nile-menu.css.js +2 -2
- package/dist/src/nile-menu/nile-menu.css.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-chip/nile-chip.css.ts +1 -2
- package/src/nile-menu/nile-menu.css.ts +2 -2
package/README.md
CHANGED
|
@@ -79,6 +79,10 @@ To run a local development server that serves the basic demo located in `demo/in
|
|
|
79
79
|
|
|
80
80
|
In this section, you can find the updates for each release of `nile-elements`. It's a good practice to maintain detailed release notes to help users and developers understand what changes have been made from one version to another and how these changes might affect their projects.
|
|
81
81
|
|
|
82
|
+
#### Version 0.1.46-beta-1.1
|
|
83
|
+
- Nile Tokenization: Admin UI defect fixes
|
|
84
|
+
- Dependency Nile 0.3.69-beta-1.1
|
|
85
|
+
|
|
82
86
|
#### Version 0.1.46-beta-1.0
|
|
83
87
|
- Nile Tokenization: Admin UI defect fixes
|
|
84
88
|
- Dependency Nile 0.3.69-beta-1.0
|
package/demo/variables.css
CHANGED
package/dist/index.js
CHANGED
|
@@ -1712,8 +1712,8 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
|
|
|
1712
1712
|
display: block;
|
|
1713
1713
|
position: relative;
|
|
1714
1714
|
background: var(--nile-colors-white-base,var(--ng-colors-bg-primary));
|
|
1715
|
-
border: solid 1px var(--nile-
|
|
1716
|
-
border-radius: var(--nile-radius-
|
|
1715
|
+
border: solid 1px var(--nile-custom-color-288,var(--ng-colors-border-secondary-alt));
|
|
1716
|
+
border-radius: var(--nile-radius-radius-lg,var(--ng-radius-md));
|
|
1717
1717
|
overflow: hidden;
|
|
1718
1718
|
-webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
|
|
1719
1719
|
-moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
|
|
@@ -4841,7 +4841,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
|
|
|
4841
4841
|
}
|
|
4842
4842
|
|
|
4843
4843
|
.nile-chip {
|
|
4844
|
-
padding: var(--nile-spacing-
|
|
4844
|
+
padding: var(--nile-spacing-5px,var( --ng-spacing-md)) var(--nile-spacing-10px,var(--ng-spacing-lg));
|
|
4845
4845
|
background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));
|
|
4846
4846
|
border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));
|
|
4847
4847
|
border: solid 1px var(--nile-colors-neutral-500,var(--ng-colors-border-primary));
|
|
@@ -4850,7 +4850,6 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
|
|
|
4850
4850
|
width: 100%;
|
|
4851
4851
|
overflow-x: hidden;
|
|
4852
4852
|
gap : var(--nile-gap-unset, var(--ng-spacing-md));
|
|
4853
|
-
align-items: center;
|
|
4854
4853
|
}
|
|
4855
4854
|
|
|
4856
4855
|
nile-input::part(base) {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n box-sizing: border-box;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label */\n .form-control--has-label .form-control__label {\n display: inline-block;\n color: inherit;\n margin-bottom: var(--nile-spacing-lg,var( --ng-spacing-sm));\n color: var(--nile-colors-dark-900,var(--ng-colors-text-secondary-700));\n font-family: var(--nile-font-family-serif,var( --ng-font-family-body));\n font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n font-style: normal;\n font-weight: var(--nile-font-weight-regular,var(--ng-font-weight-500));\n line-height: var(--nile-type-scale-3,var( --ng-line-height-text-sm));\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '*';\n margin-inline-start: -2px;\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: var(--nile-colors-neutral-700,var( --ng-colors-text-primary-900));\n margin-top: var(--nile-spacing-xxxxsmall);\n }\n\n .form-control--has-help-text.form-control--small .form-control__help-text {\n font-size: var(--nile-spacing-xsmall,var(--ng-font-size-text-md));\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: var(--nile-font-size-rem-medium,var(--ng-font-size-text-md));\n }\n\n .form-control--has-help-text.form-control--large .form-control__help-text {\n font-size: var(--nile-font-size-rem-large,var(--ng-font-size-text-md));\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: var(--nile-spacing-xxxsmall);\n }\n\n :host {\n display: block;\n font-family: var(--nile-font-family-inherit,var(--ng-font-family-body));\n }\n\n .nile-chip {\n padding: var(--nile-spacing-
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,r;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){o=_lit.css;}],execute:function execute(){_export("s",r=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n box-sizing: border-box;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label */\n .form-control--has-label .form-control__label {\n display: inline-block;\n color: inherit;\n margin-bottom: var(--nile-spacing-lg,var( --ng-spacing-sm));\n color: var(--nile-colors-dark-900,var(--ng-colors-text-secondary-700));\n font-family: var(--nile-font-family-serif,var( --ng-font-family-body));\n font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n font-style: normal;\n font-weight: var(--nile-font-weight-regular,var(--ng-font-weight-500));\n line-height: var(--nile-type-scale-3,var( --ng-line-height-text-sm));\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '*';\n margin-inline-start: -2px;\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: var(--nile-colors-neutral-700,var( --ng-colors-text-primary-900));\n margin-top: var(--nile-spacing-xxxxsmall);\n }\n\n .form-control--has-help-text.form-control--small .form-control__help-text {\n font-size: var(--nile-spacing-xsmall,var(--ng-font-size-text-md));\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: var(--nile-font-size-rem-medium,var(--ng-font-size-text-md));\n }\n\n .form-control--has-help-text.form-control--large .form-control__help-text {\n font-size: var(--nile-font-size-rem-large,var(--ng-font-size-text-md));\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: var(--nile-spacing-xxxsmall);\n }\n\n :host {\n display: block;\n font-family: var(--nile-font-family-inherit,var(--ng-font-family-body));\n }\n\n .nile-chip {\n padding: var(--nile-spacing-5px,var( --ng-spacing-md)) var(--nile-spacing-10px,var(--ng-spacing-lg));\n background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));\n border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));\n border: solid 1px var(--nile-colors-neutral-500,var(--ng-colors-border-primary));\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n overflow-x: hidden;\n gap : var(--nile-gap-unset, var(--ng-spacing-md));\n }\n\n nile-input::part(base) {\n padding: 0px !important;\n }\n\n .nile-chip--no-wrap {\n flex-wrap: nowrap;\n overflow-x: scroll;\n }\n\n .nile-chip::-webkit-scrollbar {\n height: 2px;\n }\n\n .nile-chip::-webkit-scrollbar-thumb {\n background: var(\n --nile-colors-primary-600\n );\n }\n\n .nile-chip--disabled {\n background: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));\n /* opacity: 0.5; */\n cursor: not-allowed;\n pointer-events: none;\n }\n\n :host([disabled]) nile-tag::part(base) {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n }\n\n :host([disabled]) .nile-chip {\n background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n }\n\n .nile-chip:hover:not(.nile-chip--disabled) {\n background-color: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n box-shadow: var(--nile-box-shadow-10,var(--ng-shadow-xs));\n outline: var(--nile-border-width-1, var(--ng-border-width-1)) var(--nile-border-style-solid, var(--ng-border-style-solid)) var(--nile-outline-none, var(--ng-colors-border-brand))\n }\n\n .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));\n border-color: var(--nile-colors-primary-600,var(--ng-colors-border-brand));\n box-shadow: var(--nile-box-shadow-10,var(--ng-shadow-xs));\n }\n\n .nile-chip.nile-chip--disabled {\n background-color: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));\n border-color: var(--nile-colors-neutral-400,var(--ng-colors-border-disabled));\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .nile-chip.nile-chip--warning {\n border-color: var(--nile-colors-yellow-500,var( --ng-componentcolors-utility-warning-500));\n }\n\n .nile-chip.nile-chip--error {\n border-color: var(--nile-colors-red-500,var(--ng-colors-border-error));\n }\n\n .nile-chip.nile-chip--success {\n border-color: var(--nile-colors-green-500);\n }\n\n .nile-chip__auto-complete {\n flex: 1;\n }\n .nile-chip__tags {\n margin: var(--nile-margin-size-rem-small);\n }\n"]))));}};});
|
|
2
2
|
//# sourceMappingURL=nile-chip.css.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-chip.css.cjs.js","sources":["../../../src/nile-chip/nile-chip.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Chip CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label */\n .form-control--has-label .form-control__label {\n display: inline-block;\n color: inherit;\n margin-bottom: var(--nile-spacing-lg,var( --ng-spacing-sm));\n color: var(--nile-colors-dark-900,var(--ng-colors-text-secondary-700));\n font-family: var(--nile-font-family-serif,var( --ng-font-family-body));\n font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n font-style: normal;\n font-weight: var(--nile-font-weight-regular,var(--ng-font-weight-500));\n line-height: var(--nile-type-scale-3,var( --ng-line-height-text-sm));\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '*';\n margin-inline-start: -2px;\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: var(--nile-colors-neutral-700,var( --ng-colors-text-primary-900));\n margin-top: var(--nile-spacing-xxxxsmall);\n }\n\n .form-control--has-help-text.form-control--small .form-control__help-text {\n font-size: var(--nile-spacing-xsmall,var(--ng-font-size-text-md));\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: var(--nile-font-size-rem-medium,var(--ng-font-size-text-md));\n }\n\n .form-control--has-help-text.form-control--large .form-control__help-text {\n font-size: var(--nile-font-size-rem-large,var(--ng-font-size-text-md));\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: var(--nile-spacing-xxxsmall);\n }\n\n :host {\n display: block;\n font-family: var(--nile-font-family-inherit,var(--ng-font-family-body));\n }\n\n .nile-chip {\n padding: var(--nile-spacing-
|
|
1
|
+
{"version":3,"file":"nile-chip.css.cjs.js","sources":["../../../src/nile-chip/nile-chip.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Chip CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label */\n .form-control--has-label .form-control__label {\n display: inline-block;\n color: inherit;\n margin-bottom: var(--nile-spacing-lg,var( --ng-spacing-sm));\n color: var(--nile-colors-dark-900,var(--ng-colors-text-secondary-700));\n font-family: var(--nile-font-family-serif,var( --ng-font-family-body));\n font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n font-style: normal;\n font-weight: var(--nile-font-weight-regular,var(--ng-font-weight-500));\n line-height: var(--nile-type-scale-3,var( --ng-line-height-text-sm));\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '*';\n margin-inline-start: -2px;\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: var(--nile-colors-neutral-700,var( --ng-colors-text-primary-900));\n margin-top: var(--nile-spacing-xxxxsmall);\n }\n\n .form-control--has-help-text.form-control--small .form-control__help-text {\n font-size: var(--nile-spacing-xsmall,var(--ng-font-size-text-md));\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: var(--nile-font-size-rem-medium,var(--ng-font-size-text-md));\n }\n\n .form-control--has-help-text.form-control--large .form-control__help-text {\n font-size: var(--nile-font-size-rem-large,var(--ng-font-size-text-md));\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: var(--nile-spacing-xxxsmall);\n }\n\n :host {\n display: block;\n font-family: var(--nile-font-family-inherit,var(--ng-font-family-body));\n }\n\n .nile-chip {\n padding: var(--nile-spacing-5px,var( --ng-spacing-md)) var(--nile-spacing-10px,var(--ng-spacing-lg));\n background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));\n border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));\n border: solid 1px var(--nile-colors-neutral-500,var(--ng-colors-border-primary));\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n overflow-x: hidden;\n gap : var(--nile-gap-unset, var(--ng-spacing-md));\n }\n\n nile-input::part(base) {\n padding: 0px !important;\n }\n\n .nile-chip--no-wrap {\n flex-wrap: nowrap;\n overflow-x: scroll;\n }\n\n .nile-chip::-webkit-scrollbar {\n height: 2px;\n }\n\n .nile-chip::-webkit-scrollbar-thumb {\n background: var(\n --nile-colors-primary-600\n );\n }\n\n .nile-chip--disabled {\n background: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));\n /* opacity: 0.5; */\n cursor: not-allowed;\n pointer-events: none;\n }\n\n :host([disabled]) nile-tag::part(base) {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n }\n\n :host([disabled]) .nile-chip {\n background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n }\n\n .nile-chip:hover:not(.nile-chip--disabled) {\n background-color: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n box-shadow: var(--nile-box-shadow-10,var(--ng-shadow-xs));\n outline: var(--nile-border-width-1, var(--ng-border-width-1)) var(--nile-border-style-solid, var(--ng-border-style-solid)) var(--nile-outline-none, var(--ng-colors-border-brand))\n }\n\n .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));\n border-color: var(--nile-colors-primary-600,var(--ng-colors-border-brand));\n box-shadow: var(--nile-box-shadow-10,var(--ng-shadow-xs));\n }\n\n .nile-chip.nile-chip--disabled {\n background-color: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));\n border-color: var(--nile-colors-neutral-400,var(--ng-colors-border-disabled));\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .nile-chip.nile-chip--warning {\n border-color: var(--nile-colors-yellow-500,var( --ng-componentcolors-utility-warning-500));\n }\n\n .nile-chip.nile-chip--error {\n border-color: var(--nile-colors-red-500,var(--ng-colors-border-error));\n }\n\n .nile-chip.nile-chip--success {\n border-color: var(--nile-colors-green-500);\n }\n\n .nile-chip__auto-complete {\n flex: 1;\n }\n .nile-chip__tags {\n margin: var(--nile-margin-size-rem-small);\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -77,7 +77,7 @@ import{css as o}from"lit";const r=o`
|
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
.nile-chip {
|
|
80
|
-
padding: var(--nile-spacing-
|
|
80
|
+
padding: var(--nile-spacing-5px,var( --ng-spacing-md)) var(--nile-spacing-10px,var(--ng-spacing-lg));
|
|
81
81
|
background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));
|
|
82
82
|
border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));
|
|
83
83
|
border: solid 1px var(--nile-colors-neutral-500,var(--ng-colors-border-primary));
|
|
@@ -86,7 +86,6 @@ import{css as o}from"lit";const r=o`
|
|
|
86
86
|
width: 100%;
|
|
87
87
|
overflow-x: hidden;
|
|
88
88
|
gap : var(--nile-gap-unset, var(--ng-spacing-md));
|
|
89
|
-
align-items: center;
|
|
90
89
|
}
|
|
91
90
|
|
|
92
91
|
nile-input::part(base) {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",n=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: block;\n position: relative;\n background: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n border: solid 1px var(--nile-
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,n;function _taggedTemplateLiteral(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}));}return{setters:[function(_lit){r=_lit.css;}],execute:function execute(){_export("s",n=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n display: block;\n position: relative;\n background: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n border: solid 1px var(--nile-custom-color-288,var(--ng-colors-border-secondary-alt));\n border-radius: var(--nile-radius-radius-lg,var(--ng-radius-md));\n overflow: hidden;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n height: 100%;\n box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),\n 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\n /* overscroll-behavior: none; */\n /* -ms-overflow-style: none; */\n /* scrollbar-width: none; */\n }\n\n .search__wrapper {\n box-sizing: border-box;\n padding: var(--nile-spacing-lg,var(--ng-spacing-lg)) var(--nile-spacing-sm,var(--ng-spacing-sm));\n position: sticky;\n z-index: 999;\n top: 0px;\n background: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n height: 64px;\n }\n\n .menu__items-wrapper {\n overflow: auto;\n max-height: var(--auto-size-available-height);\n }\n\n ::slotted(nile-divider) {\n --spacing: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));\n }\n\n .menu__footer {\n display: var(--nile-display-flex, var(--ng-display-none)); \n /* No need to tokenize below - token not required*/\n border-radius: var(--nile-radius-sm, var(--ng-radius-xs));\n align-items: stretch;\n font-size: var(--nile-font-size-rem-large, var(--ng-font-size-text-sm));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n line-height: 180%;\n letter-spacing: normal;\n color: var(--nile-colors-primary-600,var(--ng-colors-text-brand-secondary-700));\n min-height: 40px;\n transition: 150ms fill;\n user-select: none;\n white-space: nowrap;\n cursor: pointer;\n padding: var(--nile-spacing-none) var(--nile-spacing-spacing-xl);\n margin: auto var(--nile-spacing-none, var(--ng-spacing-none));\n }\n\n .menu__footer:hover {\n background-color:var(--nile-menu-item-background-color, var(--ng-colors-bg-secondary));\n }\n"]))));}};});
|
|
2
2
|
//# sourceMappingURL=nile-menu.css.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-menu.css.cjs.js","sources":["../../../src/nile-menu/nile-menu.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Menu CSS\n */\nexport const styles = css`\n :host {\n display: block;\n position: relative;\n background: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n border: solid 1px var(--nile-
|
|
1
|
+
{"version":3,"file":"nile-menu.css.cjs.js","sources":["../../../src/nile-menu/nile-menu.css.ts"],"sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Menu CSS\n */\nexport const styles = css`\n :host {\n display: block;\n position: relative;\n background: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n border: solid 1px var(--nile-custom-color-288,var(--ng-colors-border-secondary-alt));\n border-radius: var(--nile-radius-radius-lg,var(--ng-radius-md));\n overflow: hidden;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n height: 100%;\n box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),\n 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\n /* overscroll-behavior: none; */\n /* -ms-overflow-style: none; */\n /* scrollbar-width: none; */\n }\n\n .search__wrapper {\n box-sizing: border-box;\n padding: var(--nile-spacing-lg,var(--ng-spacing-lg)) var(--nile-spacing-sm,var(--ng-spacing-sm));\n position: sticky;\n z-index: 999;\n top: 0px;\n background: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n height: 64px;\n }\n\n .menu__items-wrapper {\n overflow: auto;\n max-height: var(--auto-size-available-height);\n }\n\n ::slotted(nile-divider) {\n --spacing: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));\n }\n\n .menu__footer {\n display: var(--nile-display-flex, var(--ng-display-none)); \n /* No need to tokenize below - token not required*/\n border-radius: var(--nile-radius-sm, var(--ng-radius-xs));\n align-items: stretch;\n font-size: var(--nile-font-size-rem-large, var(--ng-font-size-text-sm));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n line-height: 180%;\n letter-spacing: normal;\n color: var(--nile-colors-primary-600,var(--ng-colors-text-brand-secondary-700));\n min-height: 40px;\n transition: 150ms fill;\n user-select: none;\n white-space: nowrap;\n cursor: pointer;\n padding: var(--nile-spacing-none) var(--nile-spacing-spacing-xl);\n margin: auto var(--nile-spacing-none, var(--ng-spacing-none));\n }\n\n .menu__footer:hover {\n background-color:var(--nile-menu-item-background-color, var(--ng-colors-bg-secondary));\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -3,8 +3,8 @@ import{css as r}from"lit";const n=r`
|
|
|
3
3
|
display: block;
|
|
4
4
|
position: relative;
|
|
5
5
|
background: var(--nile-colors-white-base,var(--ng-colors-bg-primary));
|
|
6
|
-
border: solid 1px var(--nile-
|
|
7
|
-
border-radius: var(--nile-radius-
|
|
6
|
+
border: solid 1px var(--nile-custom-color-288,var(--ng-colors-border-secondary-alt));
|
|
7
|
+
border-radius: var(--nile-radius-radius-lg,var(--ng-radius-md));
|
|
8
8
|
overflow: hidden;
|
|
9
9
|
-webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
|
|
10
10
|
-moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
|
|
@@ -87,7 +87,7 @@ export const styles = css `
|
|
|
87
87
|
}
|
|
88
88
|
|
|
89
89
|
.nile-chip {
|
|
90
|
-
padding: var(--nile-spacing-
|
|
90
|
+
padding: var(--nile-spacing-5px,var( --ng-spacing-md)) var(--nile-spacing-10px,var(--ng-spacing-lg));
|
|
91
91
|
background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));
|
|
92
92
|
border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));
|
|
93
93
|
border: solid 1px var(--nile-colors-neutral-500,var(--ng-colors-border-primary));
|
|
@@ -96,7 +96,6 @@ export const styles = css `
|
|
|
96
96
|
width: 100%;
|
|
97
97
|
overflow-x: hidden;
|
|
98
98
|
gap : var(--nile-gap-unset, var(--ng-spacing-md));
|
|
99
|
-
align-items: center;
|
|
100
99
|
}
|
|
101
100
|
|
|
102
101
|
nile-input::part(base) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-chip.css.js","sourceRoot":"","sources":["../../../src/nile-chip/nile-chip.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"nile-chip.css.js","sourceRoot":"","sources":["../../../src/nile-chip/nile-chip.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiKxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Chip CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n .form-control .form-control__label {\n display: none;\n }\n\n .form-control .form-control__help-text {\n display: none;\n }\n\n /* Label */\n .form-control--has-label .form-control__label {\n display: inline-block;\n color: inherit;\n margin-bottom: var(--nile-spacing-lg,var( --ng-spacing-sm));\n color: var(--nile-colors-dark-900,var(--ng-colors-text-secondary-700));\n font-family: var(--nile-font-family-serif,var( --ng-font-family-body));\n font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n font-style: normal;\n font-weight: var(--nile-font-weight-regular,var(--ng-font-weight-500));\n line-height: var(--nile-type-scale-3,var( --ng-line-height-text-sm));\n letter-spacing: 0.2px;\n }\n\n .form-control--has-label.form-control--medium .form-control__label {\n font-size: var(--nile-type-scale-3,var(--ng-font-size-text-sm));\n }\n\n :host([required]) .form-control--has-label .form-control__label::after {\n content: '*';\n margin-inline-start: -2px;\n }\n\n /* Help text */\n .form-control--has-help-text .form-control__help-text {\n display: block;\n color: var(--nile-colors-neutral-700,var( --ng-colors-text-primary-900));\n margin-top: var(--nile-spacing-xxxxsmall);\n }\n\n .form-control--has-help-text.form-control--small .form-control__help-text {\n font-size: var(--nile-spacing-xsmall,var(--ng-font-size-text-md));\n }\n\n .form-control--has-help-text.form-control--medium .form-control__help-text {\n font-size: var(--nile-font-size-rem-medium,var(--ng-font-size-text-md));\n }\n\n .form-control--has-help-text.form-control--large .form-control__help-text {\n font-size: var(--nile-font-size-rem-large,var(--ng-font-size-text-md));\n }\n\n .form-control--has-help-text.form-control--radio-group\n .form-control__help-text {\n margin-top: var(--nile-spacing-xxxsmall);\n }\n\n :host {\n display: block;\n font-family: var(--nile-font-family-inherit,var(--ng-font-family-body));\n }\n\n .nile-chip {\n padding: var(--nile-spacing-5px,var( --ng-spacing-md)) var(--nile-spacing-10px,var(--ng-spacing-lg));\n background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));\n border-radius: var(--nile-radius-radius-xs,var(--ng-radius-md));\n border: solid 1px var(--nile-colors-neutral-500,var(--ng-colors-border-primary));\n display: flex;\n flex-wrap: wrap;\n width: 100%;\n overflow-x: hidden;\n gap : var(--nile-gap-unset, var(--ng-spacing-md));\n }\n\n nile-input::part(base) {\n padding: 0px !important;\n }\n\n .nile-chip--no-wrap {\n flex-wrap: nowrap;\n overflow-x: scroll;\n }\n\n .nile-chip::-webkit-scrollbar {\n height: 2px;\n }\n\n .nile-chip::-webkit-scrollbar-thumb {\n background: var(\n --nile-colors-primary-600\n );\n }\n\n .nile-chip--disabled {\n background: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));\n /* opacity: 0.5; */\n cursor: not-allowed;\n pointer-events: none;\n }\n\n :host([disabled]) nile-tag::part(base) {\n background-color: var(--nile-colors-white-base, var(--ng-colors-bg-primary));\n }\n\n :host([disabled]) .nile-chip {\n background-color: var(--nile-colors-dark-200, var(--ng-colors-bg-disabled-subtle));\n }\n\n .nile-chip:hover:not(.nile-chip--disabled) {\n background-color: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n box-shadow: var(--nile-box-shadow-10,var(--ng-shadow-xs));\n outline: var(--nile-border-width-1, var(--ng-border-width-1)) var(--nile-border-style-solid, var(--ng-border-style-solid)) var(--nile-outline-none, var(--ng-colors-border-brand))\n }\n\n .nile-chip.nile-chip--focused:not(.nile-chip--disabled) {\n background-color: var(--nile-colors-white-base,var( --ng-colors-bg-primary));\n border-color: var(--nile-colors-primary-600,var(--ng-colors-border-brand));\n box-shadow: var(--nile-box-shadow-10,var(--ng-shadow-xs));\n }\n\n .nile-chip.nile-chip--disabled {\n background-color: var(--nile-colors-dark-200,var(--ng-colors-bg-disabled-subtle));\n border-color: var(--nile-colors-neutral-400,var(--ng-colors-border-disabled));\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n .nile-chip.nile-chip--warning {\n border-color: var(--nile-colors-yellow-500,var( --ng-componentcolors-utility-warning-500));\n }\n\n .nile-chip.nile-chip--error {\n border-color: var(--nile-colors-red-500,var(--ng-colors-border-error));\n }\n\n .nile-chip.nile-chip--success {\n border-color: var(--nile-colors-green-500);\n }\n\n .nile-chip__auto-complete {\n flex: 1;\n }\n .nile-chip__tags {\n margin: var(--nile-margin-size-rem-small);\n }\n`;\n\nexport default [styles];\n"]}
|
|
@@ -13,8 +13,8 @@ export const styles = css `
|
|
|
13
13
|
display: block;
|
|
14
14
|
position: relative;
|
|
15
15
|
background: var(--nile-colors-white-base,var(--ng-colors-bg-primary));
|
|
16
|
-
border: solid 1px var(--nile-
|
|
17
|
-
border-radius: var(--nile-radius-
|
|
16
|
+
border: solid 1px var(--nile-custom-color-288,var(--ng-colors-border-secondary-alt));
|
|
17
|
+
border-radius: var(--nile-radius-radius-lg,var(--ng-radius-md));
|
|
18
18
|
overflow: hidden;
|
|
19
19
|
-webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));
|
|
20
20
|
-moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-menu.css.js","sourceRoot":"","sources":["../../../src/nile-menu/nile-menu.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Menu CSS\n */\nexport const styles = css`\n :host {\n display: block;\n position: relative;\n background: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n border: solid 1px var(--nile-
|
|
1
|
+
{"version":3,"file":"nile-menu.css.js","sourceRoot":"","sources":["../../../src/nile-menu/nile-menu.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DxB,CAAC;AAEF,eAAe,CAAC,MAAM,CAAC,CAAC","sourcesContent":["/**\n * Copyright Aquera Inc 2023\n *\n * This source code is licensed under the BSD-3-Clause license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { css } from 'lit';\n\n/**\n * Menu CSS\n */\nexport const styles = css`\n :host {\n display: block;\n position: relative;\n background: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n border: solid 1px var(--nile-custom-color-288,var(--ng-colors-border-secondary-alt));\n border-radius: var(--nile-radius-radius-lg,var(--ng-radius-md));\n overflow: hidden;\n -webkit-font-smoothing: var(--nile-webkit-font-smoothing, var(--ng-webkit-font-smoothing));\n -moz-osx-font-smoothing: var(--nile-moz-osx-font-smoothing, var(--ng-moz-osx-font-smoothing));\n text-rendering: var(--nile-text-rendering, var(--ng-text-rendering));\n height: 100%;\n box-shadow: 0px 20px 24px -4px rgba(16, 24, 40, 0.08),\n 0px 8px 8px -4px rgba(16, 24, 40, 0.03);\n /* overscroll-behavior: none; */\n /* -ms-overflow-style: none; */\n /* scrollbar-width: none; */\n }\n\n .search__wrapper {\n box-sizing: border-box;\n padding: var(--nile-spacing-lg,var(--ng-spacing-lg)) var(--nile-spacing-sm,var(--ng-spacing-sm));\n position: sticky;\n z-index: 999;\n top: 0px;\n background: var(--nile-colors-white-base,var(--ng-colors-bg-primary));\n height: 64px;\n }\n\n .menu__items-wrapper {\n overflow: auto;\n max-height: var(--auto-size-available-height);\n }\n\n ::slotted(nile-divider) {\n --spacing: var(--nile-font-size-rem-xsmall, var(--ng-spacing-md));\n }\n\n .menu__footer {\n display: var(--nile-display-flex, var(--ng-display-none)); \n /* No need to tokenize below - token not required*/\n border-radius: var(--nile-radius-sm, var(--ng-radius-xs));\n align-items: stretch;\n font-size: var(--nile-font-size-rem-large, var(--ng-font-size-text-sm));\n font-weight: var(--nile-font-weight-regular, var(--ng-font-weight-regular));\n line-height: 180%;\n letter-spacing: normal;\n color: var(--nile-colors-primary-600,var(--ng-colors-text-brand-secondary-700));\n min-height: 40px;\n transition: 150ms fill;\n user-select: none;\n white-space: nowrap;\n cursor: pointer;\n padding: var(--nile-spacing-none) var(--nile-spacing-spacing-xl);\n margin: auto var(--nile-spacing-none, var(--ng-spacing-none));\n }\n\n .menu__footer:hover {\n background-color:var(--nile-menu-item-background-color, var(--ng-colors-bg-secondary));\n }\n`;\n\nexport default [styles];\n"]}
|