@fluid-topics/ft-filter 0.2.22 → 0.3.2

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

@@ -1,19 +1,19 @@
-import { ElementDefinitionsMap, FtCssVariable, FtLitElement } from "@fluid-topics/ft-wc-utils";
+import { ElementDefinitionsMap, FtLitElement } from "@fluid-topics/ft-wc-utils";
 import { FtFilterOptionProperties } from "./ft-filter-option";
 export declare const FtFilterLevelCssVariables: {
-    borderRadiusM: FtCssVariable;
-    colorOutline: FtCssVariable;
-    colorOnSurface: FtCssVariable;
-    colorOnSurfaceMedium: FtCssVariable;
-    colorOnSurfaceDisabled: FtCssVariable;
-    colorPrimary: FtCssVariable;
-    colorOnPrimary: FtCssVariable;
-    fontFamily: FtCssVariable;
-    fontSize: FtCssVariable;
-    fontWeight: FtCssVariable;
-    letterSpacing: FtCssVariable;
-    lineHeight: FtCssVariable;
-    textTransform: FtCssVariable;
+    borderRadiusM: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    colorOutline: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    colorOnSurface: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    colorOnSurfaceMedium: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    colorOnSurfaceDisabled: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    colorPrimary: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    colorOnPrimary: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    fontFamily: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    fontSize: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    fontWeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    letterSpacing: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    lineHeight: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    textTransform: import("@fluid-topics/ft-wc-utils").FtCssVariable;
 };
 export declare class FtFilterLevel extends FtLitElement {
     static elementDefinitions: ElementDefinitionsMap;

package/build/ft-filter-level.js

@@ -7,7 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { css, html, nothing } from "lit";
 import { property, query, state } from "lit/decorators.js";
 import { repeat } from "lit/directives/repeat.js";
-import { designSystemVariables, FtCssVariable, FtLitElement, setVariable } from "@fluid-topics/ft-wc-utils";
+import { designSystemVariables, FtCssVariableFactory, FtLitElement, setVariable } from "@fluid-topics/ft-wc-utils";
 import { flatDeep } from "./utils";
 import { FtButton, FtButtonCssVariables } from "@fluid-topics/ft-button";
 import { FtTypography, FtTypographyBody2CssVariables } from "@fluid-topics/ft-typography";
@@ -16,19 +16,19 @@ import { FtIcon } from "@fluid-topics/ft-icon";
 import { FtCheckbox } from "@fluid-topics/ft-checkbox";
 import { FtRadio } from "@fluid-topics/ft-radio";
 export const FtFilterLevelCssVariables = {
-    borderRadiusM: FtCssVariable.external(designSystemVariables.borderRadiusM, "Design system"),
-    colorOutline: FtCssVariable.external(designSystemVariables.colorOutline, "Design system"),
-    colorOnSurface: FtCssVariable.external(designSystemVariables.colorOnSurface, "Design system"),
-    colorOnSurfaceMedium: FtCssVariable.external(designSystemVariables.colorOnSurfaceMedium, "Design system"),
-    colorOnSurfaceDisabled: FtCssVariable.external(designSystemVariables.colorOnSurfaceDisabled, "Design system"),
-    colorPrimary: FtCssVariable.external(designSystemVariables.colorPrimary, "Design system"),
-    colorOnPrimary: FtCssVariable.external(designSystemVariables.colorOnPrimary, "Design system"),
-    fontFamily: FtCssVariable.external(FtTypographyBody2CssVariables.fontFamily, "Body2 typography"),
-    fontSize: FtCssVariable.external(FtTypographyBody2CssVariables.fontSize, "Body2 typography"),
-    fontWeight: FtCssVariable.external(FtTypographyBody2CssVariables.fontWeight, "Body2 typography"),
-    letterSpacing: FtCssVariable.external(FtTypographyBody2CssVariables.letterSpacing, "Body2 typography"),
-    lineHeight: FtCssVariable.external(FtTypographyBody2CssVariables.lineHeight, "Body2 typography"),
-    textTransform: FtCssVariable.external(FtTypographyBody2CssVariables.textTransform, "Body2 typography"),
+    borderRadiusM: FtCssVariableFactory.external(designSystemVariables.borderRadiusM, "Design system"),
+    colorOutline: FtCssVariableFactory.external(designSystemVariables.colorOutline, "Design system"),
+    colorOnSurface: FtCssVariableFactory.external(designSystemVariables.colorOnSurface, "Design system"),
+    colorOnSurfaceMedium: FtCssVariableFactory.external(designSystemVariables.colorOnSurfaceMedium, "Design system"),
+    colorOnSurfaceDisabled: FtCssVariableFactory.external(designSystemVariables.colorOnSurfaceDisabled, "Design system"),
+    colorPrimary: FtCssVariableFactory.external(designSystemVariables.colorPrimary, "Design system"),
+    colorOnPrimary: FtCssVariableFactory.external(designSystemVariables.colorOnPrimary, "Design system"),
+    fontFamily: FtCssVariableFactory.external(FtTypographyBody2CssVariables.fontFamily, "Body2 typography"),
+    fontSize: FtCssVariableFactory.external(FtTypographyBody2CssVariables.fontSize, "Body2 typography"),
+    fontWeight: FtCssVariableFactory.external(FtTypographyBody2CssVariables.fontWeight, "Body2 typography"),
+    letterSpacing: FtCssVariableFactory.external(FtTypographyBody2CssVariables.letterSpacing, "Body2 typography"),
+    lineHeight: FtCssVariableFactory.external(FtTypographyBody2CssVariables.lineHeight, "Body2 typography"),
+    textTransform: FtCssVariableFactory.external(FtTypographyBody2CssVariables.textTransform, "Body2 typography"),
 };
 export class FtFilterLevel extends FtLitElement {
     constructor() {

package/build/ft-filter.d.ts

@@ -1,5 +1,5 @@
 import { PropertyValues } from "lit";
-import { ElementDefinitionsMap, FtCssVariable, FtLitElement } from "@fluid-topics/ft-wc-utils";
+import { ElementDefinitionsMap, FtLitElement } from "@fluid-topics/ft-wc-utils";
 import { FtFilterOptionProperties } from "./ft-filter-option";
 export interface FtFilterProperties {
     id: string;
@@ -15,13 +15,13 @@ export interface FtFilterProperties {
     displayedValuesLimit?: number;
 }
 export declare const FtFilterCssVariables: {
-    colorOutline: FtCssVariable;
-    colorOnSurface: FtCssVariable;
-    colorOnSurfaceMedium: FtCssVariable;
-    colorPrimary: FtCssVariable;
-    colorSurface: FtCssVariable;
-    transitionDuration: FtCssVariable;
-    transitionTimingFunction: FtCssVariable;
+    colorOutline: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    colorOnSurface: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    colorOnSurfaceMedium: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    colorPrimary: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    colorSurface: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    transitionDuration: import("@fluid-topics/ft-wc-utils").FtCssVariable;
+    transitionTimingFunction: import("@fluid-topics/ft-wc-utils").FtCssVariable;
 };
 export declare class FtFilterChangeEvent extends CustomEvent<Array<any>> {
     constructor(selectedValues: any[]);

package/build/ft-filter.js

@@ -6,20 +6,20 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { css, html } from "lit";
 import { property, query, queryAll, state } from "lit/decorators.js";
-import { Debouncer, designSystemVariables, FtCssVariable, FtLitElement, jsonProperty, setVariable } from "@fluid-topics/ft-wc-utils";
+import { Debouncer, designSystemVariables, FtCssVariableFactory, FtLitElement, jsonProperty, setVariable } from "@fluid-topics/ft-wc-utils";
 import { FtTypography, FtTypographyCaption, FtTypographyCssVariables } from "@fluid-topics/ft-typography";
 import { flatDeep } from "./utils";
 import { FtFilterLevel } from "./ft-filter-level";
 import { FtButton, FtButtonCssVariables } from "@fluid-topics/ft-button";
 import { FtSnapScroll } from "@fluid-topics/ft-snap-scroll";
 export const FtFilterCssVariables = {
-    colorOutline: FtCssVariable.external(designSystemVariables.colorOutline, "Design system"),
-    colorOnSurface: FtCssVariable.external(designSystemVariables.colorOnSurface, "Design system"),
-    colorOnSurfaceMedium: FtCssVariable.external(designSystemVariables.colorOnSurfaceMedium, "Design system"),
-    colorPrimary: FtCssVariable.external(designSystemVariables.colorPrimary, "Design system"),
-    colorSurface: FtCssVariable.external(designSystemVariables.colorSurface, "Design system"),
-    transitionDuration: FtCssVariable.external(designSystemVariables.transitionDuration, "Design system"),
-    transitionTimingFunction: FtCssVariable.external(designSystemVariables.transitionTimingFunction, "Design system"),
+    colorOutline: FtCssVariableFactory.external(designSystemVariables.colorOutline, "Design system"),
+    colorOnSurface: FtCssVariableFactory.external(designSystemVariables.colorOnSurface, "Design system"),
+    colorOnSurfaceMedium: FtCssVariableFactory.external(designSystemVariables.colorOnSurfaceMedium, "Design system"),
+    colorPrimary: FtCssVariableFactory.external(designSystemVariables.colorPrimary, "Design system"),
+    colorSurface: FtCssVariableFactory.external(designSystemVariables.colorSurface, "Design system"),
+    transitionDuration: FtCssVariableFactory.external(designSystemVariables.transitionDuration, "Design system"),
+    transitionTimingFunction: FtCssVariableFactory.external(designSystemVariables.transitionTimingFunction, "Design system"),
 };
 export class FtFilterChangeEvent extends CustomEvent {
     constructor(selectedValues) {