@aquera/nile-elements 0.0.115 → 0.0.117
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 +10 -0
- package/dist/nile-dialog/nile-dialog.css.cjs.js +1 -1
- package/dist/nile-dialog/nile-dialog.css.cjs.js.map +1 -1
- package/dist/nile-dialog/nile-dialog.css.esm.js +1 -1
- package/dist/nile-icon/icons/svg/map.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/map.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/map.esm.js +1 -1
- package/dist/nile-icon/icons/svg/mapcreate.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/mapcreate.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/mapcreate.esm.js +1 -1
- package/dist/nile-icon/icons/svg/mapdont.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/mapdont.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/mapdont.esm.js +1 -1
- package/dist/nile-icon/icons/svg/mapupdate.cjs.js +1 -1
- package/dist/nile-icon/icons/svg/mapupdate.cjs.js.map +1 -1
- package/dist/nile-icon/icons/svg/mapupdate.esm.js +1 -1
- package/dist/nile-link/nile-link.cjs.js.map +1 -1
- package/dist/nile-link/nile-link.css.cjs.js +1 -1
- package/dist/nile-link/nile-link.css.cjs.js.map +1 -1
- package/dist/nile-link/nile-link.css.esm.js +13 -13
- package/dist/nile-stepper-item/nile-stepper-item.css.cjs.js +1 -1
- package/dist/nile-stepper-item/nile-stepper-item.css.cjs.js.map +1 -1
- package/dist/nile-stepper-item/nile-stepper-item.css.esm.js +2 -2
- package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.css.cjs.js +1 -1
- package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.css.cjs.js.map +1 -1
- package/dist/nile-vertical-stepper-item/nile-vertical-stepper-item.css.esm.js +2 -2
- package/dist/src/nile-dialog/nile-dialog.css.js +1 -1
- package/dist/src/nile-dialog/nile-dialog.css.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/map.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/map.js +1 -1
- package/dist/src/nile-icon/icons/svg/map.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/mapcreate.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/mapcreate.js +1 -1
- package/dist/src/nile-icon/icons/svg/mapcreate.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/mapdont.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/mapdont.js +1 -1
- package/dist/src/nile-icon/icons/svg/mapdont.js.map +1 -1
- package/dist/src/nile-icon/icons/svg/mapupdate.d.ts +1 -1
- package/dist/src/nile-icon/icons/svg/mapupdate.js +1 -1
- package/dist/src/nile-icon/icons/svg/mapupdate.js.map +1 -1
- package/dist/src/nile-link/nile-link.css.js +11 -11
- package/dist/src/nile-link/nile-link.css.js.map +1 -1
- package/dist/src/nile-link/nile-link.js +2 -2
- package/dist/src/nile-link/nile-link.js.map +1 -1
- package/dist/src/nile-stepper-item/nile-stepper-item.css.js +2 -2
- package/dist/src/nile-stepper-item/nile-stepper-item.css.js.map +1 -1
- package/dist/src/nile-vertical-stepper-item/nile-vertical-stepper-item.css.js +2 -2
- package/dist/src/nile-vertical-stepper-item/nile-vertical-stepper-item.css.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-dialog/nile-dialog.css.ts +1 -1
- package/src/nile-icon/icons/svg/map.ts +1 -1
- package/src/nile-icon/icons/svg/mapcreate.ts +1 -1
- package/src/nile-icon/icons/svg/mapdont.ts +1 -1
- package/src/nile-icon/icons/svg/mapupdate.ts +1 -1
- package/src/nile-link/nile-link.css.ts +11 -11
- package/src/nile-link/nile-link.ts +2 -2
- package/src/nile-stepper-item/nile-stepper-item.css.ts +2 -2
- package/src/nile-vertical-stepper-item/nile-vertical-stepper-item.css.ts +2 -2
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
2
|
* Do not edit directly
|
3
3
|
*/
|
4
|
-
declare const _default: "
|
4
|
+
declare const _default: "PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC4wMjUyMyA1LjIzMDU0TDMuNjU5ODkgNC41MjExOEMzLjI1NzE5IDQuNjg1MzUgMi44ODAxMSA0LjkwNTYzIDIuNTQwMDMgNS4xNzUzN0MxLjQ5ODgxIDYuMjA5NDMgMS40OTg4MSA3Ljg4NTE1IDIuNTQwMDMgOC45MTkyMUMyLjgyMjE5IDkuMTkzMzIgMy4xNjQ4MiA5LjM5ODQxIDMuNTQwNzYgOS41MTgyM1YxMC4zMDY0QzIuOTY0OTQgMTAuMTU0NCAyLjQzOTIzIDkuODU1NDcgMi4wMTU4NCA5LjQzOTQxQzEuMzY1NDUgOC43OTQ4MiAxIDcuOTIwMDYgMSA3LjAwNzg4QzEgNi4wOTU3IDEuMzY1NDUgNS4yMjA5NCAyLjAxNTg0IDQuNTc2MzVDMi4zOTc0NCA0LjI1MjIgMi44MjU3NyAzLjk4NjUzIDMuMjg2NiAzLjc4ODE4TDIuODczNjEgM0w0LjYwNTAyIDMuNjU0MTlMNC4wMjUyMyA1LjIzMDU0WiIgZmlsbD0iYmxhY2siLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuMzg2MDkgMy40MjU2Mkw4LjgyMjE5IDMuOTg1MjNMMTAuMjY3NyA1LjQxOTcxSDcuNTExNzJDNy4zNTUzNCA1LjEzMDEgNy4xNTczNiA0Ljg2NDYgNi45MjM5OSA0LjYzMTUzQzYuNTA4NzEgNC4yMDYzNSA1Ljk4ODQzIDMuODk2NTUgNS40MTQ5NiAzLjczMzAxVjQuNTIxMTlDNi4yNzgxNSA0LjgyMTY1IDYuOTI1MjggNS41NDEwOSA3LjEyODUgNi40MjYxOEM3LjMzMTcxIDcuMzExMjggNy4wNjI1MSA4LjIzNzkxIDYuNDE1NjggOC44Nzk4MUM2LjA2NDk4IDkuMTkxNjcgNS42NTgwOSA5LjQzNTAxIDUuMjE2NCA5LjU5NzA1TDQuODE5MjkgOC44MDg4N0w0LjIzOTUgMTAuMzg1Mkw1Ljk3MDkyIDExTDUuNTk3NjMgMTAuMjgyOEM2LjEwMDg4IDEwLjA1NjcgNi41NjY4IDkuNzU2NDMgNi45Nzk1OSA5LjM5MjEyQzcuMjEyOTYgOS4xNTkwNiA3LjQxMDk0IDguODkzNTUgNy41NjczMSA4LjYwMzk0SDEwLjMxNTNMOC44Njk4NSAxMC4wMzg0TDkuNDMzNzUgMTAuNTk4TDEyLjk5OTggNy4wMzU0N0w5LjM4NjA5IDMuNDI1NjJaTTcuNzk3NjEgNy44MjM2NUM3LjkyNzAxIDcuMjkyNzEgNy45MjcwMSA2LjczODgyIDcuNzk3NjEgNi4yMDc4OEgxMS4wMzAxTDExLjgyNDMgNi45OTYwNkwxMS4wMzAxIDcuNzg0MjRMNy43OTc2MSA3LjgyMzY1WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";
|
5
5
|
export default _default;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
2
|
* Do not edit directly
|
3
3
|
*/
|
4
|
-
export default "
|
4
|
+
export default "PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC4wMjUyMyA1LjIzMDU0TDMuNjU5ODkgNC41MjExOEMzLjI1NzE5IDQuNjg1MzUgMi44ODAxMSA0LjkwNTYzIDIuNTQwMDMgNS4xNzUzN0MxLjQ5ODgxIDYuMjA5NDMgMS40OTg4MSA3Ljg4NTE1IDIuNTQwMDMgOC45MTkyMUMyLjgyMjE5IDkuMTkzMzIgMy4xNjQ4MiA5LjM5ODQxIDMuNTQwNzYgOS41MTgyM1YxMC4zMDY0QzIuOTY0OTQgMTAuMTU0NCAyLjQzOTIzIDkuODU1NDcgMi4wMTU4NCA5LjQzOTQxQzEuMzY1NDUgOC43OTQ4MiAxIDcuOTIwMDYgMSA3LjAwNzg4QzEgNi4wOTU3IDEuMzY1NDUgNS4yMjA5NCAyLjAxNTg0IDQuNTc2MzVDMi4zOTc0NCA0LjI1MjIgMi44MjU3NyAzLjk4NjUzIDMuMjg2NiAzLjc4ODE4TDIuODczNjEgM0w0LjYwNTAyIDMuNjU0MTlMNC4wMjUyMyA1LjIzMDU0WiIgZmlsbD0iYmxhY2siLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuMzg2MDkgMy40MjU2Mkw4LjgyMjE5IDMuOTg1MjNMMTAuMjY3NyA1LjQxOTcxSDcuNTExNzJDNy4zNTUzNCA1LjEzMDEgNy4xNTczNiA0Ljg2NDYgNi45MjM5OSA0LjYzMTUzQzYuNTA4NzEgNC4yMDYzNSA1Ljk4ODQzIDMuODk2NTUgNS40MTQ5NiAzLjczMzAxVjQuNTIxMTlDNi4yNzgxNSA0LjgyMTY1IDYuOTI1MjggNS41NDEwOSA3LjEyODUgNi40MjYxOEM3LjMzMTcxIDcuMzExMjggNy4wNjI1MSA4LjIzNzkxIDYuNDE1NjggOC44Nzk4MUM2LjA2NDk4IDkuMTkxNjcgNS42NTgwOSA5LjQzNTAxIDUuMjE2NCA5LjU5NzA1TDQuODE5MjkgOC44MDg4N0w0LjIzOTUgMTAuMzg1Mkw1Ljk3MDkyIDExTDUuNTk3NjMgMTAuMjgyOEM2LjEwMDg4IDEwLjA1NjcgNi41NjY4IDkuNzU2NDMgNi45Nzk1OSA5LjM5MjEyQzcuMjEyOTYgOS4xNTkwNiA3LjQxMDk0IDguODkzNTUgNy41NjczMSA4LjYwMzk0SDEwLjMxNTNMOC44Njk4NSAxMC4wMzg0TDkuNDMzNzUgMTAuNTk4TDEyLjk5OTggNy4wMzU0N0w5LjM4NjA5IDMuNDI1NjJaTTcuNzk3NjEgNy44MjM2NUM3LjkyNzAxIDcuMjkyNzEgNy45MjcwMSA2LjczODgyIDcuNzk3NjEgNi4yMDc4OEgxMS4wMzAxTDExLjgyNDMgNi45OTYwNkwxMS4wMzAxIDcuNzg0MjRMNy43OTc2MSA3LjgyMzY1WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=";
|
5
5
|
//# sourceMappingURL=mapupdate.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"mapupdate.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/mapupdate.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,
|
1
|
+
{"version":3,"file":"mapupdate.js","sourceRoot":"","sources":["../../../../../src/nile-icon/icons/svg/mapupdate.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,eAAe,knDAAknD,CAAC","sourcesContent":["/**\n * Do not edit directly\n */\n\nexport default \"PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNC4wMjUyMyA1LjIzMDU0TDMuNjU5ODkgNC41MjExOEMzLjI1NzE5IDQuNjg1MzUgMi44ODAxMSA0LjkwNTYzIDIuNTQwMDMgNS4xNzUzN0MxLjQ5ODgxIDYuMjA5NDMgMS40OTg4MSA3Ljg4NTE1IDIuNTQwMDMgOC45MTkyMUMyLjgyMjE5IDkuMTkzMzIgMy4xNjQ4MiA5LjM5ODQxIDMuNTQwNzYgOS41MTgyM1YxMC4zMDY0QzIuOTY0OTQgMTAuMTU0NCAyLjQzOTIzIDkuODU1NDcgMi4wMTU4NCA5LjQzOTQxQzEuMzY1NDUgOC43OTQ4MiAxIDcuOTIwMDYgMSA3LjAwNzg4QzEgNi4wOTU3IDEuMzY1NDUgNS4yMjA5NCAyLjAxNTg0IDQuNTc2MzVDMi4zOTc0NCA0LjI1MjIgMi44MjU3NyAzLjk4NjUzIDMuMjg2NiAzLjc4ODE4TDIuODczNjEgM0w0LjYwNTAyIDMuNjU0MTlMNC4wMjUyMyA1LjIzMDU0WiIgZmlsbD0iYmxhY2siLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuMzg2MDkgMy40MjU2Mkw4LjgyMjE5IDMuOTg1MjNMMTAuMjY3NyA1LjQxOTcxSDcuNTExNzJDNy4zNTUzNCA1LjEzMDEgNy4xNTczNiA0Ljg2NDYgNi45MjM5OSA0LjYzMTUzQzYuNTA4NzEgNC4yMDYzNSA1Ljk4ODQzIDMuODk2NTUgNS40MTQ5NiAzLjczMzAxVjQuNTIxMTlDNi4yNzgxNSA0LjgyMTY1IDYuOTI1MjggNS41NDEwOSA3LjEyODUgNi40MjYxOEM3LjMzMTcxIDcuMzExMjggNy4wNjI1MSA4LjIzNzkxIDYuNDE1NjggOC44Nzk4MUM2LjA2NDk4IDkuMTkxNjcgNS42NTgwOSA5LjQzNTAxIDUuMjE2NCA5LjU5NzA1TDQuODE5MjkgOC44MDg4N0w0LjIzOTUgMTAuMzg1Mkw1Ljk3MDkyIDExTDUuNTk3NjMgMTAuMjgyOEM2LjEwMDg4IDEwLjA1NjcgNi41NjY4IDkuNzU2NDMgNi45Nzk1OSA5LjM5MjEyQzcuMjEyOTYgOS4xNTkwNiA3LjQxMDk0IDguODkzNTUgNy41NjczMSA4LjYwMzk0SDEwLjMxNTNMOC44Njk4NSAxMC4wMzg0TDkuNDMzNzUgMTAuNTk4TDEyLjk5OTggNy4wMzU0N0w5LjM4NjA5IDMuNDI1NjJaTTcuNzk3NjEgNy44MjM2NUM3LjkyNzAxIDcuMjkyNzEgNy45MjcwMSA2LjczODgyIDcuNzk3NjEgNi4yMDc4OEgxMS4wMzAxTDExLjgyNDMgNi45OTYwNkwxMS4wMzAxIDcuNzg0MjRMNy43OTc2MSA3LjgyMzY1WiIgZmlsbD0iYmxhY2siLz48L3N2Zz4=\";"]}
|
@@ -27,10 +27,10 @@ export const styles = css `
|
|
27
27
|
}
|
28
28
|
|
29
29
|
.link__label {
|
30
|
-
color:
|
30
|
+
color: var(--nile-colors-primary-600);
|
31
31
|
text-align: center;
|
32
32
|
font-family: var(--nile-font-family-serif);
|
33
|
-
font-size:
|
33
|
+
font-size: var(--nile-type-scale-3);
|
34
34
|
font-style: normal;
|
35
35
|
font-weight: 400;
|
36
36
|
line-height: 14px;
|
@@ -44,25 +44,25 @@ export const styles = css `
|
|
44
44
|
}
|
45
45
|
|
46
46
|
|
47
|
-
.link:not(.link--disabled):not(.link__button):hover
|
48
|
-
|
49
|
-
|
47
|
+
.link:not(.link--disabled):not(.link__button):hover ,
|
48
|
+
.link:not(.link--disabled):not(.link__button):hover .link__label {
|
49
|
+
color: var(--nile-colors-primary-700);
|
50
50
|
}
|
51
51
|
|
52
|
-
.link:not(.link--disabled):not(.link__button):active
|
52
|
+
.link:not(.link--disabled):not(.link__button):active,
|
53
|
+
.link:not(.link--disabled):not(.link__button):active .link__label {
|
53
54
|
color: #002f53;
|
54
|
-
text-decoration-line: underline;
|
55
55
|
}
|
56
56
|
|
57
57
|
.link__button:hover {
|
58
|
-
color:
|
59
|
-
border-radius:
|
58
|
+
color: var(--nile-colors-primary-700);
|
59
|
+
border-radius: var(--nile-radius-radius-xs);
|
60
60
|
background: #f5f7f7;
|
61
61
|
}
|
62
62
|
|
63
63
|
.link__button:active {
|
64
|
-
color: #
|
65
|
-
border-radius:
|
64
|
+
color: #005EA61A;
|
65
|
+
border-radius: var(--nile-radius-radius-xs);
|
66
66
|
background: rgba(0, 94, 166, 0.1);
|
67
67
|
}
|
68
68
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-link.css.js","sourceRoot":"","sources":["../../../src/nile-link/nile-link.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DxB,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 * Link CSS\n */\nexport const styles = css`\n :host {\n }\n\n .link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n user-select: none;\n white-space: nowrap;\n padding: 12px;\n gap: 8px;\n height: 38px;\n box-sizing: border-box;\n cursor: pointer;\n }\n\n .link__label {\n color:
|
1
|
+
{"version":3,"file":"nile-link.css.js","sourceRoot":"","sources":["../../../src/nile-link/nile-link.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DxB,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 * Link CSS\n */\nexport const styles = css`\n :host {\n }\n\n .link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n user-select: none;\n white-space: nowrap;\n padding: 12px;\n gap: 8px;\n height: 38px;\n box-sizing: border-box;\n cursor: pointer;\n }\n\n .link__label {\n color: var(--nile-colors-primary-600);\n text-align: center;\n font-family: var(--nile-font-family-serif);\n font-size: var(--nile-type-scale-3);\n font-style: normal;\n font-weight: 400;\n line-height: 14px;\n letter-spacing: 0.2px;\n }\n\n .link--disabled {\n color: rgba(0, 94, 166, 0.5);\n cursor: not-allowed;\n opacity: 0.6;\n }\n\n\n .link:not(.link--disabled):not(.link__button):hover ,\n .link:not(.link--disabled):not(.link__button):hover .link__label {\n color: var(--nile-colors-primary-700);\n }\n\n .link:not(.link--disabled):not(.link__button):active,\n .link:not(.link--disabled):not(.link__button):active .link__label {\n color: #002f53;\n }\n\n .link__button:hover {\n color: var(--nile-colors-primary-700);\n border-radius: var(--nile-radius-radius-xs);\n background: #f5f7f7;\n }\n\n .link__button:active {\n color: #005EA61A;\n border-radius: var(--nile-radius-radius-xs);\n background: rgba(0, 94, 166, 0.1);\n }\n\n`;\n\nexport default [styles];\n"]}
|
@@ -76,9 +76,9 @@ let NileLink = class NileLink extends NileElement {
|
|
76
76
|
<div
|
77
77
|
part="base"
|
78
78
|
class=${classMap({
|
79
|
-
link: true,
|
79
|
+
'link': true,
|
80
80
|
'link--disabled': this.disabled,
|
81
|
-
link__button: this.button,
|
81
|
+
'link__button': this.button,
|
82
82
|
})}
|
83
83
|
.disabled=${this.disabled}
|
84
84
|
title=${this
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-link.js","sourceRoot":"","sources":["../../../src/nile-link/nile-link.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAa,IAAI,EAAE,QAAQ,EAAiC,MAAM,aAAa,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAC,MAAM,EAAC,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAGnD;;;;;GAKG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,WAAW;IAAlC;;QASY,sBAAiB,GAAG,IAAI,iBAAiB,CACxD,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,QAAQ,CACT,CAAC;QAEe,aAAQ,GAAG,KAAK,CAAC;QAElC,2BAA2B;QACiB,aAAQ,GAAG,KAAK,CAAC;QAEhC,WAAM,GAAG,KAAK,CAAC;QAwE5C,gBAAgB;IAClB,CAAC;IA7FC;;;OAGG;IACI,MAAM,KAAK,MAAM;QACtB,OAAO,CAAC,MAAM,CAAC,CAAC;IAClB,CAAC;IAgBD,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvD,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QACrD,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACzB,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;QACxD,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;IAC5B,CAAC;IAEO,eAAe,CAAC,KAAiB;QACvC,yEAAyE;QACzE,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,wBAAwB,EAAE,CAAC;YACjC,KAAK,CAAC,eAAe,EAAE,CAAC;SACzB;IACH,CAAC;IAEO,UAAU;QAChB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IACzB,CAAC;IAEO,WAAW;QACjB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACrB,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;IAC1B,CAAC;IAED,WAAW,CAAC,CAAa;QACvB,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,CAAC,CAAC,eAAe,EAAE,CAAC;YACpB,OAAO;SACR;IACH,CAAC;IAED;;;OAGG;IACI,MAAM;QACX,OAAO,IAAI,CAAA;;;gBAGC,QAAQ,CAAC;YACf,
|
1
|
+
{"version":3,"file":"nile-link.js","sourceRoot":"","sources":["../../../src/nile-link/nile-link.ts"],"names":[],"mappings":"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","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 {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement, state } from 'lit/decorators.js';\nimport {styles} from './nile-link.css';\nimport { HasSlotController } from '../slot';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport NileElement from '../internal/nile-element';\nimport { watch } from '../internal/watch';\n\n/**\n * Nile icon component.\n *\n * @tag nile-link\n *\n */\n@customElement('nile-link')\nexport class NileLink extends NileElement {\n /**\n * The styles for Link\n * @remarks If you are extending this class you can extend the base styles with super. Eg `return [super(), myCustomStyles]`\n */\n public static get styles(): CSSResultArray {\n return [styles];\n }\n\n private readonly hasSlotController = new HasSlotController(\n this,\n '[default]',\n 'prefix',\n 'suffix'\n );\n\n @state() private hasFocus = false;\n\n /** Disables the button. */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n @property({ type: Boolean }) button = false;\n\n connectedCallback() {\n super.connectedCallback();\n this.handleHostClick = this.handleHostClick.bind(this);\n this.addEventListener('click', this.handleHostClick);\n this.emit('nile-init');\n }\n\n disconnectedCallback() {\n super.disconnectedCallback();\n this.removeEventListener('click', this.handleHostClick);\n this.emit('nile-destroy');\n }\n\n private handleHostClick(event: MouseEvent) {\n // Prevent the click event from being emitted when the button is disabled\n if (this.disabled) {\n event.preventDefault();\n event.stopImmediatePropagation();\n event.stopPropagation();\n }\n }\n\n private handleBlur() {\n this.hasFocus = false;\n this.emit('nile-blur');\n }\n\n private handleFocus() {\n this.hasFocus = true;\n this.emit('nile-focus');\n }\n\n handleClick(e: MouseEvent) {\n if (this.disabled) {\n e.stopPropagation();\n return;\n }\n }\n\n /**\n * Render method\n * @slot This is a slot test\n */\n public render(): TemplateResult {\n return html`\n <div\n part=\"base\"\n class=${classMap({\n 'link': true,\n 'link--disabled': this.disabled,\n 'link__button': this.button,\n })}\n .disabled=${this.disabled}\n title=${\n this\n .title /* An empty title prevents browser validation tooltips from appearing on hover */\n }\n aria-disabled=${this.disabled ? 'true' : 'false'}\n tabindex=${this.disabled ? '-1' : '0'}\n @blur=${this.handleBlur}\n @focus=${this.handleFocus}\n @click=${this.handleClick}\n >\n <slot name=\"prefix\" part=\"prefix\" class=\"link__prefix\"></slot>\n <slot part=\"label\" class=\"link__label\"></slot>\n <slot name=\"suffix\" part=\"suffix\" class=\"link__suffix\"></slot>\n </div>\n `;\n }\n\n /* #endregion */\n}\n\nexport default NileLink;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-link': NileLink;\n }\n }\n"]}
|
@@ -90,7 +90,7 @@ export const styles = css `
|
|
90
90
|
color:var(--nile-colors-gray-light-mode-700, #344054);
|
91
91
|
font-size: var(--stepper-item-title-size);
|
92
92
|
line-height: var(--stepper-item-text-line-height);
|
93
|
-
font-family:
|
93
|
+
font-family: var(--nile-font-family-medium);
|
94
94
|
font-weight: 600;
|
95
95
|
}
|
96
96
|
|
@@ -107,7 +107,7 @@ export const styles = css `
|
|
107
107
|
color:var(--nile-colors-gray-light-mode-600, #475467);
|
108
108
|
font-size: var(--stepper-item-subtitle-size);
|
109
109
|
line-height: var(--stepper-item-text-line-height);
|
110
|
-
font-family:
|
110
|
+
font-family: var(--nile-font-family-sans-serif);
|
111
111
|
font-weight: 400;
|
112
112
|
}
|
113
113
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-stepper-item.css.js","sourceRoot":"","sources":["../../../src/nile-stepper-item/nile-stepper-item.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkIxB,CAAC;AACF,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 * StepperItem CSS\n */\nexport const styles = css`\n\t:host {\n\t\t--stepper-flex-val:1;\n\t\t--bulletin--dot--seperation:30%;\n\t\t\n\t\tdisplay:inline-block;\n\t\tflex-grow:var(--stepper-flex-val);\n\t\tcolor: var(--nile-stepper-color-text-default);\n\t\tmin-width:var(--nile-stepper-min-width);\n\t}\n\t\n\t.stepper__item {\n\t\tmargin: 0 -1px;\n\t}\n\n\t.stepper__item--sm {\n\t\t--item-spacing: var(--nile-spacing-spacing-lg,12px);\n\t\t--stepper-item-title-size:14px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:20px;\n\t\t--circle-height:16px;\n\t}\n\n\t.stepper__item--md {\n\t\t--item-spacing: var(--nile-spacing-spacing-xl, 16px);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--stepper-item-text-line-heightt:24px;\n\t\t--circle-height:20px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--item-spacing: var(--nile-spacing-spacing-xl, 16px);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--stepper-item-text-line-height:24px;\n\t\t--circle-height:28px;\n\t}\n\n\t.stepper__line__content {\n\t\tdisplay:flex;\n\t\twidth:100%;\n\t\talign-items:center;\n\t}\n\n\t.stepper__line__container {\n\t\tflex-grow:1;\n\t\tpadding:0 1px;\n\t}\n\n\t.stepper__line--hastitle {\n\t\tdisplay:flex;\n\t\talign-items:center;\n\t}\n\n\t.stepper__line {\n\t\tdisplay: block;\n\t\tborder: 0;\n\t\tborder-top: 2px solid var(--nile-colors-gray-light-mode-200, #eaecf0);\n\t}\n\n\t.stepper__line--active {\n\t\tborder-top: 2px solid var(--nile-colors-primary-600,#005EA6);\n\t}\n\n\t.stepper__item__content--below {\n\t\tmargin-top: var(--item-spacing);\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\talign-items:center;\n\t}\n\t\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\tmargin:0 -1px;\n\t}\n\n\t.stepper__content__title {\n\t\tcolor:var(--nile-colors-gray-light-mode-700, #344054);\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family:
|
1
|
+
{"version":3,"file":"nile-stepper-item.css.js","sourceRoot":"","sources":["../../../src/nile-stepper-item/nile-stepper-item.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkIxB,CAAC;AACF,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 * StepperItem CSS\n */\nexport const styles = css`\n\t:host {\n\t\t--stepper-flex-val:1;\n\t\t--bulletin--dot--seperation:30%;\n\t\t\n\t\tdisplay:inline-block;\n\t\tflex-grow:var(--stepper-flex-val);\n\t\tcolor: var(--nile-stepper-color-text-default);\n\t\tmin-width:var(--nile-stepper-min-width);\n\t}\n\t\n\t.stepper__item {\n\t\tmargin: 0 -1px;\n\t}\n\n\t.stepper__item--sm {\n\t\t--item-spacing: var(--nile-spacing-spacing-lg,12px);\n\t\t--stepper-item-title-size:14px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:20px;\n\t\t--circle-height:16px;\n\t}\n\n\t.stepper__item--md {\n\t\t--item-spacing: var(--nile-spacing-spacing-xl, 16px);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--stepper-item-text-line-heightt:24px;\n\t\t--circle-height:20px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--item-spacing: var(--nile-spacing-spacing-xl, 16px);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--stepper-item-text-line-height:24px;\n\t\t--circle-height:28px;\n\t}\n\n\t.stepper__line__content {\n\t\tdisplay:flex;\n\t\twidth:100%;\n\t\talign-items:center;\n\t}\n\n\t.stepper__line__container {\n\t\tflex-grow:1;\n\t\tpadding:0 1px;\n\t}\n\n\t.stepper__line--hastitle {\n\t\tdisplay:flex;\n\t\talign-items:center;\n\t}\n\n\t.stepper__line {\n\t\tdisplay: block;\n\t\tborder: 0;\n\t\tborder-top: 2px solid var(--nile-colors-gray-light-mode-200, #eaecf0);\n\t}\n\n\t.stepper__line--active {\n\t\tborder-top: 2px solid var(--nile-colors-primary-600,#005EA6);\n\t}\n\n\t.stepper__item__content--below {\n\t\tmargin-top: var(--item-spacing);\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\talign-items:center;\n\t}\n\t\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\tmargin:0 -1px;\n\t}\n\n\t.stepper__content__title {\n\t\tcolor:var(--nile-colors-gray-light-mode-700, #344054);\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-medium);\n\t\tfont-weight: 600;\n\t}\n\n\t.stepper__content__title--inline{\n\t\tpadding: 0 8px;\n\t\tcolor:var(--nile-colors-gray-light-mode-500, #667085);\n\t}\n\n\t.stepper__content__title--active{\n\t\tcolor:var(--nile-colors-primary-700, #005291);\n\t}\n\n\t.stepper__content__subtitle {\n\t\tcolor:var(--nile-colors-gray-light-mode-600, #475467);\n\t\tfont-size: var(--stepper-item-subtitle-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-sans-serif);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__content__subtitle--active{\n\t\tcolor:var(--nile-colors-primary-600, #005EA6);\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--nile-colors-gray-light-mode-300, #d0d5dd) var(--bulletin--dot--seperation), var(--nile-colors-gray-neutral-50, #f9fafb) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-gray-light-mode-200, #eaecf0);\n\t}\n\n\t.stepper__bulletin__dot--active{\n\t\tbackground: radial-gradient(#fff var(--bulletin--dot--seperation), var(--nile-colors-primary-600, #005EA6) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid #85AAD18A;\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\tborder: 2px solid var(--nile-colors-primary-600, #005EA6);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-colors-primary-600, #005EA6);\n\t\toverflow:hidden;\n\t}\n`;\nexport default [styles];"]}
|
@@ -104,7 +104,7 @@ export const styles = css `
|
|
104
104
|
color:var(--nile-colors-gray-light-mode-700, #344054);
|
105
105
|
font-size: var(--stepper-item-title-size);
|
106
106
|
line-height: var(--stepper-item-text-line-height);
|
107
|
-
font-family:
|
107
|
+
font-family: var(--nile-font-family-medium);
|
108
108
|
font-weight: 600;
|
109
109
|
}
|
110
110
|
|
@@ -116,7 +116,7 @@ export const styles = css `
|
|
116
116
|
color:var(--nile-colors-gray-light-mode-600, #475467);
|
117
117
|
font-size: var(--stepper-item-subtitle-size);
|
118
118
|
line-height: var(--stepper-item-text-line-height);
|
119
|
-
font-family:
|
119
|
+
font-family: var( --nile-font-family-sans-serif);
|
120
120
|
font-weight: 400;
|
121
121
|
}
|
122
122
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"nile-vertical-stepper-item.css.js","sourceRoot":"","sources":["../../../src/nile-vertical-stepper-item/nile-vertical-stepper-item.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAEhC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmHxB,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 * VerticalStepperItem CSS\n */\nexport const styles = css`\n\t:host {\n\t\t--vertical-stepper-flex-val:1;\n\t\tflex-grow:var(--vertical-stepper-flex-val);\n\t\t--bulletin--dot--seperation:30%;\n\t\t--min-line-container-height:25px;\n\t}\n\n\t.stepper__item {\n\t\tdisplay:flex;\n\t\tcolumn-gap:var(--item-spacing);\n\t\theight:100%;\n\t}\n\n\t.stepper__item--sm {\n\t\t--item-spacing: var(--nile-spacing-spacing-lg,12px);\n\t\t--stepper-item-title-size:14px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:20px;\n\t\t--circle-height:16px;\n\t}\n\n\t.stepper__item--md {\n\t\t--item-spacing: var(--nile-spacing-spacing-xl, 16px);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--stepper-item-text-line-heightt:24px;\n\t\t--circle-height:20px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--item-spacing: var(--nile-spacing-spacing-xl, 16px);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--stepper-item-text-line-height:24px;\n\t\t--circle-height:28px;\n\t}\n\t\n\t.stepper-item__connector-content{\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--nile-colors-gray-light-mode-300, #d0d5dd) var(--bulletin--dot--seperation), var(--nile-colors-gray-neutral-50, #f9fafb) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-gray-light-mode-200, #eaecf0);\n\t}\n\n\t.stepper__bulletin__dot--active{\n\t\tbackground: radial-gradient(#fff var(--bulletin--dot--seperation), var(--nile-colors-primary-600, #005EA6) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid #85AAD18A;\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\tborder: 2px solid var(--nile-colors-primary-600, #005EA6);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-colors-primary-600, #005EA6);\n\t\toverflow:hidden;\n\t}\n\n\t.stepper__item__line__container{\n\t\tflex-grow: 1;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tpadding: 2px;\n\t\tmin-height: var(--min-line-container-height);\n\t}\n\n\t.stepper__item__line{\n\t\theight:100%;\n\t\tborder-left: 2px solid var(--nile-colors-primary-600, #005EA6);\n\t}\n\t.stepper__item__line--active{\n\t\tborder-left: 2px solid var(--nile-colors-primary-600, #005EA6);\n\t}\n\n\t.stepper__item__content{\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\tjustify-content:start;\n\t}\n\t.stepper__content__title {\n\t\tcolor:var(--nile-colors-gray-light-mode-700, #344054);\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family:
|
1
|
+
{"version":3,"file":"nile-vertical-stepper-item.css.js","sourceRoot":"","sources":["../../../src/nile-vertical-stepper-item/nile-vertical-stepper-item.css.ts"],"names":[],"mappings":"AAAA;;;;;EAKE;AAEF,OAAO,EAAC,GAAG,EAAC,MAAM,aAAa,CAAC;AAEhC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmHxB,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 * VerticalStepperItem CSS\n */\nexport const styles = css`\n\t:host {\n\t\t--vertical-stepper-flex-val:1;\n\t\tflex-grow:var(--vertical-stepper-flex-val);\n\t\t--bulletin--dot--seperation:30%;\n\t\t--min-line-container-height:25px;\n\t}\n\n\t.stepper__item {\n\t\tdisplay:flex;\n\t\tcolumn-gap:var(--item-spacing);\n\t\theight:100%;\n\t}\n\n\t.stepper__item--sm {\n\t\t--item-spacing: var(--nile-spacing-spacing-lg,12px);\n\t\t--stepper-item-title-size:14px;\n\t\t--stepper-item-subtitle-size:14px;\n\t\t--stepper-item-text-line-height:20px;\n\t\t--circle-height:16px;\n\t}\n\n\t.stepper__item--md {\n\t\t--item-spacing: var(--nile-spacing-spacing-xl, 16px);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--stepper-item-text-line-heightt:24px;\n\t\t--circle-height:20px;\n\t}\n\n\t.stepper__item--lg {\n\t\t--item-spacing: var(--nile-spacing-spacing-xl, 16px);\n\t\t--stepper-item-title-size:16px;\n\t\t--stepper-item-subtitle-size:16px;\n\t\t--stepper-item-text-line-height:24px;\n\t\t--circle-height:28px;\n\t}\n\t\n\t.stepper-item__connector-content{\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\t.stepper__item__bulletin {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t}\n\n\t.stepper__bulletin--dot {\n\t\twidth: var(--circle-height);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground: radial-gradient(var(--nile-colors-gray-light-mode-300, #d0d5dd) var(--bulletin--dot--seperation), var(--nile-colors-gray-neutral-50, #f9fafb) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid var(--nile-colors-gray-light-mode-200, #eaecf0);\n\t}\n\n\t.stepper__bulletin__dot--active{\n\t\tbackground: radial-gradient(#fff var(--bulletin--dot--seperation), var(--nile-colors-primary-600, #005EA6) var(--bulletin--dot--seperation));\n\t\tborder: 2px solid #85AAD18A;\n\t}\n\n\t.stepper__bulletin--icon {\n\t\tdisplay:grid;\n\t\tplace-content:center;\n\t\twidth: var(--circle-height);\n\t\tborder: 2px solid var(--nile-colors-primary-600, #005EA6);\n\t\taspect-ratio: 1 / 1;\n\t\tborder-radius: 50%;\n\t\tbackground-color:var(--nile-colors-primary-600, #005EA6);\n\t\toverflow:hidden;\n\t}\n\n\t.stepper__item__line__container{\n\t\tflex-grow: 1;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tpadding: 2px;\n\t\tmin-height: var(--min-line-container-height);\n\t}\n\n\t.stepper__item__line{\n\t\theight:100%;\n\t\tborder-left: 2px solid var(--nile-colors-primary-600, #005EA6);\n\t}\n\t.stepper__item__line--active{\n\t\tborder-left: 2px solid var(--nile-colors-primary-600, #005EA6);\n\t}\n\n\t.stepper__item__content{\n\t\tdisplay:flex;\n\t\tflex-direction:column;\n\t\tjustify-content:start;\n\t}\n\t.stepper__content__title {\n\t\tcolor:var(--nile-colors-gray-light-mode-700, #344054);\n\t\tfont-size: var(--stepper-item-title-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var(--nile-font-family-medium);\n\t\tfont-weight: 600;\n\t}\n\n\t.stepper__content__title--active{\n\t\tcolor:var(--nile-colors-primary-700, #005291);\n\t}\n\n\t.stepper__content__subtitle {\n\t\tcolor:var(--nile-colors-gray-light-mode-600, #475467);\n\t\tfont-size: var(--stepper-item-subtitle-size);\n\t\tline-height: var(--stepper-item-text-line-height);\n\t\tfont-family: var( --nile-font-family-sans-serif);\n\t\tfont-weight: 400;\n\t}\n\n\t.stepper__content__subtitle--active{\n\t\tcolor:var(--nile-colors-primary-600, #005EA6);\n\t}\n`;\n\nexport default [styles];"]}
|