@fluid-topics/ft-in-product-help 1.0.59 → 1.0.60

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.
Files changed (4) hide show
  1. package/build/ft-in-product-help.css.js +21 -21
  2. package/build/ft-in-product-help.light.js +467 -242
  3. package/build/ft-in-product-help.min.js +505 -280
  4. package/package.json +3 -3
package/build/ft-in-product-help.css.js CHANGED
@@ -1,27 +1,27 @@
1
1
  import { css } from "lit";
2
2
  import { designSystemVariables, FtCssVariableFactory } from "@fluid-topics/ft-wc-utils";
3
3
  export const FtInProductHelpCssVariables = {
4
- standardSizeWidth: FtCssVariableFactory.create("--ft-in-product-help-standard-width", "SIZE", "400px"),
5
- standardSizeHeight: FtCssVariableFactory.create("--ft-in-product-help-standard-height", "SIZE", "630px"),
6
- topPosition: FtCssVariableFactory.create("--ft-in-product-help-top", "SIZE", "unset"),
7
- rightPosition: FtCssVariableFactory.create("--ft-in-product-help-right", "SIZE", "1rem"),
8
- bottomPosition: FtCssVariableFactory.create("--ft-in-product-help-bottom", "SIZE", "1rem"),
9
- leftPosition: FtCssVariableFactory.create("--ft-in-product-help-left", "SIZE", "unset"),
10
- zIndex: FtCssVariableFactory.create("--ft-in-product-help-zindex", "NUMBER", "10"),
11
- theaterSizeWidth: FtCssVariableFactory.create("--ft-in-product-help-theater-width", "SIZE", "90%"),
12
- theaterSizeHeight: FtCssVariableFactory.create("--ft-in-product-help-theater-height", "SIZE", "60%"),
13
- fullscreenSizeWidth: FtCssVariableFactory.create("--ft-in-product-help-fullscreen-width", "SIZE", "100%"),
14
- fullscreenSizeHeight: FtCssVariableFactory.create("--ft-in-product-help-fullscreen-height", "SIZE", "100%"),
15
- borderStyle: FtCssVariableFactory.create("--ft-in-product-help-border-style", "BORDER-STYLE", "solid"),
16
- borderWidth: FtCssVariableFactory.create("--ft-in-product-help-border-width", "SIZE", "0"),
17
- borderColor: FtCssVariableFactory.extend("--ft-in-product-help-border-color", designSystemVariables.colorPrimary),
18
- borderRadius: FtCssVariableFactory.extend("--ft-in-product-help-border-radius", designSystemVariables.borderRadiusM),
19
- shadow: FtCssVariableFactory.extend("--ft-in-product-help-shadow", designSystemVariables.elevation02),
20
- topBarHeight: FtCssVariableFactory.create("--ft-in-product-help-top-bar-height", "SIZE", "28px"),
21
- iconColor: FtCssVariableFactory.extend("--ft-in-product-help-icon-color", designSystemVariables.colorOnSurface),
22
- iconGap: FtCssVariableFactory.create("--ft-in-product-help-icon-gap", "SIZE", "8px"),
23
- tabletBreakpoint: FtCssVariableFactory.create("--ft-in-product-help-tablet-breakpoint", "SIZE", "768px"),
24
- desktopBreakpoint: FtCssVariableFactory.create("--ft-in-product-help-desktop-breakpoint", "SIZE", "1280px"),
4
+ standardSizeWidth: FtCssVariableFactory.create("--ft-in-product-help-standard-width", "", "SIZE", "400px"),
5
+ standardSizeHeight: FtCssVariableFactory.create("--ft-in-product-help-standard-height", "", "SIZE", "630px"),
6
+ topPosition: FtCssVariableFactory.create("--ft-in-product-help-top", "", "SIZE", "unset"),
7
+ rightPosition: FtCssVariableFactory.create("--ft-in-product-help-right", "", "SIZE", "1rem"),
8
+ bottomPosition: FtCssVariableFactory.create("--ft-in-product-help-bottom", "", "SIZE", "1rem"),
9
+ leftPosition: FtCssVariableFactory.create("--ft-in-product-help-left", "", "SIZE", "unset"),
10
+ zIndex: FtCssVariableFactory.create("--ft-in-product-help-zindex", "", "NUMBER", "10"),
11
+ theaterSizeWidth: FtCssVariableFactory.create("--ft-in-product-help-theater-width", "", "SIZE", "90%"),
12
+ theaterSizeHeight: FtCssVariableFactory.create("--ft-in-product-help-theater-height", "", "SIZE", "60%"),
13
+ fullscreenSizeWidth: FtCssVariableFactory.create("--ft-in-product-help-fullscreen-width", "", "SIZE", "100%"),
14
+ fullscreenSizeHeight: FtCssVariableFactory.create("--ft-in-product-help-fullscreen-height", "", "SIZE", "100%"),
15
+ borderStyle: FtCssVariableFactory.create("--ft-in-product-help-border-style", "", "BORDER-STYLE", "solid"),
16
+ borderWidth: FtCssVariableFactory.create("--ft-in-product-help-border-width", "", "SIZE", "0"),
17
+ borderColor: FtCssVariableFactory.extend("--ft-in-product-help-border-color", "", designSystemVariables.colorPrimary),
18
+ borderRadius: FtCssVariableFactory.extend("--ft-in-product-help-border-radius", "", designSystemVariables.borderRadiusM),
19
+ shadow: FtCssVariableFactory.extend("--ft-in-product-help-shadow", "", designSystemVariables.elevation02),
20
+ topBarHeight: FtCssVariableFactory.create("--ft-in-product-help-top-bar-height", "", "SIZE", "28px"),
21
+ iconColor: FtCssVariableFactory.extend("--ft-in-product-help-icon-color", "", designSystemVariables.colorOnSurface),
22
+ iconGap: FtCssVariableFactory.create("--ft-in-product-help-icon-gap", "", "SIZE", "8px"),
23
+ tabletBreakpoint: FtCssVariableFactory.create("--ft-in-product-help-tablet-breakpoint", "", "SIZE", "768px"),
24
+ desktopBreakpoint: FtCssVariableFactory.create("--ft-in-product-help-desktop-breakpoint", "", "SIZE", "1280px"),
25
25
  colorSurface: FtCssVariableFactory.external(designSystemVariables.colorSurface, "Design system"),
26
26
  colorPrimary: FtCssVariableFactory.external(designSystemVariables.colorPrimary, "Design system"),
27
27
  };