@aquera/nile-elements 0.1.44-beta-1.2 → 0.1.44-beta-1.3
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 +3 -0
- package/dist/index.js +6 -6
- 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-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-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-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-tab-group/nile-tab-group.css.ts +5 -5
- package/src/nile-tooltip/nile-tooltip.css.ts +1 -1
package/README.md
CHANGED
|
@@ -79,6 +79,9 @@ 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.44-beta-1.3
|
|
83
|
+
- Nile Tokenization: Admin UI defect fixes
|
|
84
|
+
|
|
82
85
|
#### Version 0.1.44-beta-1.2
|
|
83
86
|
- Nile Tokenization: Admin UI defect fixes
|
|
84
87
|
- Dependency Nile 0.3.68-beta-1.1
|
package/dist/index.js
CHANGED
|
@@ -2955,7 +2955,7 @@ const Ze=e=>e??B;function Ve(e,M){const t={waitUntilFirstUpdate:!1,...M};return(
|
|
|
2955
2955
|
color: var(--nile-colors-white-base, var(--ng-colors-text-white));
|
|
2956
2956
|
pointer-events: none;
|
|
2957
2957
|
word-break: break-word;
|
|
2958
|
-
font-family: var(--nile-font-family-
|
|
2958
|
+
font-family: var(--nile-font-family-inherit, var(--ng-font-family-body));
|
|
2959
2959
|
box-shadow:var(--nile-box-shadow-none, var(--ng-shadow-lg));
|
|
2960
2960
|
}
|
|
2961
2961
|
|
|
@@ -6873,7 +6873,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
|
|
|
6873
6873
|
|
|
6874
6874
|
.hide__track {
|
|
6875
6875
|
--track-width: 0px;
|
|
6876
|
-
--tab-gap: var(--nile-spacing-
|
|
6876
|
+
--tab-gap: var(--nile-spacing-3px, var(--ng-spacing-xs));
|
|
6877
6877
|
}
|
|
6878
6878
|
|
|
6879
6879
|
.tab-group__indicator {
|
|
@@ -6892,7 +6892,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
|
|
|
6892
6892
|
|
|
6893
6893
|
.tab-group--has-scroll-controls .tab-group__nav-container {
|
|
6894
6894
|
position: relative;
|
|
6895
|
-
padding: var(--nile-spacing-none) var(--ng-spacing-lg);
|
|
6895
|
+
padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-10px, var(--ng-spacing-lg));
|
|
6896
6896
|
}
|
|
6897
6897
|
|
|
6898
6898
|
.tab-group__body {
|
|
@@ -6971,7 +6971,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
|
|
|
6971
6971
|
}
|
|
6972
6972
|
|
|
6973
6973
|
.tab-group--top ::slotted(nile-tab-panel) {
|
|
6974
|
-
--padding: var(--nile-spacing-
|
|
6974
|
+
--padding: var(--nile-spacing-10px, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));
|
|
6975
6975
|
}
|
|
6976
6976
|
|
|
6977
6977
|
/*
|
|
@@ -7017,7 +7017,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
|
|
|
7017
7017
|
}
|
|
7018
7018
|
|
|
7019
7019
|
.tab-group--bottom ::slotted(nile-tab-panel) {
|
|
7020
|
-
--padding: var(--nile-spacing-
|
|
7020
|
+
--padding: var(--nile-spacing-10px, var(--ng-spacing-2-5)) var(--nile-spacing-none, var(--ng-spacing-none));
|
|
7021
7021
|
}
|
|
7022
7022
|
|
|
7023
7023
|
/*
|
|
@@ -7054,7 +7054,7 @@ class tn{constructor(e){this._element=null;const M=e??window;this._node=M,e&&(th
|
|
|
7054
7054
|
}
|
|
7055
7055
|
|
|
7056
7056
|
.tab-group--start ::slotted(nile-tab-panel) {
|
|
7057
|
-
--padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-
|
|
7057
|
+
--padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-10px, var(--ng-spacing-lg));
|
|
7058
7058
|
}
|
|
7059
7059
|
|
|
7060
7060
|
/*
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,
|
|
1
|
+
System.register(["lit"],function(_export,_context){"use strict";var r,_templateObject,a;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",a=r(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n [hidden] {\n display: none !important;\n }\n\n :host {\n --indicator-color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n --track-color: var(--nile-colors-neutral-400, var(--ng-componentcolors-utility-gray-500));\n --track-width: var(--nile-width-2px, var(--ng-width-0-5));\n --tab-gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\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 display: block;\n }\n\n .tab-group {\n display: flex;\n border-radius: var(--nile-radius-none, var(--ng-radius-none));\n }\n\n .tab-group__tabs {\n display: flex;\n position: relative;\n gap: var(--tab-gap);\n }\n\n .hide__track {\n --track-width: 0px;\n --tab-gap: var(--nile-spacing-3px, var(--ng-spacing-xs));\n }\n\n .tab-group__indicator {\n position: absolute;\n transition: 0.3s translate ease, 0.3s width ease;\n }\n\n .tab-group__indicator__path{\n position: absolute;\n height: var(--track-width);\n width: 100%;\n background: var(--nile-colors-neutral-400, var(--ng-colors-bg-quaternary));\n bottom:0px;\n z-index:0;\n }\n\n .tab-group--has-scroll-controls .tab-group__nav-container {\n position: relative;\n padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-10px, var(--ng-spacing-lg));\n }\n\n .tab-group__body {\n display: block;\n overflow: auto;\n }\n\n .tab-group__scroll-button {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n bottom: 0;\n width: 20px;\n }\n\n .tab-group__scroll-button--start {\n left: 0;\n }\n\n .tab-group__scroll-button--end {\n right: 0;\n }\n\n .tab-group--rtl .tab-group__scroll-button--start {\n left: auto;\n right: 0;\n }\n\n .tab-group--rtl .tab-group__scroll-button--end {\n left: 0;\n right: auto;\n }\n\n /*\n * Top\n */\n\n .tab-group--top {\n flex-direction: column;\n }\n\n .tab-group--top .tab-group__nav-container {\n order: 1;\n }\n\n .tab-group--top .tab-group__nav {\n display: flex;\n overflow-x: auto;\n\n /* Hide scrollbar in Firefox */\n scrollbar-width: none;\n }\n\n /* Hide scrollbar in Chrome/Safari */\n .tab-group--top .tab-group__nav::-webkit-scrollbar {\n width: 0;\n height: 0;\n }\n\n .tab-group--top .tab-group__tabs {\n flex: 1 1 auto;\n position: relative;\n flex-direction: row;\n }\n\n .tab-group--top .tab-group__indicator {\n bottom: 0px;\n border-bottom: 2px solid var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n z-index:0;\n }\n\n .tab-group--top .tab-group__body {\n order: 2;\n }\n\n .tab-group--top ::slotted(nile-tab-panel) {\n --padding: var(--nile-spacing-10px, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));\n }\n\n /*\n * Bottom\n */\n\n .tab-group--bottom {\n flex-direction: column;\n }\n\n .tab-group--bottom .tab-group__nav-container {\n order: 2;\n }\n\n .tab-group--bottom .tab-group__nav {\n display: flex;\n overflow-x: auto;\n\n /* Hide scrollbar in Firefox */\n scrollbar-width: none;\n }\n\n /* Hide scrollbar in Chrome/Safari */\n .tab-group--bottom .tab-group__nav::-webkit-scrollbar {\n width: 0;\n height: 0;\n }\n\n .tab-group--bottom .tab-group__tabs {\n flex: 1 1 auto;\n position: relative;\n flex-direction: row;\n border-top: solid var(--track-width) var(--track-color);\n }\n\n .tab-group--bottom .tab-group__indicator {\n top: calc(-1 * var(--track-width));\n border-top: solid var(--track-width) var(--indicator-color);\n }\n\n .tab-group--bottom .tab-group__body {\n order: 1;\n }\n\n .tab-group--bottom ::slotted(nile-tab-panel) {\n --padding: var(--nile-spacing-10px, var(--ng-spacing-2-5)) var(--nile-spacing-none, var(--ng-spacing-none));\n }\n\n /*\n * Start\n */\n\n .tab-group--start {\n flex-direction: row;\n }\n\n .tab-group--start .tab-group__nav-container {\n order: 1;\n }\n\n .tab-group--start .tab-group__tabs {\n flex: 0 0 auto;\n flex-direction: column;\n border-inline-end: solid var(--track-width) var(--track-color);\n }\n\n .tab-group--start .tab-group__indicator {\n right: calc(-1 * var(--track-width));\n border-right: solid var(--track-width) var(--indicator-color);\n }\n\n .tab-group--start.tab-group--rtl .tab-group__indicator {\n right: auto;\n left: calc(-1 * var(--track-width));\n }\n\n .tab-group--start .tab-group__body {\n flex: 1 1 auto;\n order: 2;\n }\n\n .tab-group--start ::slotted(nile-tab-panel) {\n --padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-10px, var(--ng-spacing-lg));\n }\n\n /*\n * End\n */\n\n .tab-group--end {\n flex-direction: row;\n }\n\n .tab-group--end .tab-group__nav-container {\n order: 2;\n }\n\n .tab-group--end .tab-group__tabs {\n flex: 0 0 auto;\n flex-direction: column;\n border-left: solid var(--track-width) var(--track-color);\n }\n\n .tab-group--end .tab-group__indicator {\n left: calc(-1 * var(--track-width));\n border-inline-start: solid var(--track-width) var(--indicator-color);\n }\n\n .tab-group--end.tab-group--rtl .tab-group__indicator {\n right: calc(-1 * var(--track-width));\n left: auto;\n }\n\n .tab-group--end .tab-group__body {\n flex: 1 1 auto;\n order: 1;\n }\n\n .tab-group--end ::slotted(nile-tab-panel) {\n --padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n .hide__track slot::slotted(nile-tab) {\n --tab-border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n --tab-padding:var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n --tab-hover-background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n --tab-active-background-color: var(--nile-colors-brand-50, var(--ng-colors-bg-brand-primary-alt));\n }\n"]))));}};});
|
|
2
2
|
//# sourceMappingURL=nile-tab-group.css.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-tab-group.css.cjs.js","sources":["../../../src/nile-tab-group/nile-tab-group.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 * TabGroup CSS\n */\nexport const styles = css`\n [hidden] {\n display: none !important;\n }\n\n :host {\n --indicator-color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n --track-color: var(--nile-colors-neutral-400, var(--ng-componentcolors-utility-gray-500));\n --track-width: var(--nile-width-2px, var(--ng-width-0-5));\n --tab-gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\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 display: block;\n }\n\n .tab-group {\n display: flex;\n border-radius: var(--nile-radius-none, var(--ng-radius-none));\n }\n\n .tab-group__tabs {\n display: flex;\n position: relative;\n gap: var(--tab-gap);\n }\n\n .hide__track {\n --track-width: 0px;\n --tab-gap: var(--nile-spacing-
|
|
1
|
+
{"version":3,"file":"nile-tab-group.css.cjs.js","sources":["../../../src/nile-tab-group/nile-tab-group.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 * TabGroup CSS\n */\nexport const styles = css`\n [hidden] {\n display: none !important;\n }\n\n :host {\n --indicator-color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n --track-color: var(--nile-colors-neutral-400, var(--ng-componentcolors-utility-gray-500));\n --track-width: var(--nile-width-2px, var(--ng-width-0-5));\n --tab-gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\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 display: block;\n }\n\n .tab-group {\n display: flex;\n border-radius: var(--nile-radius-none, var(--ng-radius-none));\n }\n\n .tab-group__tabs {\n display: flex;\n position: relative;\n gap: var(--tab-gap);\n }\n\n .hide__track {\n --track-width: 0px;\n --tab-gap: var(--nile-spacing-3px, var(--ng-spacing-xs));\n }\n\n .tab-group__indicator {\n position: absolute;\n transition: 0.3s translate ease, 0.3s width ease;\n }\n\n .tab-group__indicator__path{\n position: absolute;\n height: var(--track-width);\n width: 100%;\n background: var(--nile-colors-neutral-400, var(--ng-colors-bg-quaternary));\n bottom:0px;\n z-index:0;\n }\n\n .tab-group--has-scroll-controls .tab-group__nav-container {\n position: relative;\n padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-10px, var(--ng-spacing-lg));\n }\n\n .tab-group__body {\n display: block;\n overflow: auto;\n }\n\n .tab-group__scroll-button {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n bottom: 0;\n width: 20px;\n }\n\n .tab-group__scroll-button--start {\n left: 0;\n }\n\n .tab-group__scroll-button--end {\n right: 0;\n }\n\n .tab-group--rtl .tab-group__scroll-button--start {\n left: auto;\n right: 0;\n }\n\n .tab-group--rtl .tab-group__scroll-button--end {\n left: 0;\n right: auto;\n }\n\n /*\n * Top\n */\n\n .tab-group--top {\n flex-direction: column;\n }\n\n .tab-group--top .tab-group__nav-container {\n order: 1;\n }\n\n .tab-group--top .tab-group__nav {\n display: flex;\n overflow-x: auto;\n\n /* Hide scrollbar in Firefox */\n scrollbar-width: none;\n }\n\n /* Hide scrollbar in Chrome/Safari */\n .tab-group--top .tab-group__nav::-webkit-scrollbar {\n width: 0;\n height: 0;\n }\n\n .tab-group--top .tab-group__tabs {\n flex: 1 1 auto;\n position: relative;\n flex-direction: row;\n }\n\n .tab-group--top .tab-group__indicator {\n bottom: 0px;\n border-bottom: 2px solid var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n z-index:0;\n }\n\n .tab-group--top .tab-group__body {\n order: 2;\n }\n\n .tab-group--top ::slotted(nile-tab-panel) {\n --padding: var(--nile-spacing-10px, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));\n }\n\n /*\n * Bottom\n */\n\n .tab-group--bottom {\n flex-direction: column;\n }\n\n .tab-group--bottom .tab-group__nav-container {\n order: 2;\n }\n\n .tab-group--bottom .tab-group__nav {\n display: flex;\n overflow-x: auto;\n\n /* Hide scrollbar in Firefox */\n scrollbar-width: none;\n }\n\n /* Hide scrollbar in Chrome/Safari */\n .tab-group--bottom .tab-group__nav::-webkit-scrollbar {\n width: 0;\n height: 0;\n }\n\n .tab-group--bottom .tab-group__tabs {\n flex: 1 1 auto;\n position: relative;\n flex-direction: row;\n border-top: solid var(--track-width) var(--track-color);\n }\n\n .tab-group--bottom .tab-group__indicator {\n top: calc(-1 * var(--track-width));\n border-top: solid var(--track-width) var(--indicator-color);\n }\n\n .tab-group--bottom .tab-group__body {\n order: 1;\n }\n\n .tab-group--bottom ::slotted(nile-tab-panel) {\n --padding: var(--nile-spacing-10px, var(--ng-spacing-2-5)) var(--nile-spacing-none, var(--ng-spacing-none));\n }\n\n /*\n * Start\n */\n\n .tab-group--start {\n flex-direction: row;\n }\n\n .tab-group--start .tab-group__nav-container {\n order: 1;\n }\n\n .tab-group--start .tab-group__tabs {\n flex: 0 0 auto;\n flex-direction: column;\n border-inline-end: solid var(--track-width) var(--track-color);\n }\n\n .tab-group--start .tab-group__indicator {\n right: calc(-1 * var(--track-width));\n border-right: solid var(--track-width) var(--indicator-color);\n }\n\n .tab-group--start.tab-group--rtl .tab-group__indicator {\n right: auto;\n left: calc(-1 * var(--track-width));\n }\n\n .tab-group--start .tab-group__body {\n flex: 1 1 auto;\n order: 2;\n }\n\n .tab-group--start ::slotted(nile-tab-panel) {\n --padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-10px, var(--ng-spacing-lg));\n }\n\n /*\n * End\n */\n\n .tab-group--end {\n flex-direction: row;\n }\n\n .tab-group--end .tab-group__nav-container {\n order: 2;\n }\n\n .tab-group--end .tab-group__tabs {\n flex: 0 0 auto;\n flex-direction: column;\n border-left: solid var(--track-width) var(--track-color);\n }\n\n .tab-group--end .tab-group__indicator {\n left: calc(-1 * var(--track-width));\n border-inline-start: solid var(--track-width) var(--indicator-color);\n }\n\n .tab-group--end.tab-group--rtl .tab-group__indicator {\n right: calc(-1 * var(--track-width));\n left: auto;\n }\n\n .tab-group--end .tab-group__body {\n flex: 1 1 auto;\n order: 1;\n }\n\n .tab-group--end ::slotted(nile-tab-panel) {\n --padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n .hide__track slot::slotted(nile-tab) {\n --tab-border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n --tab-padding:var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n --tab-hover-background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n --tab-active-background-color: var(--nile-colors-brand-50, var(--ng-colors-bg-brand-primary-alt));\n }\n`;\n\nexport default [styles];\n\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{css as r}from"lit";const
|
|
1
|
+
import{css as r}from"lit";const a=r`
|
|
2
2
|
[hidden] {
|
|
3
3
|
display: none !important;
|
|
4
4
|
}
|
|
@@ -28,7 +28,7 @@ import{css as r}from"lit";const t=r`
|
|
|
28
28
|
|
|
29
29
|
.hide__track {
|
|
30
30
|
--track-width: 0px;
|
|
31
|
-
--tab-gap: var(--nile-spacing-
|
|
31
|
+
--tab-gap: var(--nile-spacing-3px, var(--ng-spacing-xs));
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
.tab-group__indicator {
|
|
@@ -47,7 +47,7 @@ import{css as r}from"lit";const t=r`
|
|
|
47
47
|
|
|
48
48
|
.tab-group--has-scroll-controls .tab-group__nav-container {
|
|
49
49
|
position: relative;
|
|
50
|
-
padding: var(--nile-spacing-none) var(--ng-spacing-lg);
|
|
50
|
+
padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-10px, var(--ng-spacing-lg));
|
|
51
51
|
}
|
|
52
52
|
|
|
53
53
|
.tab-group__body {
|
|
@@ -126,7 +126,7 @@ import{css as r}from"lit";const t=r`
|
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
.tab-group--top ::slotted(nile-tab-panel) {
|
|
129
|
-
--padding: var(--nile-spacing-
|
|
129
|
+
--padding: var(--nile-spacing-10px, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));
|
|
130
130
|
}
|
|
131
131
|
|
|
132
132
|
/*
|
|
@@ -172,7 +172,7 @@ import{css as r}from"lit";const t=r`
|
|
|
172
172
|
}
|
|
173
173
|
|
|
174
174
|
.tab-group--bottom ::slotted(nile-tab-panel) {
|
|
175
|
-
--padding: var(--nile-spacing-
|
|
175
|
+
--padding: var(--nile-spacing-10px, var(--ng-spacing-2-5)) var(--nile-spacing-none, var(--ng-spacing-none));
|
|
176
176
|
}
|
|
177
177
|
|
|
178
178
|
/*
|
|
@@ -209,7 +209,7 @@ import{css as r}from"lit";const t=r`
|
|
|
209
209
|
}
|
|
210
210
|
|
|
211
211
|
.tab-group--start ::slotted(nile-tab-panel) {
|
|
212
|
-
--padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-
|
|
212
|
+
--padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-10px, var(--ng-spacing-lg));
|
|
213
213
|
}
|
|
214
214
|
|
|
215
215
|
/*
|
|
@@ -255,4 +255,4 @@ import{css as r}from"lit";const t=r`
|
|
|
255
255
|
--tab-hover-background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));
|
|
256
256
|
--tab-active-background-color: var(--nile-colors-brand-50, var(--ng-colors-bg-brand-primary-alt));
|
|
257
257
|
}
|
|
258
|
-
`;export{
|
|
258
|
+
`;export{a as s};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,t;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",t=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\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
|
+
System.register(["lit"],function(_export,_context){"use strict";var o,_templateObject,t;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",t=o(_templateObject||(_templateObject=_taggedTemplateLiteral(["\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"]))));}};});
|
|
2
2
|
//# sourceMappingURL=nile-tooltip.css.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-tooltip.css.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip.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 * 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.cjs.js","sources":["../../../src/nile-tooltip/nile-tooltip.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 * 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"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"oTAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -48,7 +48,7 @@ import{css as o}from"lit";const t=o`
|
|
|
48
48
|
color: var(--nile-colors-white-base, var(--ng-colors-text-white));
|
|
49
49
|
pointer-events: none;
|
|
50
50
|
word-break: break-word;
|
|
51
|
-
font-family: var(--nile-font-family-
|
|
51
|
+
font-family: var(--nile-font-family-inherit, var(--ng-font-family-body));
|
|
52
52
|
box-shadow:var(--nile-box-shadow-none, var(--ng-shadow-lg));
|
|
53
53
|
}
|
|
54
54
|
|
|
@@ -38,7 +38,7 @@ export const styles = css `
|
|
|
38
38
|
|
|
39
39
|
.hide__track {
|
|
40
40
|
--track-width: 0px;
|
|
41
|
-
--tab-gap: var(--nile-spacing-
|
|
41
|
+
--tab-gap: var(--nile-spacing-3px, var(--ng-spacing-xs));
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
.tab-group__indicator {
|
|
@@ -57,7 +57,7 @@ export const styles = css `
|
|
|
57
57
|
|
|
58
58
|
.tab-group--has-scroll-controls .tab-group__nav-container {
|
|
59
59
|
position: relative;
|
|
60
|
-
padding: var(--nile-spacing-none) var(--ng-spacing-lg);
|
|
60
|
+
padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-10px, var(--ng-spacing-lg));
|
|
61
61
|
}
|
|
62
62
|
|
|
63
63
|
.tab-group__body {
|
|
@@ -136,7 +136,7 @@ export const styles = css `
|
|
|
136
136
|
}
|
|
137
137
|
|
|
138
138
|
.tab-group--top ::slotted(nile-tab-panel) {
|
|
139
|
-
--padding: var(--nile-spacing-
|
|
139
|
+
--padding: var(--nile-spacing-10px, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));
|
|
140
140
|
}
|
|
141
141
|
|
|
142
142
|
/*
|
|
@@ -182,7 +182,7 @@ export const styles = css `
|
|
|
182
182
|
}
|
|
183
183
|
|
|
184
184
|
.tab-group--bottom ::slotted(nile-tab-panel) {
|
|
185
|
-
--padding: var(--nile-spacing-
|
|
185
|
+
--padding: var(--nile-spacing-10px, var(--ng-spacing-2-5)) var(--nile-spacing-none, var(--ng-spacing-none));
|
|
186
186
|
}
|
|
187
187
|
|
|
188
188
|
/*
|
|
@@ -219,7 +219,7 @@ export const styles = css `
|
|
|
219
219
|
}
|
|
220
220
|
|
|
221
221
|
.tab-group--start ::slotted(nile-tab-panel) {
|
|
222
|
-
--padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-
|
|
222
|
+
--padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-10px, var(--ng-spacing-lg));
|
|
223
223
|
}
|
|
224
224
|
|
|
225
225
|
/*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-tab-group.css.js","sourceRoot":"","sources":["../../../src/nile-tab-group/nile-tab-group.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiQxB,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 * TabGroup CSS\n */\nexport const styles = css`\n [hidden] {\n display: none !important;\n }\n\n :host {\n --indicator-color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n --track-color: var(--nile-colors-neutral-400, var(--ng-componentcolors-utility-gray-500));\n --track-width: var(--nile-width-2px, var(--ng-width-0-5));\n --tab-gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\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 display: block;\n }\n\n .tab-group {\n display: flex;\n border-radius: var(--nile-radius-none, var(--ng-radius-none));\n }\n\n .tab-group__tabs {\n display: flex;\n position: relative;\n gap: var(--tab-gap);\n }\n\n .hide__track {\n --track-width: 0px;\n --tab-gap: var(--nile-spacing-
|
|
1
|
+
{"version":3,"file":"nile-tab-group.css.js","sourceRoot":"","sources":["../../../src/nile-tab-group/nile-tab-group.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiQxB,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 * TabGroup CSS\n */\nexport const styles = css`\n [hidden] {\n display: none !important;\n }\n\n :host {\n --indicator-color: var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n --track-color: var(--nile-colors-neutral-400, var(--ng-componentcolors-utility-gray-500));\n --track-width: var(--nile-width-2px, var(--ng-width-0-5));\n --tab-gap: var(--nile-spacing-lg, var(--ng-spacing-lg));\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 display: block;\n }\n\n .tab-group {\n display: flex;\n border-radius: var(--nile-radius-none, var(--ng-radius-none));\n }\n\n .tab-group__tabs {\n display: flex;\n position: relative;\n gap: var(--tab-gap);\n }\n\n .hide__track {\n --track-width: 0px;\n --tab-gap: var(--nile-spacing-3px, var(--ng-spacing-xs));\n }\n\n .tab-group__indicator {\n position: absolute;\n transition: 0.3s translate ease, 0.3s width ease;\n }\n\n .tab-group__indicator__path{\n position: absolute;\n height: var(--track-width);\n width: 100%;\n background: var(--nile-colors-neutral-400, var(--ng-colors-bg-quaternary));\n bottom:0px;\n z-index:0;\n }\n\n .tab-group--has-scroll-controls .tab-group__nav-container {\n position: relative;\n padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-10px, var(--ng-spacing-lg));\n }\n\n .tab-group__body {\n display: block;\n overflow: auto;\n }\n\n .tab-group__scroll-button {\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n top: 0;\n bottom: 0;\n width: 20px;\n }\n\n .tab-group__scroll-button--start {\n left: 0;\n }\n\n .tab-group__scroll-button--end {\n right: 0;\n }\n\n .tab-group--rtl .tab-group__scroll-button--start {\n left: auto;\n right: 0;\n }\n\n .tab-group--rtl .tab-group__scroll-button--end {\n left: 0;\n right: auto;\n }\n\n /*\n * Top\n */\n\n .tab-group--top {\n flex-direction: column;\n }\n\n .tab-group--top .tab-group__nav-container {\n order: 1;\n }\n\n .tab-group--top .tab-group__nav {\n display: flex;\n overflow-x: auto;\n\n /* Hide scrollbar in Firefox */\n scrollbar-width: none;\n }\n\n /* Hide scrollbar in Chrome/Safari */\n .tab-group--top .tab-group__nav::-webkit-scrollbar {\n width: 0;\n height: 0;\n }\n\n .tab-group--top .tab-group__tabs {\n flex: 1 1 auto;\n position: relative;\n flex-direction: row;\n }\n\n .tab-group--top .tab-group__indicator {\n bottom: 0px;\n border-bottom: 2px solid var(--nile-colors-primary-600, var(--ng-colors-text-brand-secondary-700));\n z-index:0;\n }\n\n .tab-group--top .tab-group__body {\n order: 2;\n }\n\n .tab-group--top ::slotted(nile-tab-panel) {\n --padding: var(--nile-spacing-10px, var(--ng-spacing-lg)) var(--nile-spacing-none, var(--ng-spacing-none));\n }\n\n /*\n * Bottom\n */\n\n .tab-group--bottom {\n flex-direction: column;\n }\n\n .tab-group--bottom .tab-group__nav-container {\n order: 2;\n }\n\n .tab-group--bottom .tab-group__nav {\n display: flex;\n overflow-x: auto;\n\n /* Hide scrollbar in Firefox */\n scrollbar-width: none;\n }\n\n /* Hide scrollbar in Chrome/Safari */\n .tab-group--bottom .tab-group__nav::-webkit-scrollbar {\n width: 0;\n height: 0;\n }\n\n .tab-group--bottom .tab-group__tabs {\n flex: 1 1 auto;\n position: relative;\n flex-direction: row;\n border-top: solid var(--track-width) var(--track-color);\n }\n\n .tab-group--bottom .tab-group__indicator {\n top: calc(-1 * var(--track-width));\n border-top: solid var(--track-width) var(--indicator-color);\n }\n\n .tab-group--bottom .tab-group__body {\n order: 1;\n }\n\n .tab-group--bottom ::slotted(nile-tab-panel) {\n --padding: var(--nile-spacing-10px, var(--ng-spacing-2-5)) var(--nile-spacing-none, var(--ng-spacing-none));\n }\n\n /*\n * Start\n */\n\n .tab-group--start {\n flex-direction: row;\n }\n\n .tab-group--start .tab-group__nav-container {\n order: 1;\n }\n\n .tab-group--start .tab-group__tabs {\n flex: 0 0 auto;\n flex-direction: column;\n border-inline-end: solid var(--track-width) var(--track-color);\n }\n\n .tab-group--start .tab-group__indicator {\n right: calc(-1 * var(--track-width));\n border-right: solid var(--track-width) var(--indicator-color);\n }\n\n .tab-group--start.tab-group--rtl .tab-group__indicator {\n right: auto;\n left: calc(-1 * var(--track-width));\n }\n\n .tab-group--start .tab-group__body {\n flex: 1 1 auto;\n order: 2;\n }\n\n .tab-group--start ::slotted(nile-tab-panel) {\n --padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-10px, var(--ng-spacing-lg));\n }\n\n /*\n * End\n */\n\n .tab-group--end {\n flex-direction: row;\n }\n\n .tab-group--end .tab-group__nav-container {\n order: 2;\n }\n\n .tab-group--end .tab-group__tabs {\n flex: 0 0 auto;\n flex-direction: column;\n border-left: solid var(--track-width) var(--track-color);\n }\n\n .tab-group--end .tab-group__indicator {\n left: calc(-1 * var(--track-width));\n border-inline-start: solid var(--track-width) var(--indicator-color);\n }\n\n .tab-group--end.tab-group--rtl .tab-group__indicator {\n right: calc(-1 * var(--track-width));\n left: auto;\n }\n\n .tab-group--end .tab-group__body {\n flex: 1 1 auto;\n order: 1;\n }\n\n .tab-group--end ::slotted(nile-tab-panel) {\n --padding: var(--nile-spacing-none, var(--ng-spacing-none)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n }\n\n .hide__track slot::slotted(nile-tab) {\n --tab-border-radius: var(--nile-radius-radius-xs, var(--ng-radius-xs));\n --tab-padding:var(--nile-spacing-md, var(--ng-spacing-md)) var(--nile-spacing-lg, var(--ng-spacing-lg));\n --tab-hover-background-color: var(--nile-colors-neutral-100, var(--ng-colors-bg-secondary));\n --tab-active-background-color: var(--nile-colors-brand-50, var(--ng-colors-bg-brand-primary-alt));\n }\n`;\n\nexport default [styles];\n\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"]}
|