@aquera/nile-elements 0.1.44-beta-1.2 → 0.1.44-beta-1.4
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 +7 -0
- package/demo/variables.css +3 -0
- package/dist/index.js +11 -11
- package/dist/nile-checkbox/nile-checkbox.css.cjs.js +1 -1
- package/dist/nile-checkbox/nile-checkbox.css.cjs.js.map +1 -1
- package/dist/nile-checkbox/nile-checkbox.css.esm.js +1 -1
- package/dist/nile-input/nile-input.css.cjs.js +1 -1
- package/dist/nile-input/nile-input.css.cjs.js.map +1 -1
- package/dist/nile-input/nile-input.css.esm.js +1 -1
- package/dist/nile-option/nile-option.css.cjs.js +1 -1
- package/dist/nile-option/nile-option.css.cjs.js.map +1 -1
- package/dist/nile-option/nile-option.css.esm.js +1 -1
- package/dist/nile-select/nile-select.css.cjs.js +1 -1
- package/dist/nile-select/nile-select.css.cjs.js.map +1 -1
- package/dist/nile-select/nile-select.css.esm.js +1 -1
- package/dist/nile-tab-group/nile-tab-group.css.cjs.js +1 -1
- package/dist/nile-tab-group/nile-tab-group.css.cjs.js.map +1 -1
- package/dist/nile-tab-group/nile-tab-group.css.esm.js +7 -7
- package/dist/nile-tag/nile-tag.css.cjs.js +1 -1
- package/dist/nile-tag/nile-tag.css.cjs.js.map +1 -1
- package/dist/nile-tag/nile-tag.css.esm.js +1 -1
- package/dist/nile-tooltip/nile-tooltip.css.cjs.js +1 -1
- package/dist/nile-tooltip/nile-tooltip.css.cjs.js.map +1 -1
- package/dist/nile-tooltip/nile-tooltip.css.esm.js +1 -1
- package/dist/src/nile-checkbox/nile-checkbox.css.js +1 -1
- package/dist/src/nile-checkbox/nile-checkbox.css.js.map +1 -1
- package/dist/src/nile-input/nile-input.css.js +1 -1
- package/dist/src/nile-input/nile-input.css.js.map +1 -1
- package/dist/src/nile-option/nile-option.css.js +1 -1
- package/dist/src/nile-option/nile-option.css.js.map +1 -1
- package/dist/src/nile-select/nile-select.css.js +1 -1
- package/dist/src/nile-select/nile-select.css.js.map +1 -1
- package/dist/src/nile-tab-group/nile-tab-group.css.js +5 -5
- package/dist/src/nile-tab-group/nile-tab-group.css.js.map +1 -1
- package/dist/src/nile-tag/nile-tag.css.js +1 -1
- package/dist/src/nile-tag/nile-tag.css.js.map +1 -1
- package/dist/src/nile-tooltip/nile-tooltip.css.js +1 -1
- package/dist/src/nile-tooltip/nile-tooltip.css.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-checkbox/nile-checkbox.css.ts +1 -1
- package/src/nile-input/nile-input.css.ts +1 -1
- package/src/nile-option/nile-option.css.ts +1 -1
- package/src/nile-select/nile-select.css.ts +1 -1
- package/src/nile-tab-group/nile-tab-group.css.ts +5 -5
- package/src/nile-tag/nile-tag.css.ts +1 -1
- package/src/nile-tooltip/nile-tooltip.css.ts +1 -1
|
@@ -41,7 +41,7 @@ export const styles = css `
|
|
|
41
41
|
font-size: var(--nile-type-scale-3 , var(--ng-font-size-text-sm));
|
|
42
42
|
height: var(--nile-height-26px , var(--ng-height-auto));
|
|
43
43
|
border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));
|
|
44
|
-
padding: var(--nile-spacing-none , var(--ng-spacing-xs)) var(--nile-spacing-
|
|
44
|
+
padding: var(--nile-spacing-none , var(--ng-spacing-xs)) var(--nile-spacing-xsmall , var(--ng-spacing-md));
|
|
45
45
|
}
|
|
46
46
|
|
|
47
47
|
.tag--primary {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-tag.css.js","sourceRoot":"","sources":["../../../src/nile-tag/nile-tag.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoJxB,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 * Tag CSS\n */\nexport const styles = css`\n :host {\n display: inline-block;\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 .tag {\n display: flex;\n align-items: center;\n border: solid 2px;\n line-height: 1;\n white-space: nowrap;\n user-select: none;\n border-radius: var(--nile-radius-sm , var(--ng-radius-sm));\n gap: var(--nile-spacing-sm , var(--ng-spacing-sm));\n justify-content: space-between;\n }\n\n .tag__remove::part(base) {\n color: inherit;\n padding: var(--nile-spacing-none , var(--ng-spacing-none));\n }\n\n /*\n * Variant modifiers\n */\n\n .tag--medium {\n font-size: var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n height: var(--nile-height-26px , var(--ng-height-auto));\n border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));\n padding: var(--nile-spacing-none , var(--ng-spacing-xs)) var(--nile-spacing-
|
|
1
|
+
{"version":3,"file":"nile-tag.css.js","sourceRoot":"","sources":["../../../src/nile-tag/nile-tag.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoJxB,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 * Tag CSS\n */\nexport const styles = css`\n :host {\n display: inline-block;\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 .tag {\n display: flex;\n align-items: center;\n border: solid 2px;\n line-height: 1;\n white-space: nowrap;\n user-select: none;\n border-radius: var(--nile-radius-sm , var(--ng-radius-sm));\n gap: var(--nile-spacing-sm , var(--ng-spacing-sm));\n justify-content: space-between;\n }\n\n .tag__remove::part(base) {\n color: inherit;\n padding: var(--nile-spacing-none , var(--ng-spacing-none));\n }\n\n /*\n * Variant modifiers\n */\n\n .tag--medium {\n font-size: var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n height: var(--nile-height-26px , var(--ng-height-auto));\n border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));\n padding: var(--nile-spacing-none , var(--ng-spacing-xs)) var(--nile-spacing-xsmall , var(--ng-spacing-md));\n }\n\n .tag--primary {\n background: var(--nile-colors-primary-600);\n border-color: var(--nile-colors-primary-600, var(--ng-colors-border-primary));\n border: 2px solid var(--nile-colors-primary-600, var(--ng-colors-border-primary));\n color: var(--nile-colors-white-base);\n }\n\n .tag--primary:hover {\n border: 2px solid rgba(0, 94, 166, 0.50);\n }\n\n .tag--primary:active > nile-icon-button {\n color: var(--nile-colors-blue-700);\n }\n\n .tag--success {\n background: var(--nile-colors-green-400);\n border: 2px solid var(--nile-colors-green-400, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900);\n }\n\n .tag--success:hover {\n border: 2px solid var(--nile-colors-green-500, var(--ng-colors-border-primary));\n }\n\n .tag--success:active > nile-icon-button {\n color: var(--nile-colors-green-700);\n }\n\n .tag--normal {\n background: var(--nile-colors-neutral-400 , var(--ng-colors-bg-primary));\n border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-400 , var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900 , var(--ng-colors-text-secondary-700));\n }\n \n .tag--normal:hover {\n border: var(--nile-border-size-2, var(--ng-border-width-1)) solid var(--nile-colors-neutral-500 , var(--ng-colors-border-primary));\n }\n\n .tag--normal:active > nile-icon-button {\n color: var(--nile-colors-neutral-700);\n }\n\n .tag--warning {\n background: var(--nile-colors-yellow-400);\n border: 2px solid var(--nile-colors-yellow-400, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900);\n }\n\n .tag--warning:hover {\n border: 2px solid var(--nile-colors-yellow-500, var(--ng-colors-border-primary));\n }\n\n .tag--warning:active > nile-icon-button {\n color: var(--nile-colors-yellow-500);\n }\n\n\n .tag--error {\n background: var(--nile-colors-red-400);\n border: 2px solid var(--nile-colors-red-400, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900);\n }\n\n .tag--error:hover {\n border: 2px solid var(--nile-colors-red-500, var(--ng-colors-border-primary));\n }\n\n .tag--error:active > nile-icon-button {\n color: var(--nile-colors-red-500);\n }\n\n .tag--info {\n background: var(--nile-colors-blue-400);\n border: 2px solid var(--nile-colors-blue-400, var(--ng-colors-border-primary));\n color: var(--nile-colors-dark-900);\n }\n\n .tag--info:hover {\n border: 2px solid var(--nile-colors-blue-500, var(--ng-colors-border-primary));\n }\n\n .tag--info:active > nile-icon-button {\n color: var(--nile-colors-red-500);\n }\n\n .tag__remove {\n margin-inline-start: var(--nile-spacing-7px , var(--ng-spacing-md));\n }\n\n /*\n * Pill modifier\n */\n\n .tag--pill {\n border-radius: var(--nile-radius-full , var(--ng-spacing-8xl));\n }\n\n .tag__prefix {\n padding: var(--nile-spacing-xs , var(--ng-spacing-xs)) var(--nile-spacing-sm , var(--ng-spacing-sm));\n}\n\n .tag__content {\n font-size: var(--nile-type-scale-3 , var(--ng-font-size-text-sm));\n}\n\n .prefix_content_wrapper {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 6px;\n }\n`;\n\nexport default [styles];\n"]}
|
|
@@ -58,7 +58,7 @@ export const styles = css `
|
|
|
58
58
|
color: var(--nile-colors-white-base, var(--ng-colors-text-white));
|
|
59
59
|
pointer-events: none;
|
|
60
60
|
word-break: break-word;
|
|
61
|
-
font-family: var(--nile-font-family-
|
|
61
|
+
font-family: var(--nile-font-family-inherit, var(--ng-font-family-body));
|
|
62
62
|
box-shadow:var(--nile-box-shadow-none, var(--ng-shadow-lg));
|
|
63
63
|
}
|
|
64
64
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-tooltip.css.js","sourceRoot":"","sources":["../../../src/nile-tooltip/nile-tooltip.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DxB,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 * Tooltip CSS\n */\nexport const styles = css`\n :host {\n --max-width: 20rem;\n --hide-delay: 0ms;\n --show-delay: 150ms;\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 display: contents;\n }\n\n .tooltip {\n --arrow-size: var(--nile-height-6px, var(--ng-height-5px));\n --arrow-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n }\n\n .tooltip::part(popup) {\n pointer-events: none;\n z-index: 1000;\n }\n\n .tooltip[placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .tooltip[placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n .tooltip[placement^='left']::part(popup) {\n transform-origin: right;\n }\n\n .tooltip[placement^='right']::part(popup) {\n transform-origin: left;\n }\n\n .tooltip__body {\n display: block;\n width: max-content;\n max-width: var(--max-width);\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n background-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n font-size: var(--nile-tooltip-font-size-sm, var(--ng-font-size-text-xs));\n font-weight: var(--nile-tooltip-font-weight-sm, var(--ng-font-weight-semibold));\n line-height: var(--nile-tooltip-line-height-sm, var(--ng-line-height-text-xs));\n padding: var(--nile-tooltip-padding-y, var(--ng-spacing-md)) var(--nile-tooltip-padding-x, var(--ng-spacing-md));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n pointer-events: none;\n word-break: break-word;\n font-family: var(--nile-font-family-
|
|
1
|
+
{"version":3,"file":"nile-tooltip.css.js","sourceRoot":"","sources":["../../../src/nile-tooltip/nile-tooltip.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2DxB,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 * Tooltip CSS\n */\nexport const styles = css`\n :host {\n --max-width: 20rem;\n --hide-delay: 0ms;\n --show-delay: 150ms;\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 display: contents;\n }\n\n .tooltip {\n --arrow-size: var(--nile-height-6px, var(--ng-height-5px));\n --arrow-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n }\n\n .tooltip::part(popup) {\n pointer-events: none;\n z-index: 1000;\n }\n\n .tooltip[placement^='top']::part(popup) {\n transform-origin: bottom;\n }\n\n .tooltip[placement^='bottom']::part(popup) {\n transform-origin: top;\n }\n\n .tooltip[placement^='left']::part(popup) {\n transform-origin: right;\n }\n\n .tooltip[placement^='right']::part(popup) {\n transform-origin: left;\n }\n\n .tooltip__body {\n display: block;\n width: max-content;\n max-width: var(--max-width);\n border-radius: var(--nile-radius-sm, var(--ng-radius-md));\n background-color: var(--nile-tooltip-color-background, var(--ng-colors-bg-primary-solid));\n font-size: var(--nile-tooltip-font-size-sm, var(--ng-font-size-text-xs));\n font-weight: var(--nile-tooltip-font-weight-sm, var(--ng-font-weight-semibold));\n line-height: var(--nile-tooltip-line-height-sm, var(--ng-line-height-text-xs));\n padding: var(--nile-tooltip-padding-y, var(--ng-spacing-md)) var(--nile-tooltip-padding-x, var(--ng-spacing-md));\n color: var(--nile-colors-white-base, var(--ng-colors-text-white));\n pointer-events: none;\n word-break: break-word;\n font-family: var(--nile-font-family-inherit, var(--ng-font-family-body));\n box-shadow:var(--nile-box-shadow-none, var(--ng-shadow-lg));\n }\n\n .tooltip__body--large {\n font-size: var(--nile-tooltip-font-size-lg);\n line-height: var(--nile-tooltip-line-height-lg);\n font-weight: var(--nile-tooltip-font-weight-lg);\n }\n`;\n\nexport default [styles];\n"]}
|