@aquera/nile-elements 0.0.64 → 0.0.66
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 +8 -0
- package/dist/index.iife.js +73 -98
- package/dist/nile-avatar/nile-avatar.cjs.js +1 -1
- package/dist/nile-avatar/nile-avatar.cjs.js.map +1 -1
- package/dist/nile-avatar/nile-avatar.css.cjs.js +1 -1
- package/dist/nile-avatar/nile-avatar.css.cjs.js.map +1 -1
- package/dist/nile-avatar/nile-avatar.css.esm.js +15 -25
- package/dist/nile-avatar/nile-avatar.esm.js +5 -5
- package/dist/nile-card/nile-card.cjs.js +1 -1
- package/dist/nile-card/nile-card.cjs.js.map +1 -1
- package/dist/nile-card/nile-card.css.cjs.js +1 -1
- package/dist/nile-card/nile-card.css.cjs.js.map +1 -1
- package/dist/nile-card/nile-card.css.esm.js +3 -14
- package/dist/nile-card/nile-card.esm.js +2 -1
- package/dist/nile-table-body/nile-table-body.css.cjs.js +1 -1
- package/dist/nile-table-body/nile-table-body.css.cjs.js.map +1 -1
- package/dist/nile-table-body/nile-table-body.css.esm.js +7 -12
- package/dist/nile-table-cell-item/nile-table-cell-item.css.cjs.js +1 -1
- package/dist/nile-table-cell-item/nile-table-cell-item.css.cjs.js.map +1 -1
- package/dist/nile-table-cell-item/nile-table-cell-item.css.esm.js +8 -13
- package/dist/nile-table-header-item/nile-table-header-item.css.cjs.js +1 -1
- package/dist/nile-table-header-item/nile-table-header-item.css.cjs.js.map +1 -1
- package/dist/nile-table-header-item/nile-table-header-item.css.esm.js +9 -10
- package/dist/nile-table-row/nile-table-row.css.cjs.js +1 -1
- package/dist/nile-table-row/nile-table-row.css.cjs.js.map +1 -1
- package/dist/nile-table-row/nile-table-row.css.esm.js +8 -2
- package/dist/src/nile-avatar/nile-avatar.css.js +13 -23
- package/dist/src/nile-avatar/nile-avatar.css.js.map +1 -1
- package/dist/src/nile-avatar/nile-avatar.d.ts +2 -2
- package/dist/src/nile-avatar/nile-avatar.js +12 -13
- package/dist/src/nile-avatar/nile-avatar.js.map +1 -1
- package/dist/src/nile-card/nile-card.css.js +3 -14
- package/dist/src/nile-card/nile-card.css.js.map +1 -1
- package/dist/src/nile-card/nile-card.js +2 -1
- package/dist/src/nile-card/nile-card.js.map +1 -1
- package/dist/src/nile-table-body/nile-table-body.css.js +5 -10
- package/dist/src/nile-table-body/nile-table-body.css.js.map +1 -1
- package/dist/src/nile-table-cell-item/nile-table-cell-item.css.js +8 -13
- package/dist/src/nile-table-cell-item/nile-table-cell-item.css.js.map +1 -1
- package/dist/src/nile-table-header-item/nile-table-header-item.css.js +7 -8
- package/dist/src/nile-table-header-item/nile-table-header-item.css.js.map +1 -1
- package/dist/src/nile-table-row/nile-table-row.css.js +8 -2
- package/dist/src/nile-table-row/nile-table-row.css.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/nile-avatar/nile-avatar.css.ts +13 -23
- package/src/nile-avatar/nile-avatar.ts +15 -13
- package/src/nile-card/nile-card.css.ts +3 -14
- package/src/nile-card/nile-card.ts +2 -1
- package/src/nile-table-body/nile-table-body.css.ts +5 -10
- package/src/nile-table-cell-item/nile-table-cell-item.css.ts +8 -13
- package/src/nile-table-header-item/nile-table-header-item.css.ts +7 -8
- package/src/nile-table-row/nile-table-row.css.ts +8 -2
|
@@ -17,15 +17,15 @@ export const styles = css `
|
|
|
17
17
|
font-family: var(--nile-font-family-serif);
|
|
18
18
|
font-style: normal;
|
|
19
19
|
font-weight: 500;
|
|
20
|
-
color:var(--nile-colors-white-base);
|
|
20
|
+
color: var(--nile-colors-white-base);
|
|
21
21
|
text-transform: uppercase;
|
|
22
22
|
display: flex;
|
|
23
23
|
flex-direction: column;
|
|
24
24
|
justify-content: center;
|
|
25
25
|
align-items: center;
|
|
26
26
|
box-sizing: border-box;
|
|
27
|
-
border:
|
|
28
|
-
border-color:
|
|
27
|
+
border: 0.5px solid;
|
|
28
|
+
border-color: rgba(0, 0, 0, 0.08);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
.avatar {
|
|
@@ -68,34 +68,24 @@ export const styles = css `
|
|
|
68
68
|
border-radius: 50%;
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
-
.
|
|
72
|
-
|
|
73
|
-
border-color: var(--nile-colors-yellow-500);
|
|
74
|
-
background: var(--nile-colors-yellow-400);
|
|
71
|
+
.variant__orange {
|
|
72
|
+
background: #e04f16;
|
|
75
73
|
}
|
|
76
74
|
|
|
77
|
-
.
|
|
78
|
-
|
|
79
|
-
border-color: var(--nile-colors-blue-500);
|
|
80
|
-
background: var(--nile-colors-blue-400);
|
|
75
|
+
.variant__pink {
|
|
76
|
+
background: #c11574;
|
|
81
77
|
}
|
|
82
78
|
|
|
83
|
-
.
|
|
84
|
-
|
|
85
|
-
border-color: var(--nile-colors-red-500);
|
|
86
|
-
background: var(--nile-colors-red-400);
|
|
79
|
+
.variant__blue {
|
|
80
|
+
background: #3538cd;
|
|
87
81
|
}
|
|
88
82
|
|
|
89
|
-
.
|
|
90
|
-
|
|
91
|
-
border-color: var(--nile-colors-green-500);
|
|
92
|
-
background: var(--nile-colors-green-400);
|
|
83
|
+
.variant__light_blue {
|
|
84
|
+
background: #0086c9;
|
|
93
85
|
}
|
|
94
86
|
|
|
95
|
-
.
|
|
96
|
-
|
|
97
|
-
border-color: var(--nile-colors-neutral-500);
|
|
98
|
-
background: var(--nile-colors-dark-200);
|
|
87
|
+
.variant__green {
|
|
88
|
+
background: #079455;
|
|
99
89
|
}
|
|
100
90
|
`;
|
|
101
91
|
export default [styles];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-avatar.css.js","sourceRoot":"","sources":["../../../src/nile-avatar/nile-avatar.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-avatar.css.js","sourceRoot":"","sources":["../../../src/nile-avatar/nile-avatar.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+ExB,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 * Avatar CSS\n */\nexport const styles = css`\n :host {\n }\n .text__avatar {\n box-sizing: border-box;\n font-feature-settings: 'clig' off, 'liga' off;\n font-family: var(--nile-font-family-serif);\n font-style: normal;\n font-weight: 500;\n color: var(--nile-colors-white-base);\n text-transform: uppercase;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n border: 0.5px solid;\n border-color: rgba(0, 0, 0, 0.08);\n }\n\n .avatar {\n box-sizing: border-box;\n border: 1px solid var(--nile-colors-neutral-500);\n background-position: 50% 50%;\n background-size: cover;\n background-repeat: no-repeat;\n }\n\n .avatar__small {\n width: var(--nile-type-scale-4);\n height: var(--nile-type-scale-4);\n font-size: 6.516px;\n line-height: 6.516px;\n }\n\n .avatar__medium {\n width: var(--nile-spacing-3-x);\n height: var(--nile-spacing-3-x);\n font-size: var(--nile-type-scale-1);\n line-height: var(--nile-type-scale-1);\n }\n\n .avatar__large {\n width: 32px;\n height: 32px;\n font-size: 12.8px;\n line-height: 12.8px;\n }\n\n .avatar__extralarge {\n height: 40px;\n width: 40px;\n font-size: var(--nile-type-scale-3);\n line-height: var(--nile-type-scale-3);\n }\n\n .avatar__rounded {\n border-radius: 50%;\n }\n\n .variant__orange {\n background: #e04f16;\n }\n\n .variant__pink {\n background: #c11574;\n }\n\n .variant__blue {\n background: #3538cd;\n }\n\n .variant__light_blue {\n background: #0086c9;\n }\n\n .variant__green {\n background: #079455;\n }\n`;\n\nexport default [styles];\n"]}
|
|
@@ -23,10 +23,10 @@ export declare class NileAvatar extends NileElement {
|
|
|
23
23
|
/** Gives the default Image Letters to the Avatar */
|
|
24
24
|
name: string;
|
|
25
25
|
/** Gives the default bg color to the Avatar */
|
|
26
|
-
|
|
26
|
+
bgColor: string;
|
|
27
27
|
/** Gives the default text color to the Avatar */
|
|
28
28
|
textColor: string;
|
|
29
|
-
/** Gives the default
|
|
29
|
+
/** Gives the default border color to the Avatar */
|
|
30
30
|
borderColor: string;
|
|
31
31
|
/** Size of the Avatar */
|
|
32
32
|
size: 'small' | 'medium' | 'large' | 'extralarge';
|
|
@@ -24,11 +24,11 @@ let NileAvatar = class NileAvatar extends NileElement {
|
|
|
24
24
|
/** Gives the default Image Letters to the Avatar */
|
|
25
25
|
this.name = '';
|
|
26
26
|
/** Gives the default bg color to the Avatar */
|
|
27
|
-
this.
|
|
27
|
+
this.bgColor = '';
|
|
28
28
|
/** Gives the default text color to the Avatar */
|
|
29
29
|
this.textColor = '#fff';
|
|
30
|
-
/** Gives the default
|
|
31
|
-
this.borderColor = '
|
|
30
|
+
/** Gives the default border color to the Avatar */
|
|
31
|
+
this.borderColor = 'rgba(0, 0, 0, 0.08)';
|
|
32
32
|
/** Size of the Avatar */
|
|
33
33
|
this.size = 'medium';
|
|
34
34
|
/** Gives a border radius of 50% to the Avatar */
|
|
@@ -78,14 +78,14 @@ let NileAvatar = class NileAvatar extends NileElement {
|
|
|
78
78
|
avatar__large: this.size === 'large',
|
|
79
79
|
avatar__extralarge: this.size === 'extralarge',
|
|
80
80
|
avatar__rounded: this.isRounded,
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
81
|
+
variant__orange: variant__code === 0 && !this.bgColor,
|
|
82
|
+
variant__pink: variant__code === 1 && !this.bgColor,
|
|
83
|
+
variant__blue: variant__code === 2 && !this.bgColor,
|
|
84
|
+
variant__light_blue: variant__code === 3 && !this.bgColor,
|
|
85
|
+
variant__green: variant__code === 4 && !this.bgColor,
|
|
86
86
|
})}
|
|
87
|
-
style="background-color: ${this.
|
|
88
|
-
.
|
|
87
|
+
style="background-color: ${this.bgColor};color:${this
|
|
88
|
+
.textColor};border-color:${this.borderColor}"
|
|
89
89
|
>
|
|
90
90
|
${defaultInitials
|
|
91
91
|
? defaultInitials
|
|
@@ -122,8 +122,8 @@ __decorate([
|
|
|
122
122
|
property({ type: String, reflect: true })
|
|
123
123
|
], NileAvatar.prototype, "name", void 0);
|
|
124
124
|
__decorate([
|
|
125
|
-
property({ type: String, reflect: true })
|
|
126
|
-
], NileAvatar.prototype, "
|
|
125
|
+
property({ type: String, reflect: true, attribute: 'bg-color' })
|
|
126
|
+
], NileAvatar.prototype, "bgColor", void 0);
|
|
127
127
|
__decorate([
|
|
128
128
|
property({ type: String, reflect: true, attribute: 'text-color' })
|
|
129
129
|
], NileAvatar.prototype, "textColor", void 0);
|
|
@@ -146,6 +146,5 @@ NileAvatar = __decorate([
|
|
|
146
146
|
customElement('nile-avatar')
|
|
147
147
|
], NileAvatar);
|
|
148
148
|
export { NileAvatar };
|
|
149
|
-
// onerror="this.onerror=null;this.src='${defaultimg}';"
|
|
150
149
|
export default NileAvatar;
|
|
151
150
|
//# sourceMappingURL=nile-avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-avatar.js","sourceRoot":"","sources":["../../../src/nile-avatar/nile-avatar.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAEL,IAAI,EACJ,QAAQ,GAGT,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAGnD;;;;;GAKG;AAEI,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,WAAW;IAApC;;QASL,kCAAkC;QACS,QAAG,GAAG,EAAE,CAAC;QAEpD,oDAAoD;QACT,SAAI,GAAG,EAAE,CAAC;QAErD,gDAAgD;
|
|
1
|
+
{"version":3,"file":"nile-avatar.js","sourceRoot":"","sources":["../../../src/nile-avatar/nile-avatar.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 {\n LitElement,\n html,\n property,\n CSSResultArray,\n TemplateResult,\n} from 'lit-element';\nimport { customElement, state } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\n\nimport { styles } from './nile-avatar.css';\nimport NileElement from '../internal/nile-element';\nimport { string } from '../nile-icon/icons/svg';\n\n/**\n * Nile icon component.\n *\n * @tag nile-avatar\n *\n */\n@customElement('nile-avatar')\nexport class NileAvatar extends NileElement {\n /**\n * The styles for Avatar\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 /** Gives the url to the Avatar */\n @property({ type: String, reflect: true }) src = '';\n\n /** Gives the default Image Letters to the Avatar */\n @property({ type: String, reflect: true }) name = '';\n\n /** Gives the default bg color to the Avatar */\n @property({ type: String, reflect: true,attribute: 'bg-color' }) bgColor = '';\n\n /** Gives the default text color to the Avatar */\n @property({ type: String, reflect: true, attribute: 'text-color' })\n textColor = '#fff';\n\n /** Gives the default border color to the Avatar */\n @property({ type: String, reflect: true, attribute: 'border-color' })\n borderColor = 'rgba(0, 0, 0, 0.08)';\n\n /** Size of the Avatar */\n @property({ reflect: true }) size:\n | 'small'\n | 'medium'\n | 'large'\n | 'extralarge' = 'medium';\n\n /** Gives a border radius of 50% to the Avatar */\n @property({ type: Boolean, reflect: true }) isRounded = false;\n\n /* #endregion */\n\n /* #region Methods */\n\n /**\n * Render method\n * @slot This is a slot test\n */\n @state() private isDefaultAvatar = true;\n\n @state() private defaultAvatarContent = html``;\n\n private generateInitials(name: String): string {\n if (!name) {\n return '';\n }\n const nameParts = name\n .split(' ')\n .filter(part => part.length > 0)\n .map(part => part.charAt(0).toUpperCase())\n .slice(0, 2);\n return nameParts.length > 1 ? nameParts[0] + nameParts[1] : nameParts[0];\n }\n\n private generateVariantCode(initials: string): number {\n const char1 = initials.charCodeAt(0);\n const char2 = initials.length == 1 ? char1 : initials.charCodeAt(1);\n const multifactor = char1 * char2 + (char1 % 23) + (char2 % 23);\n return multifactor % 5;\n }\n\n private handleImageError(event: Event): void {\n const defaultInitials = this.generateInitials(this.name);\n const variant__code = this.generateVariantCode(defaultInitials);\n\n this.defaultAvatarContent = html`<div\n class=${classMap({\n text__avatar: true,\n avatar__small: this.size === 'small',\n avatar__medium: this.size === 'medium',\n avatar__large: this.size === 'large',\n avatar__extralarge: this.size === 'extralarge',\n avatar__rounded: this.isRounded,\n variant__orange: variant__code === 0 && !this.bgColor,\n variant__pink: variant__code === 1 && !this.bgColor,\n variant__blue: variant__code === 2 && !this.bgColor,\n variant__light_blue: variant__code === 3 && !this.bgColor,\n variant__green: variant__code === 4 && !this.bgColor,\n })}\n style=\"background-color: ${this.bgColor};color:${this\n .textColor};border-color:${this.borderColor}\"\n >\n ${defaultInitials\n ? defaultInitials\n : html`<nile-icon name=\"user\" color=\"grey\" size=\"14\"></nile-icon>`}\n </div>`;\n\n this.isDefaultAvatar = false;\n }\n\n public render(): TemplateResult {\n return html`\n ${this.isDefaultAvatar\n ? html` <img\n src=\"${this.src}\"\n class=\"avatar\"\n class=${classMap({\n avatar: true,\n avatar__small: this.size === 'small',\n avatar__medium: this.size === 'medium',\n avatar__large: this.size === 'large',\n avatar__extralarge: this.size === 'extralarge',\n avatar__rounded: this.isRounded,\n })}\n style=\"\tbackground-image: url(${this\n .src}), linear-gradient(lightgray, lightgray);\"\n @error=\"${this.handleImageError}\"\n />`\n : html`${this.defaultAvatarContent}`}\n `;\n }\n\n /* #endregion */\n}\n\nexport default NileAvatar;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-avatar': NileAvatar;\n }\n}\n"]}
|
|
@@ -24,11 +24,10 @@ export const styles = css `
|
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
:host {
|
|
27
|
-
--border-color: var(--nile-card-color-border);
|
|
27
|
+
--border-color: var(--nile-card-color-border);
|
|
28
28
|
--border-radius: 8px;
|
|
29
29
|
--border-width: 1px;
|
|
30
30
|
--padding: 18px;
|
|
31
|
-
--footer-padding: var(--nile-card-footer-padding); /*for v2 */
|
|
32
31
|
display: inline-block;
|
|
33
32
|
}
|
|
34
33
|
|
|
@@ -39,26 +38,16 @@ export const styles = css `
|
|
|
39
38
|
border: solid var(--border-width) var(--border-color);
|
|
40
39
|
border-radius: var(--border-radius);
|
|
41
40
|
box-shadow: var(--nile-card-box-shadow) rgba(16, 24, 40, 0.05);
|
|
41
|
+
padding: var(--nile-type-scale-4);
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
.card__body {
|
|
45
45
|
display: block;
|
|
46
|
-
padding: var(--padding);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
.card--has-footer {
|
|
50
|
-
border-radius: var(--border-radius) var(--border-radius) 0 0;
|
|
51
|
-
border-bottom: none;
|
|
52
46
|
}
|
|
53
47
|
|
|
54
48
|
.card__footer {
|
|
55
49
|
display: block;
|
|
56
|
-
|
|
57
|
-
padding: var(--footer-padding);
|
|
58
|
-
border:1px solid var(--nile-card-footer-border-color);
|
|
59
|
-
border-width: var(--nile-card-footer-border-width);
|
|
60
|
-
border-radius:var(--nile-card-footer-border-radius);
|
|
61
|
-
background-color:var(--nile-card-footer-background-color);
|
|
50
|
+
margin-top: var(--nile-type-scale-4);
|
|
62
51
|
}
|
|
63
52
|
|
|
64
53
|
.card:not(.card--has-footer) .card__footer {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-card.css.js","sourceRoot":"","sources":["../../../src/nile-card/nile-card.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-card.css.js","sourceRoot":"","sources":["../../../src/nile-card/nile-card.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6CxB,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 * Card CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n }\n\n :host *,\n :host *::before,\n :host *::after {\n box-sizing: inherit;\n }\n\n [hidden] {\n display: none !important;\n }\n\n :host {\n --border-color: var(--nile-card-color-border);\n --border-radius: 8px;\n --border-width: 1px;\n --padding: 18px;\n display: inline-block;\n }\n\n .card {\n display: flex;\n flex-direction: column;\n background-color: var(--nile-colors-white-base);\n border: solid var(--border-width) var(--border-color);\n border-radius: var(--border-radius);\n box-shadow: var(--nile-card-box-shadow) rgba(16, 24, 40, 0.05);\n padding: var(--nile-type-scale-4);\n }\n\n .card__body {\n display: block;\n }\n\n .card__footer {\n display: block;\n margin-top: var(--nile-type-scale-4);\n }\n\n .card:not(.card--has-footer) .card__footer {\n display: none;\n }\n`;\n\nexport default [styles];\n"]}
|
|
@@ -32,8 +32,9 @@ let NileCard = class NileCard extends NileElements {
|
|
|
32
32
|
})}
|
|
33
33
|
>
|
|
34
34
|
<slot part="body" class="card__body"></slot>
|
|
35
|
+
<slot name="footer" part="footer" ?hidden="${!this.hasSlotController.test('footer')}" class="card__footer"></slot>
|
|
35
36
|
</div>
|
|
36
|
-
|
|
37
|
+
|
|
37
38
|
`;
|
|
38
39
|
}
|
|
39
40
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-card.js","sourceRoot":"","sources":["../../../src/nile-card/nile-card.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAa,IAAI,EAA2C,MAAM,aAAa,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,MAAM,EAAC,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAIpD;;;;;GAKG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,YAAY;IAAnC;;QAIY,sBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"nile-card.js","sourceRoot":"","sources":["../../../src/nile-card/nile-card.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;;AAEH,OAAO,EAAa,IAAI,EAA2C,MAAM,aAAa,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAC,MAAM,EAAC,MAAM,iBAAiB,CAAC;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAIpD;;;;;GAKG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,YAAY;IAAnC;;QAIY,sBAAiB,GAAG,IAAI,iBAAiB,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;IAiB7E,CAAC;IAfC,MAAM;QACJ,OAAO,IAAI,CAAA;;;gBAGC,QAAQ,CAAC;YACf,IAAI,EAAE,IAAI;YACV,kBAAkB,EAAE,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC;SAC1D,CAAC;;;qDAG2C,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC;;;KAGtF,CAAC;IACJ,CAAC;;AAlBM,eAAM,GAAmB,MAAM,CAAC;AAF5B,QAAQ;IADpB,aAAa,CAAC,WAAW,CAAC;GACd,QAAQ,CAqBpB;SArBY,QAAQ;AAwBrB,eAAe,QAAQ,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 {LitElement, html, property, CSSResultArray, TemplateResult} from 'lit-element';\nimport { customElement } from 'lit/decorators.js';\nimport {styles} from './nile-card.css';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { HasSlotController } from '../internal/slot';\nimport NileElements from '../internal/nile-element';\nimport { CSSResultGroup } from 'lit';\n\n\n/**\n * Nile icon component.\n *\n * @tag nile-card\n *\n */\n@customElement('nile-card')\nexport class NileCard extends NileElements {\n\n static styles: CSSResultGroup = styles;\n\n private readonly hasSlotController = new HasSlotController(this, 'footer');\n\n render() {\n return html`\n <div\n part=\"base\"\n class=${classMap({\n card: true,\n 'card--has-footer': this.hasSlotController.test('footer'),\n })}\n >\n <slot part=\"body\" class=\"card__body\"></slot>\n <slot name=\"footer\" part=\"footer\" ?hidden=\"${!this.hasSlotController.test('footer')}\" class=\"card__footer\"></slot>\n </div>\n \n `;\n }\n}\n\n\nexport default NileCard;\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'nile-card': NileCard;\n }\n}\n"]}
|
|
@@ -11,20 +11,15 @@ import { css } from 'lit-element';
|
|
|
11
11
|
export const styles = css `
|
|
12
12
|
:host {
|
|
13
13
|
box-sizing: border-box;
|
|
14
|
-
--nile-table-background--odd: var(
|
|
15
|
-
|
|
16
|
-
);
|
|
17
|
-
--nile-table-background--even: var(
|
|
18
|
-
--nile-table-body-row-even-background-color
|
|
19
|
-
);
|
|
14
|
+
--nile-table-background--odd: var(--nile-colors-base-white);
|
|
15
|
+
--nile-table-background--even: var(--nile-colors-base-white);
|
|
20
16
|
}
|
|
21
17
|
|
|
22
18
|
.base {
|
|
23
19
|
background-color: var(--nile-colors-white-base);
|
|
24
20
|
border: 1px solid var(--nile-table-row-border-color);
|
|
25
21
|
border-radius: var(--nile-radius-radius-xl);
|
|
26
|
-
box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),
|
|
27
|
-
0px 1px 2px 0px rgba(16, 24, 40, 0.06);
|
|
22
|
+
box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),0px 1px 2px 0px rgba(16, 24, 40, 0.06);
|
|
28
23
|
overflow: hidden;
|
|
29
24
|
}
|
|
30
25
|
|
|
@@ -36,11 +31,11 @@ export const styles = css `
|
|
|
36
31
|
.nile__table__body {
|
|
37
32
|
display: table;
|
|
38
33
|
border-collapse: collapse;
|
|
39
|
-
width:100%;
|
|
34
|
+
width: 100%;
|
|
40
35
|
}
|
|
41
36
|
|
|
42
37
|
slot::slotted(nile-table-row:nth-child(odd)) {
|
|
43
|
-
border-bottom: 1px solid #
|
|
38
|
+
border-bottom: 1px solid #eaecf0;
|
|
44
39
|
background: var(--nile-table-background--odd);
|
|
45
40
|
}
|
|
46
41
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-table-body.css.js","sourceRoot":"","sources":["../../../src/nile-table-body/nile-table-body.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-table-body.css.js","sourceRoot":"","sources":["../../../src/nile-table-body/nile-table-body.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCxB,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 * TableBody CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n --nile-table-background--odd: var(--nile-colors-base-white);\n --nile-table-background--even: var(--nile-colors-base-white);\n }\n\n .base {\n background-color: var(--nile-colors-white-base);\n border: 1px solid var(--nile-table-row-border-color);\n border-radius: var(--nile-radius-radius-xl);\n box-shadow: 0px 1px 3px 0px rgba(16, 24, 40, 0.1),0px 1px 2px 0px rgba(16, 24, 40, 0.06);\n overflow: hidden;\n }\n\n .table__header {\n display: flex;\n box-sizing: border-box;\n }\n\n .nile__table__body {\n display: table;\n border-collapse: collapse;\n width: 100%;\n }\n\n slot::slotted(nile-table-row:nth-child(odd)) {\n border-bottom: 1px solid #eaecf0;\n background: var(--nile-table-background--odd);\n }\n\n slot::slotted(nile-table-row:nth-child(even)) {\n background: var(--nile-table-background--even);\n }\n\n slot::slotted(nile-table-row:last-child) {\n border-bottom: 0px;\n }\n`;\n\nexport default [styles];\n"]}
|
|
@@ -9,30 +9,25 @@ import { css } from 'lit-element';
|
|
|
9
9
|
* TableCellItem CSS
|
|
10
10
|
*/
|
|
11
11
|
export const styles = css `
|
|
12
|
-
|
|
13
12
|
:host {
|
|
14
13
|
box-sizing: border-box;
|
|
15
14
|
display: table-cell;
|
|
15
|
+
vertical-align: middle;
|
|
16
16
|
--min--height: 52px;
|
|
17
|
-
--max--cell-width:auto;
|
|
17
|
+
--max--cell-width: auto;
|
|
18
18
|
max-width: var(--max--cell-width);
|
|
19
|
-
|
|
19
|
+
padding: 16px 24px;
|
|
20
|
+
min-height: var(--min--height);
|
|
20
21
|
}
|
|
21
22
|
|
|
22
23
|
.column {
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
align-items: center;
|
|
27
|
-
min-height: var(--min--height);
|
|
28
|
-
height: auto;
|
|
29
|
-
width: auto;
|
|
30
|
-
color: var(--nile-colors-dark-900);
|
|
31
|
-
font-feature-settings: 'clig' off, 'liga' off;
|
|
24
|
+
height: 100%;
|
|
25
|
+
color: var(--nile-colors-gray-light-mode-600);
|
|
26
|
+
font-family: var(--nile-font-family-serif);
|
|
32
27
|
font-size: var(--nile-type-scale-3);
|
|
33
28
|
font-style: normal;
|
|
34
29
|
font-weight: var(--nile-font-weight-regular);
|
|
35
|
-
line-height: var(--nile-type-scale-
|
|
30
|
+
line-height: var(--nile-type-scale-6);
|
|
36
31
|
letter-spacing: 0.2px;
|
|
37
32
|
}
|
|
38
33
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-table-cell-item.css.js","sourceRoot":"","sources":["../../../src/nile-table-cell-item/nile-table-cell-item.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-table-cell-item.css.js","sourceRoot":"","sources":["../../../src/nile-table-cell-item/nile-table-cell-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;CAsBxB,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 * TableCellItem CSS\n */\nexport const styles = css`\n :host {\n box-sizing: border-box;\n display: table-cell;\n vertical-align: middle;\n --min--height: 52px;\n --max--cell-width: auto;\n max-width: var(--max--cell-width);\n padding: 16px 24px;\n min-height: var(--min--height);\n }\n\n .column {\n height: 100%;\n color: var(--nile-colors-gray-light-mode-600);\n font-family: var(--nile-font-family-serif);\n font-size: var(--nile-type-scale-3);\n font-style: normal;\n font-weight: var(--nile-font-weight-regular);\n line-height: var(--nile-type-scale-6);\n letter-spacing: 0.2px;\n }\n`;\n\nexport default [styles];\n"]}
|
|
@@ -12,24 +12,23 @@ export const styles = css `
|
|
|
12
12
|
:host {
|
|
13
13
|
display: table-cell;
|
|
14
14
|
box-sizing: border-box;
|
|
15
|
-
--
|
|
15
|
+
padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);
|
|
16
|
+
min-height: 44px;
|
|
16
17
|
}
|
|
17
18
|
|
|
18
19
|
.headers {
|
|
19
20
|
display: flex;
|
|
20
|
-
padding: 0 var(--nile-type-scale-4);
|
|
21
21
|
align-items: center;
|
|
22
22
|
height: auto;
|
|
23
|
-
min-height: var(--min-height);
|
|
24
23
|
width: 100%;
|
|
25
24
|
gap: 8px;
|
|
26
25
|
color: var(--nile-colors-dark-900);
|
|
26
|
+
font-family: var(--nile-font-family-serif);
|
|
27
27
|
font-feature-settings: 'clig' off, 'liga' off;
|
|
28
|
-
font-size: var(--nile-type-scale-
|
|
28
|
+
font-size: var(--nile-type-scale-2);
|
|
29
|
+
font-weight: 500;
|
|
29
30
|
font-style: normal;
|
|
30
|
-
|
|
31
|
-
line-height: var(--nile-type-scale-3);
|
|
32
|
-
letter-spacing: 0.2px;
|
|
31
|
+
line-height: var(--nile-type-scale-5);
|
|
33
32
|
}
|
|
34
33
|
|
|
35
34
|
slot {
|
|
@@ -43,7 +42,7 @@ export const styles = css `
|
|
|
43
42
|
.sorting__icons {
|
|
44
43
|
display: flex;
|
|
45
44
|
flex-direction: column;
|
|
46
|
-
justify-content: space-between;
|
|
45
|
+
/* justify-content: space-between; */
|
|
47
46
|
align-items: centre;
|
|
48
47
|
}
|
|
49
48
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-table-header-item.css.js","sourceRoot":"","sources":["../../../src/nile-table-header-item/nile-table-header-item.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-table-header-item.css.js","sourceRoot":"","sources":["../../../src/nile-table-header-item/nile-table-header-item.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCxB,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 * TableHeaderItem CSS\n */\nexport const styles = css`\n :host {\n display: table-cell;\n box-sizing: border-box;\n padding: var(--nile-spacing-spacing-lg) var(--nile-spacing-spacing-3xl);\n min-height: 44px;\n }\n\n .headers {\n display: flex;\n align-items: center;\n height: auto;\n width: 100%;\n gap: 8px;\n color: var(--nile-colors-dark-900);\n font-family: var(--nile-font-family-serif);\n font-feature-settings: 'clig' off, 'liga' off;\n font-size: var(--nile-type-scale-2);\n font-weight: 500;\n font-style: normal;\n line-height: var(--nile-type-scale-5);\n }\n\n slot {\n cursor: pointer;\n }\n\n nile-icon {\n cursor: pointer;\n }\n\n .sorting__icons {\n display: flex;\n flex-direction: column;\n /* justify-content: space-between; */\n align-items: centre;\n }\n\n .sorting__icons nile-icon:hover {\n opacity: 0.4;\n }\n`;\n\nexport default [styles];\n"]}
|
|
@@ -11,14 +11,20 @@ import { css } from 'lit-element';
|
|
|
11
11
|
export const styles = css `
|
|
12
12
|
:host {
|
|
13
13
|
display: table-row;
|
|
14
|
-
width:100%;
|
|
15
|
-
|
|
14
|
+
width: 100%;
|
|
15
|
+
height: 100%;
|
|
16
|
+
height: max-content;
|
|
17
|
+
--nile-header-background: var(--nile-table-header-background-color);
|
|
16
18
|
border-bottom: 1px solid var(--nile-table-row-border-color);
|
|
17
19
|
}
|
|
18
20
|
|
|
19
21
|
slot::slotted(nile-table-header-item) {
|
|
20
22
|
background-color: var(--nile-header-background);
|
|
21
23
|
}
|
|
24
|
+
|
|
25
|
+
nile-table-row > slot::slotted(nile-table-cell-item:first-child) {
|
|
26
|
+
color: red;
|
|
27
|
+
}
|
|
22
28
|
`;
|
|
23
29
|
export default [styles];
|
|
24
30
|
//# sourceMappingURL=nile-table-row.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"nile-table-row.css.js","sourceRoot":"","sources":["../../../src/nile-table-row/nile-table-row.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-table-row.css.js","sourceRoot":"","sources":["../../../src/nile-table-row/nile-table-row.css.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;CAiBxB,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 * TableRow CSS\n */\nexport const styles = css`\n :host {\n display: table-row;\n width: 100%;\n height: 100%;\n height: max-content;\n --nile-header-background: var(--nile-table-header-background-color);\n border-bottom: 1px solid var(--nile-table-row-border-color);\n }\n\n slot::slotted(nile-table-header-item) {\n background-color: var(--nile-header-background);\n }\n\n nile-table-row > slot::slotted(nile-table-cell-item:first-child) {\n color: red;\n }\n`;\n\nexport default [styles];\n"]}
|