@aquera/nile-elements 0.1.11 → 0.1.12
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/dist/nile-tour/nile-tour.css.cjs.js +1 -1
- package/dist/nile-tour/nile-tour.css.cjs.js.map +1 -1
- package/dist/nile-tour/nile-tour.css.esm.js +12 -11
- package/dist/src/nile-tour/nile-tour.css.js +12 -11
- package/dist/src/nile-tour/nile-tour.css.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-tour/nile-tour.css.ts +12 -11
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
|
+
|
|
83
|
+
#### Version 0.1.12
|
|
84
|
+
- Nile Tour: Implemented new design
|
|
85
|
+
|
|
82
86
|
#### Version 0.1.11
|
|
83
87
|
- Nile Drawer - Property to control close on 'esc' added
|
|
84
88
|
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
System.register(["../lit-element-38060f1a.cjs.js","../css-tag-399d5ef3.cjs.js"],function(_export,_context){"use strict";var t,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_litElement001CjsJs){},function(_cssTag002CjsJs){t=_cssTag002CjsJs.i;}],execute:function execute(){_export("s",o=t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n }\n\n .introjs-tooltip {\n background-color: var(--nile-tour-background-color, #
|
|
1
|
+
System.register(["../lit-element-38060f1a.cjs.js","../css-tag-399d5ef3.cjs.js"],function(_export,_context){"use strict";var t,_templateObject,o;function _taggedTemplateLiteral(strings,raw){if(!raw){raw=strings.slice(0);}return Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}));}return{setters:[function(_litElement001CjsJs){},function(_cssTag002CjsJs){t=_cssTag002CjsJs.i;}],execute:function execute(){_export("s",o=t(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n :host {\n }\n\n .introjs-tooltip {\n background-color: var(--nile-tour-background-color, #1978B8);\n color: var(--nile-tour-text-color, #fff);\n width: 300px;\n max-width: 300px;\n border-radius: 4px;\n border: 1px solid var(--Neutral-30, #1978B8);\n background: var(--White-Normal, #1978B8);\n\n /* Elevation/Lifted */\n box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n }\n\n .introjs-tooltip-title {\n color: #ffffff;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px;\n letter-spacing: 0.2px;\n }\n\n .introjs-tooltip-header {\n padding-left: 18px;\n padding-right: 18px;\n padding-top: 18px;\n }\n\n .introjs-tooltiptext {\n color: #ffffff;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.2px;\n padding: 15px 18px;\n }\n\n .introjs-arrow {\n width: 15px;\n height: 20px;\n background-image: url('data:image/svg+xml,%3Csvg width=\"15\" height=\"20\" viewBox=\"0 0 15 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M1.13333 11.6C0.0666661 10.8 0.0666662 9.2 1.13333 8.4L11.8 0.400001C13.1185 -0.588854 15 0.351909 15 2L15 18C15 19.6481 13.1185 20.5889 11.8 19.6L1.13333 11.6Z\" fill=\"%231978B8\"/%3E%3C/svg%3E');\n background-repeat: no-repeat;\n background-size: contain;\n background-position: center;\n position: absolute;\n border: none;\n content: none;\n }\n\n .introjs-arrow.top {\n top: -14.5px;\n transform: rotate(90deg);\n clip-path: inset(0px 3px 0px 0px);\n }\n\n .introjs-arrow.bottom {\n bottom: -14.5px;\n transform: rotate(270deg);\n clip-path: inset(0px 3px 0px 0px);\n }\n\n .introjs-arrow.left {\n left: -11.5px;\n transform: rotate(0);\n clip-path: inset(0px 3px 0px 0px);\n }\n\n .introjs-arrow.right {\n right: -12px;\n transform: rotate(180deg);\n clip-path: inset(0px 3px 0px 0px);\n }\n\n .introjs-arrow.left-bottom {\n transform: rotate(0);\n clip-path: inset(0px 1px 0px 0px);\n left: -13.5px;\n border-right-color: var(--nile-tour-background-color, #fff) !important;\n }\n\n .introjs-arrow.right-bottom {\n right: -12px;\n transform: rotate(180deg);\n clip-path: inset(0px 3px 0px 0px);\n border-left-color: var(--nile-tour-background-color, #fff) !important;\n }\n\n .introjs-arrow.top-middle {\n top: -14px;\n left: 50%;\n margin-left: -5px;\n transform: rotate(90deg);\n clip-path: inset(0px 3px 0px 0px);\n }\n\n .introjs-button {\n background: none;\n border: none;\n color: var(--nile-tour-text-color, #fff);\n font-size: 14px;\n padding: 0;\n cursor: pointer;\n text-shadow: none;\n background: var(--Primary-Normal, #1978B8);\n border-color: transparent;\n display: flex;\n padding: 12px;\n align-items: center;\n gap: 12px;\n border-radius: 4px;\n font-weight: 500;\n }\n\n .introjs-button:hover {\n background: none;\n border: none;\n color: var(--nile-tour-text-color, #fff);\n font-size: 14px;\n padding: 0;\n cursor: pointer;\n text-shadow: none;\n background: var(--Primary-Normal, #1978B8);\n border-color: transparent;\n display: flex;\n padding: 12px;\n align-items: center;\n gap: 12px;\n }\n\n .introjs-button:focus {\n background: none;\n border: none;\n color: var(--nile-tour-text-color, #fff);\n font-size: 14px;\n padding: 0;\n cursor: pointer;\n text-shadow: none;\n box-shadow: none;\n background: var(--Primary-Normal, #1978B8);\n border-color: transparent;\n display: flex;\n padding: 12px;\n align-items: center;\n gap: 12px;\n }\n\n .introjs-tooltipbuttons {\n border-top: none;\n display: flex;\n justify-content: flex-end;\n gap: 10px;\n }\n\n .introjs-helperNumberLayer {\n display: none;\n }\n\n .introjs-bullets {\n display: none;\n }\n\n .introjs-skipbutton {\n display: none;\n }\n\n .introjs-prev-button {\n color: #c7ced4;\n }\n\n .introjs-helperLayer {\n display: none;\n pointer-events: none;\n }\n\n .introjs-overlay {\n display: none;\n pointer-events: none;\n }\n\n .introjs-step-counter {\n margin-right: auto;\n font-size: 14px;\n padding: 0 10px;\n display: flex;\n align-items: center;\n color: var(--Color-Text-Inverted-Secondary, rgba(255, 255, 255, 0.50));\n font-style: normal;\n font-weight: 500;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n @keyframes shake {\n 0% {\n transform: translateX(0);\n }\n 25% {\n transform: translateX(-5px);\n }\n 50% {\n transform: translateX(5px);\n }\n 75% {\n transform: translateX(-5px);\n }\n 100% {\n transform: translateX(0);\n }\n }\n\n .introjs-shake {\n animation: shake 0.5s ease infinite;\n }\n"]))));}};});
|
|
2
2
|
//# sourceMappingURL=nile-tour.css.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-tour.css.cjs.js","sources":["../../../src/nile-tour/nile-tour.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-element';\n\n/**\n * Tour CSS\n */\nexport const styles = css`\n :host {\n }\n\n .introjs-tooltip {\n background-color: var(--nile-tour-background-color, #
|
|
1
|
+
{"version":3,"file":"nile-tour.css.cjs.js","sources":["../../../src/nile-tour/nile-tour.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-element';\n\n/**\n * Tour CSS\n */\nexport const styles = css`\n :host {\n }\n\n .introjs-tooltip {\n background-color: var(--nile-tour-background-color, #1978B8);\n color: var(--nile-tour-text-color, #fff);\n width: 300px;\n max-width: 300px;\n border-radius: 4px;\n border: 1px solid var(--Neutral-30, #1978B8);\n background: var(--White-Normal, #1978B8);\n\n /* Elevation/Lifted */\n box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n }\n\n .introjs-tooltip-title {\n color: #ffffff;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px;\n letter-spacing: 0.2px;\n }\n\n .introjs-tooltip-header {\n padding-left: 18px;\n padding-right: 18px;\n padding-top: 18px;\n }\n\n .introjs-tooltiptext {\n color: #ffffff;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.2px;\n padding: 15px 18px;\n }\n\n .introjs-arrow {\n width: 15px;\n height: 20px;\n background-image: url('data:image/svg+xml,%3Csvg width=\"15\" height=\"20\" viewBox=\"0 0 15 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M1.13333 11.6C0.0666661 10.8 0.0666662 9.2 1.13333 8.4L11.8 0.400001C13.1185 -0.588854 15 0.351909 15 2L15 18C15 19.6481 13.1185 20.5889 11.8 19.6L1.13333 11.6Z\" fill=\"%231978B8\"/%3E%3C/svg%3E');\n background-repeat: no-repeat;\n background-size: contain;\n background-position: center;\n position: absolute;\n border: none;\n content: none;\n }\n\n .introjs-arrow.top {\n top: -14.5px;\n transform: rotate(90deg);\n clip-path: inset(0px 3px 0px 0px);\n }\n\n .introjs-arrow.bottom {\n bottom: -14.5px;\n transform: rotate(270deg);\n clip-path: inset(0px 3px 0px 0px);\n }\n\n .introjs-arrow.left {\n left: -11.5px;\n transform: rotate(0);\n clip-path: inset(0px 3px 0px 0px);\n }\n\n .introjs-arrow.right {\n right: -12px;\n transform: rotate(180deg);\n clip-path: inset(0px 3px 0px 0px);\n }\n\n .introjs-arrow.left-bottom {\n transform: rotate(0);\n clip-path: inset(0px 1px 0px 0px);\n left: -13.5px;\n border-right-color: var(--nile-tour-background-color, #fff) !important;\n }\n\n .introjs-arrow.right-bottom {\n right: -12px;\n transform: rotate(180deg);\n clip-path: inset(0px 3px 0px 0px);\n border-left-color: var(--nile-tour-background-color, #fff) !important;\n }\n\n .introjs-arrow.top-middle {\n top: -14px;\n left: 50%;\n margin-left: -5px;\n transform: rotate(90deg);\n clip-path: inset(0px 3px 0px 0px);\n }\n\n .introjs-button {\n background: none;\n border: none;\n color: var(--nile-tour-text-color, #fff);\n font-size: 14px;\n padding: 0;\n cursor: pointer;\n text-shadow: none;\n background: var(--Primary-Normal, #1978B8);\n border-color: transparent;\n display: flex;\n padding: 12px;\n align-items: center;\n gap: 12px;\n border-radius: 4px;\n font-weight: 500;\n }\n\n .introjs-button:hover {\n background: none;\n border: none;\n color: var(--nile-tour-text-color, #fff);\n font-size: 14px;\n padding: 0;\n cursor: pointer;\n text-shadow: none;\n background: var(--Primary-Normal, #1978B8);\n border-color: transparent;\n display: flex;\n padding: 12px;\n align-items: center;\n gap: 12px;\n }\n\n .introjs-button:focus {\n background: none;\n border: none;\n color: var(--nile-tour-text-color, #fff);\n font-size: 14px;\n padding: 0;\n cursor: pointer;\n text-shadow: none;\n box-shadow: none;\n background: var(--Primary-Normal, #1978B8);\n border-color: transparent;\n display: flex;\n padding: 12px;\n align-items: center;\n gap: 12px;\n }\n\n .introjs-tooltipbuttons {\n border-top: none;\n display: flex;\n justify-content: flex-end;\n gap: 10px;\n }\n\n .introjs-helperNumberLayer {\n display: none;\n }\n\n .introjs-bullets {\n display: none;\n }\n\n .introjs-skipbutton {\n display: none;\n }\n\n .introjs-prev-button {\n color: #c7ced4;\n }\n\n .introjs-helperLayer {\n display: none;\n pointer-events: none;\n }\n\n .introjs-overlay {\n display: none;\n pointer-events: none;\n }\n\n .introjs-step-counter {\n margin-right: auto;\n font-size: 14px;\n padding: 0 10px;\n display: flex;\n align-items: center;\n color: var(--Color-Text-Inverted-Secondary, rgba(255, 255, 255, 0.50));\n font-style: normal;\n font-weight: 500;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n @keyframes shake {\n 0% {\n transform: translateX(0);\n }\n 25% {\n transform: translateX(-5px);\n }\n 50% {\n transform: translateX(5px);\n }\n 75% {\n transform: translateX(-5px);\n }\n 100% {\n transform: translateX(0);\n }\n }\n\n .introjs-shake {\n animation: shake 0.5s ease infinite;\n }\n`;\n\nexport default [styles];\n"],"names":["styles","css","_templateObject","_taggedTemplateLiteral"],"mappings":"6bAYaA,CAAAA,CAASC,CAAG,CAAAC,eAAA,GAAAA,eAAA,CAAAC,sBAAA"}
|
|
@@ -3,20 +3,20 @@ import"../lit-element-68f4d117.esm.js";import{i as t}from"../css-tag-1f82a8d8.es
|
|
|
3
3
|
}
|
|
4
4
|
|
|
5
5
|
.introjs-tooltip {
|
|
6
|
-
background-color: var(--nile-tour-background-color, #
|
|
6
|
+
background-color: var(--nile-tour-background-color, #1978B8);
|
|
7
7
|
color: var(--nile-tour-text-color, #fff);
|
|
8
8
|
width: 300px;
|
|
9
9
|
max-width: 300px;
|
|
10
10
|
border-radius: 4px;
|
|
11
|
-
border: 1px solid var(--Neutral-30, #
|
|
12
|
-
background: var(--White-Normal, #
|
|
11
|
+
border: 1px solid var(--Neutral-30, #1978B8);
|
|
12
|
+
background: var(--White-Normal, #1978B8);
|
|
13
13
|
|
|
14
14
|
/* Elevation/Lifted */
|
|
15
15
|
box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
.introjs-tooltip-title {
|
|
19
|
-
color: #
|
|
19
|
+
color: #ffffff;
|
|
20
20
|
font-size: 16px;
|
|
21
21
|
font-style: normal;
|
|
22
22
|
font-weight: 500;
|
|
@@ -31,7 +31,7 @@ import"../lit-element-68f4d117.esm.js";import{i as t}from"../css-tag-1f82a8d8.es
|
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
.introjs-tooltiptext {
|
|
34
|
-
color: #
|
|
34
|
+
color: #ffffff;
|
|
35
35
|
font-size: 14px;
|
|
36
36
|
font-style: normal;
|
|
37
37
|
font-weight: 400;
|
|
@@ -43,7 +43,7 @@ import"../lit-element-68f4d117.esm.js";import{i as t}from"../css-tag-1f82a8d8.es
|
|
|
43
43
|
.introjs-arrow {
|
|
44
44
|
width: 15px;
|
|
45
45
|
height: 20px;
|
|
46
|
-
background-image: url('data:image/svg+xml,%3Csvg
|
|
46
|
+
background-image: url('data:image/svg+xml,%3Csvg width="15" height="20" viewBox="0 0 15 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.13333 11.6C0.0666661 10.8 0.0666662 9.2 1.13333 8.4L11.8 0.400001C13.1185 -0.588854 15 0.351909 15 2L15 18C15 19.6481 13.1185 20.5889 11.8 19.6L1.13333 11.6Z" fill="%231978B8"/%3E%3C/svg%3E');
|
|
47
47
|
background-repeat: no-repeat;
|
|
48
48
|
background-size: contain;
|
|
49
49
|
background-position: center;
|
|
@@ -106,13 +106,14 @@ import"../lit-element-68f4d117.esm.js";import{i as t}from"../css-tag-1f82a8d8.es
|
|
|
106
106
|
padding: 0;
|
|
107
107
|
cursor: pointer;
|
|
108
108
|
text-shadow: none;
|
|
109
|
-
background: var(--Primary-Normal, #
|
|
109
|
+
background: var(--Primary-Normal, #1978B8);
|
|
110
110
|
border-color: transparent;
|
|
111
111
|
display: flex;
|
|
112
112
|
padding: 12px;
|
|
113
113
|
align-items: center;
|
|
114
114
|
gap: 12px;
|
|
115
115
|
border-radius: 4px;
|
|
116
|
+
font-weight: 500;
|
|
116
117
|
}
|
|
117
118
|
|
|
118
119
|
.introjs-button:hover {
|
|
@@ -123,7 +124,7 @@ import"../lit-element-68f4d117.esm.js";import{i as t}from"../css-tag-1f82a8d8.es
|
|
|
123
124
|
padding: 0;
|
|
124
125
|
cursor: pointer;
|
|
125
126
|
text-shadow: none;
|
|
126
|
-
background: var(--Primary-Normal, #
|
|
127
|
+
background: var(--Primary-Normal, #1978B8);
|
|
127
128
|
border-color: transparent;
|
|
128
129
|
display: flex;
|
|
129
130
|
padding: 12px;
|
|
@@ -140,7 +141,7 @@ import"../lit-element-68f4d117.esm.js";import{i as t}from"../css-tag-1f82a8d8.es
|
|
|
140
141
|
cursor: pointer;
|
|
141
142
|
text-shadow: none;
|
|
142
143
|
box-shadow: none;
|
|
143
|
-
background: var(--Primary-Normal, #
|
|
144
|
+
background: var(--Primary-Normal, #1978B8);
|
|
144
145
|
border-color: transparent;
|
|
145
146
|
display: flex;
|
|
146
147
|
padding: 12px;
|
|
@@ -187,9 +188,9 @@ import"../lit-element-68f4d117.esm.js";import{i as t}from"../css-tag-1f82a8d8.es
|
|
|
187
188
|
padding: 0 10px;
|
|
188
189
|
display: flex;
|
|
189
190
|
align-items: center;
|
|
190
|
-
color: var(--Color-Text-
|
|
191
|
+
color: var(--Color-Text-Inverted-Secondary, rgba(255, 255, 255, 0.50));
|
|
191
192
|
font-style: normal;
|
|
192
|
-
font-weight:
|
|
193
|
+
font-weight: 500;
|
|
193
194
|
line-height: 14px;
|
|
194
195
|
letter-spacing: 0.2px;
|
|
195
196
|
}
|
|
@@ -13,20 +13,20 @@ export const styles = css `
|
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
.introjs-tooltip {
|
|
16
|
-
background-color: var(--nile-tour-background-color, #
|
|
16
|
+
background-color: var(--nile-tour-background-color, #1978B8);
|
|
17
17
|
color: var(--nile-tour-text-color, #fff);
|
|
18
18
|
width: 300px;
|
|
19
19
|
max-width: 300px;
|
|
20
20
|
border-radius: 4px;
|
|
21
|
-
border: 1px solid var(--Neutral-30, #
|
|
22
|
-
background: var(--White-Normal, #
|
|
21
|
+
border: 1px solid var(--Neutral-30, #1978B8);
|
|
22
|
+
background: var(--White-Normal, #1978B8);
|
|
23
23
|
|
|
24
24
|
/* Elevation/Lifted */
|
|
25
25
|
box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);
|
|
26
26
|
}
|
|
27
27
|
|
|
28
28
|
.introjs-tooltip-title {
|
|
29
|
-
color: #
|
|
29
|
+
color: #ffffff;
|
|
30
30
|
font-size: 16px;
|
|
31
31
|
font-style: normal;
|
|
32
32
|
font-weight: 500;
|
|
@@ -41,7 +41,7 @@ export const styles = css `
|
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
.introjs-tooltiptext {
|
|
44
|
-
color: #
|
|
44
|
+
color: #ffffff;
|
|
45
45
|
font-size: 14px;
|
|
46
46
|
font-style: normal;
|
|
47
47
|
font-weight: 400;
|
|
@@ -53,7 +53,7 @@ export const styles = css `
|
|
|
53
53
|
.introjs-arrow {
|
|
54
54
|
width: 15px;
|
|
55
55
|
height: 20px;
|
|
56
|
-
background-image: url('data:image/svg+xml,%3Csvg
|
|
56
|
+
background-image: url('data:image/svg+xml,%3Csvg width="15" height="20" viewBox="0 0 15 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M1.13333 11.6C0.0666661 10.8 0.0666662 9.2 1.13333 8.4L11.8 0.400001C13.1185 -0.588854 15 0.351909 15 2L15 18C15 19.6481 13.1185 20.5889 11.8 19.6L1.13333 11.6Z" fill="%231978B8"/%3E%3C/svg%3E');
|
|
57
57
|
background-repeat: no-repeat;
|
|
58
58
|
background-size: contain;
|
|
59
59
|
background-position: center;
|
|
@@ -116,13 +116,14 @@ export const styles = css `
|
|
|
116
116
|
padding: 0;
|
|
117
117
|
cursor: pointer;
|
|
118
118
|
text-shadow: none;
|
|
119
|
-
background: var(--Primary-Normal, #
|
|
119
|
+
background: var(--Primary-Normal, #1978B8);
|
|
120
120
|
border-color: transparent;
|
|
121
121
|
display: flex;
|
|
122
122
|
padding: 12px;
|
|
123
123
|
align-items: center;
|
|
124
124
|
gap: 12px;
|
|
125
125
|
border-radius: 4px;
|
|
126
|
+
font-weight: 500;
|
|
126
127
|
}
|
|
127
128
|
|
|
128
129
|
.introjs-button:hover {
|
|
@@ -133,7 +134,7 @@ export const styles = css `
|
|
|
133
134
|
padding: 0;
|
|
134
135
|
cursor: pointer;
|
|
135
136
|
text-shadow: none;
|
|
136
|
-
background: var(--Primary-Normal, #
|
|
137
|
+
background: var(--Primary-Normal, #1978B8);
|
|
137
138
|
border-color: transparent;
|
|
138
139
|
display: flex;
|
|
139
140
|
padding: 12px;
|
|
@@ -150,7 +151,7 @@ export const styles = css `
|
|
|
150
151
|
cursor: pointer;
|
|
151
152
|
text-shadow: none;
|
|
152
153
|
box-shadow: none;
|
|
153
|
-
background: var(--Primary-Normal, #
|
|
154
|
+
background: var(--Primary-Normal, #1978B8);
|
|
154
155
|
border-color: transparent;
|
|
155
156
|
display: flex;
|
|
156
157
|
padding: 12px;
|
|
@@ -197,9 +198,9 @@ export const styles = css `
|
|
|
197
198
|
padding: 0 10px;
|
|
198
199
|
display: flex;
|
|
199
200
|
align-items: center;
|
|
200
|
-
color: var(--Color-Text-
|
|
201
|
+
color: var(--Color-Text-Inverted-Secondary, rgba(255, 255, 255, 0.50));
|
|
201
202
|
font-style: normal;
|
|
202
|
-
font-weight:
|
|
203
|
+
font-weight: 500;
|
|
203
204
|
line-height: 14px;
|
|
204
205
|
letter-spacing: 0.2px;
|
|
205
206
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-tour.css.js","sourceRoot":"","sources":["../../../src/nile-tour/nile-tour.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"nile-tour.css.js","sourceRoot":"","sources":["../../../src/nile-tour/nile-tour.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0NxB,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-element';\n\n/**\n * Tour CSS\n */\nexport const styles = css`\n :host {\n }\n\n .introjs-tooltip {\n background-color: var(--nile-tour-background-color, #1978B8);\n color: var(--nile-tour-text-color, #fff);\n width: 300px;\n max-width: 300px;\n border-radius: 4px;\n border: 1px solid var(--Neutral-30, #1978B8);\n background: var(--White-Normal, #1978B8);\n\n /* Elevation/Lifted */\n box-shadow: 0px 4px 8px 0px rgba(119, 125, 130, 0.15);\n }\n\n .introjs-tooltip-title {\n color: #ffffff;\n font-size: 16px;\n font-style: normal;\n font-weight: 500;\n line-height: 16px;\n letter-spacing: 0.2px;\n }\n\n .introjs-tooltip-header {\n padding-left: 18px;\n padding-right: 18px;\n padding-top: 18px;\n }\n\n .introjs-tooltiptext {\n color: #ffffff;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0.2px;\n padding: 15px 18px;\n }\n\n .introjs-arrow {\n width: 15px;\n height: 20px;\n background-image: url('data:image/svg+xml,%3Csvg width=\"15\" height=\"20\" viewBox=\"0 0 15 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"%3E%3Cpath d=\"M1.13333 11.6C0.0666661 10.8 0.0666662 9.2 1.13333 8.4L11.8 0.400001C13.1185 -0.588854 15 0.351909 15 2L15 18C15 19.6481 13.1185 20.5889 11.8 19.6L1.13333 11.6Z\" fill=\"%231978B8\"/%3E%3C/svg%3E');\n background-repeat: no-repeat;\n background-size: contain;\n background-position: center;\n position: absolute;\n border: none;\n content: none;\n }\n\n .introjs-arrow.top {\n top: -14.5px;\n transform: rotate(90deg);\n clip-path: inset(0px 3px 0px 0px);\n }\n\n .introjs-arrow.bottom {\n bottom: -14.5px;\n transform: rotate(270deg);\n clip-path: inset(0px 3px 0px 0px);\n }\n\n .introjs-arrow.left {\n left: -11.5px;\n transform: rotate(0);\n clip-path: inset(0px 3px 0px 0px);\n }\n\n .introjs-arrow.right {\n right: -12px;\n transform: rotate(180deg);\n clip-path: inset(0px 3px 0px 0px);\n }\n\n .introjs-arrow.left-bottom {\n transform: rotate(0);\n clip-path: inset(0px 1px 0px 0px);\n left: -13.5px;\n border-right-color: var(--nile-tour-background-color, #fff) !important;\n }\n\n .introjs-arrow.right-bottom {\n right: -12px;\n transform: rotate(180deg);\n clip-path: inset(0px 3px 0px 0px);\n border-left-color: var(--nile-tour-background-color, #fff) !important;\n }\n\n .introjs-arrow.top-middle {\n top: -14px;\n left: 50%;\n margin-left: -5px;\n transform: rotate(90deg);\n clip-path: inset(0px 3px 0px 0px);\n }\n\n .introjs-button {\n background: none;\n border: none;\n color: var(--nile-tour-text-color, #fff);\n font-size: 14px;\n padding: 0;\n cursor: pointer;\n text-shadow: none;\n background: var(--Primary-Normal, #1978B8);\n border-color: transparent;\n display: flex;\n padding: 12px;\n align-items: center;\n gap: 12px;\n border-radius: 4px;\n font-weight: 500;\n }\n\n .introjs-button:hover {\n background: none;\n border: none;\n color: var(--nile-tour-text-color, #fff);\n font-size: 14px;\n padding: 0;\n cursor: pointer;\n text-shadow: none;\n background: var(--Primary-Normal, #1978B8);\n border-color: transparent;\n display: flex;\n padding: 12px;\n align-items: center;\n gap: 12px;\n }\n\n .introjs-button:focus {\n background: none;\n border: none;\n color: var(--nile-tour-text-color, #fff);\n font-size: 14px;\n padding: 0;\n cursor: pointer;\n text-shadow: none;\n box-shadow: none;\n background: var(--Primary-Normal, #1978B8);\n border-color: transparent;\n display: flex;\n padding: 12px;\n align-items: center;\n gap: 12px;\n }\n\n .introjs-tooltipbuttons {\n border-top: none;\n display: flex;\n justify-content: flex-end;\n gap: 10px;\n }\n\n .introjs-helperNumberLayer {\n display: none;\n }\n\n .introjs-bullets {\n display: none;\n }\n\n .introjs-skipbutton {\n display: none;\n }\n\n .introjs-prev-button {\n color: #c7ced4;\n }\n\n .introjs-helperLayer {\n display: none;\n pointer-events: none;\n }\n\n .introjs-overlay {\n display: none;\n pointer-events: none;\n }\n\n .introjs-step-counter {\n margin-right: auto;\n font-size: 14px;\n padding: 0 10px;\n display: flex;\n align-items: center;\n color: var(--Color-Text-Inverted-Secondary, rgba(255, 255, 255, 0.50));\n font-style: normal;\n font-weight: 500;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n @keyframes shake {\n 0% {\n transform: translateX(0);\n }\n 25% {\n transform: translateX(-5px);\n }\n 50% {\n transform: translateX(5px);\n }\n 75% {\n transform: translateX(-5px);\n }\n 100% {\n transform: translateX(0);\n }\n }\n\n .introjs-shake {\n animation: shake 0.5s ease infinite;\n }\n`;\n\nexport default [styles];\n"]}
|