@fluid-topics/ft-filter 0.3.71 → 1.0.0-alpha.0

package/build/ft-filter-level.css.d.ts

@@ -13,5 +13,4 @@ export declare const FtFilterLevelCssVariables: {
     lineHeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
     textTransform: import("@fluid-topics/ft-wc-utils").FtCssVariable;
 };
-export declare const styles: import("lit").CSSResult;
-//# sourceMappingURL=ft-filter-level.css.d.ts.map
+export declare const levelStyles: import("lit").CSSResult;

package/build/ft-filter-level.css.js

@@ -18,7 +18,7 @@ export const FtFilterLevelCssVariables = {
     textTransform: FtCssVariableFactory.external(FtTypographyBody2CssVariables.textTransform, "Body2 typography"),
 };
 // language=CSS
-export const styles = css `
+export const levelStyles = css `
     .ft-filter-level--container {
         display: flex;
         flex-direction: column;
@@ -85,4 +85,3 @@ export const styles = css `
         color: ${FtFilterLevelCssVariables.colorOnSurfaceMedium};
     }
 `;
-//# sourceMappingURL=ft-filter-level.css.js.map

package/build/ft-filter-level.d.ts

@@ -29,4 +29,3 @@ export declare class FtFilterLevel extends FtLitElement {
     private optionsChanged;
     private displayLevel;
 }
-//# sourceMappingURL=ft-filter-level.d.ts.map

package/build/ft-filter-level.js

@@ -15,8 +15,8 @@ import { FtRipple } from "@fluid-topics/ft-ripple";
 import { FtIcon } from "@fluid-topics/ft-icon";
 import { FtCheckbox } from "@fluid-topics/ft-checkbox";
 import { FtRadio } from "@fluid-topics/ft-radio";
-import { styles } from "./ft-filter-level.css";
-export class FtFilterLevel extends FtLitElement {
+import { levelStyles } from "./ft-filter-level.css";
+class FtFilterLevel extends FtLitElement {
     constructor() {
         super(...arguments);
         this.id = "";
@@ -60,7 +60,7 @@ export class FtFilterLevel extends FtLitElement {
                          @keyup=${this.goBackOnKeyPress}
                          @click=${this.goBackOnClick}>
                         <ft-ripple></ft-ripple>
-                        <ft-icon variant="material">chevron_left</ft-icon>
+                        <ft-icon>thin_arrow_left</ft-icon>
                         <ft-typography variant="body2">${this.parent.label}</ft-typography>
                     </div>
                 `}
@@ -75,7 +75,7 @@ export class FtFilterLevel extends FtLitElement {
                             <div class="ft-filter-level--option" part="options">
                                 ${this.multivalued ? this.buildMultiValuedOption(option) : this.buildMonoValuedOption(option)}
                                 ${this.preventNavigation || option.selected || ((_a = option.subOptions) !== null && _a !== void 0 ? _a : []).length === 0 ? nothing : html `
-                                    <ft-button icon="chevron_right"
+                                    <ft-button icon="thin_arrow_right"
                                                part="controls navigate-hierarchy"
                                                label="${option.label}"
                                                ?disabled=${this.disabled}
@@ -88,7 +88,7 @@ export class FtFilterLevel extends FtLitElement {
                 ${limitedOptions.length < options.length ? html `
                     <ft-button
                             class="ft-filter-level--display-more"
-                            icon="expand_more"
+                            icon="thin_arrow"
                             dense trailingIcon
                             part="controls display-more"
                             @click=${this.displayMore}>
@@ -161,7 +161,7 @@ FtFilterLevel.elementDefinitions = {
     "ft-radio": FtRadio,
 };
 // language=CSS
-FtFilterLevel.styles = styles;
+FtFilterLevel.styles = levelStyles;
 __decorate([
     property({ type: String })
 ], FtFilterLevel.prototype, "id", void 0);
@@ -201,4 +201,4 @@ __decorate([
 __decorate([
     state()
 ], FtFilterLevel.prototype, "displayedPages", void 0);
-//# sourceMappingURL=ft-filter-level.js.map
+export { FtFilterLevel };

package/build/ft-filter-option.d.ts

@@ -13,4 +13,3 @@ export declare class FtFilterOption extends FtLitElement implements FtFilterOpti
     private updateSubOptionsFromSlot;
     protected updated(changedProperties: PropertyValues): void;
 }
-//# sourceMappingURL=ft-filter-option.d.ts.map

package/build/ft-filter-option.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { FtLitElement, jsonProperty } from "@fluid-topics/ft-wc-utils";
 import { property, query } from "lit/decorators.js";
 import { html } from "lit";
-export class FtFilterOption extends FtLitElement {
+class FtFilterOption extends FtLitElement {
     constructor() {
         super(...arguments);
         this.label = "";
@@ -51,4 +51,4 @@ __decorate([
 __decorate([
     query(".ft-filter-option--slot")
 ], FtFilterOption.prototype, "slotElement", void 0);
-//# sourceMappingURL=ft-filter-option.js.map
+export { FtFilterOption };

package/build/ft-filter-option.properties.d.ts

@@ -6,4 +6,3 @@ export interface FtFilterOptionProperties {
     subOptions?: Array<FtFilterOptionProperties>;
     renderOption?: TemplateResult | null;
 }
-//# sourceMappingURL=ft-filter-option.properties.d.ts.map

package/build/ft-filter-option.properties.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=ft-filter-option.properties.js.map

package/build/ft-filter.css.d.ts

@@ -8,4 +8,3 @@ export declare const FtFilterCssVariables: {
     transitionTimingFunction: import("@fluid-topics/ft-wc-utils").FtCssVariable;
 };
 export declare const styles: import("lit").CSSResult[];
-//# sourceMappingURL=ft-filter.css.d.ts.map

package/build/ft-filter.css.js

@@ -128,4 +128,3 @@ export const styles = [
         }
     `
 ];
-//# sourceMappingURL=ft-filter.css.js.map

package/build/ft-filter.d.ts

@@ -51,4 +51,3 @@ export declare class FtFilter extends FtLitElement implements FtFilterProperties
     private onFilterChange;
     private updateScroll;
 }
-//# sourceMappingURL=ft-filter.d.ts.map

package/build/ft-filter.js

@@ -18,7 +18,7 @@ export class FtFilterChangeEvent extends CustomEvent {
         super("change", { detail: selectedValues });
     }
 }
-export class FtFilter extends FtLitElement {
+class FtFilter extends FtLitElement {
     constructor() {
         super(...arguments);
         this.id = "";
@@ -319,4 +319,4 @@ __decorate([
 __decorate([
     state()
 ], FtFilter.prototype, "slideOut", void 0);
-//# sourceMappingURL=ft-filter.js.map
+export { FtFilter };