@fluid-topics/ft-tree-list 1.3.19 → 1.3.21

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.
@@ -15,7 +15,7 @@ export declare class FtdsTreeList extends FtLitElement implements FtdsTreeListPr
15
15
  selectedNode?: FtTreeNode;
16
16
  expandLabel: string;
17
17
  collapseLabel: string;
18
- showMoreLabel: string;
18
+ loadMoreLabel: string;
19
19
  expandParametrizedLabel: string;
20
20
  collapseParametrizedLabel: string;
21
21
  expandAllLabel: string;
@@ -29,7 +29,7 @@ class FtdsTreeList extends FtLitElement {
29
29
  this.pageSize = 10;
30
30
  this.expandLabel = "Expand";
31
31
  this.collapseLabel = "Collapse";
32
- this.showMoreLabel = "Show more";
32
+ this.loadMoreLabel = "Load more";
33
33
  this.expandParametrizedLabel = "Expand {0}";
34
34
  this.collapseParametrizedLabel = "Collapse {0}";
35
35
  this.expandAllLabel = "Expand all";
@@ -184,7 +184,7 @@ class FtdsTreeList extends FtLitElement {
184
184
  part="node-label"
185
185
  variant="${FtTypographyVariants.body2medium}"
186
186
  >
187
- ${this.showMoreLabel}
187
+ ${this.loadMoreLabel}
188
188
  </ft-typography>
189
189
  </a>
190
190
  </li>
@@ -467,7 +467,7 @@ __decorate([
467
467
  ], FtdsTreeList.prototype, "collapseLabel", void 0);
468
468
  __decorate([
469
469
  property()
470
- ], FtdsTreeList.prototype, "showMoreLabel", void 0);
470
+ ], FtdsTreeList.prototype, "loadMoreLabel", void 0);
471
471
  __decorate([
472
472
  property()
473
473
  ], FtdsTreeList.prototype, "expandParametrizedLabel", void 0);
@@ -139,17 +139,23 @@ export const styles = css `
139
139
 
140
140
  /* Buttons */
141
141
  [part="node-expand"] {
142
- ${FtIconCssVariables.size.set("16px")};
142
+ ${setVariable(FtIconCssVariables.size, treeList.nodeIconSize)};
143
143
  color: ${treeList.nodeUnselectedIconColor};
144
144
  }
145
145
 
146
146
  /* Load more node */
147
+ [part="load-more"] {
148
+ padding-left: ${treeList.loadMorePaddingLeft};
149
+ }
150
+
147
151
  [part="load-more"] [part="node-label"],
148
152
  li > a[role="treeitem"][aria-selected=true] + ul a[part="load-more"] ft-typography[part="node-label"] {
149
153
  color: ${treeList.loadMoreLabelColor};
154
+ margin-left: ${treeList.loadMoreLabelMarginLeft};
150
155
  }
151
156
 
152
157
  [part="load-more"] ft-icon {
158
+ ${setVariable(FtIconCssVariables.size, treeList.loadMoreIconSize)};
153
159
  color: ${treeList.loadMoreIconColor};
154
160
  }
155
161
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fluid-topics/ft-tree-list",
3
- "version": "1.3.19",
3
+ "version": "1.3.21",
4
4
  "description": "A tree list component",
5
5
  "keywords": [
6
6
  "Lit"
@@ -19,13 +19,13 @@
19
19
  "url": "ssh://git@scm.mrs.antidot.net:2222/fluidtopics/ft-web-components.git"
20
20
  },
21
21
  "dependencies": {
22
- "@fluid-topics/design-system-variables": "2.52.0",
23
- "@fluid-topics/ft-assets": "1.3.19",
24
- "@fluid-topics/ft-wc-utils": "1.3.19",
22
+ "@fluid-topics/design-system-variables": "2.52.1",
23
+ "@fluid-topics/ft-assets": "1.3.21",
24
+ "@fluid-topics/ft-wc-utils": "1.3.21",
25
25
  "lit": "3.1.0"
26
26
  },
27
27
  "devDependencies": {
28
- "@fluid-topics/ft-wc-test-utils": "1.3.19"
28
+ "@fluid-topics/ft-wc-test-utils": "1.3.21"
29
29
  },
30
- "gitHead": "d3142bbeffbc47e550279b0d5d4e23ce72aaf514"
30
+ "gitHead": "fd30595cd89395cbcac48ca8146aecef2e9b8673"
31
31
  }