@fluid-topics/ft-switch 1.0.58 → 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 (5) hide show
  1. package/build/ft-switch-option.css.js +5 -5
  2. package/build/ft-switch.css.js +11 -11
  3. package/build/ft-switch.light.js +149 -142
  4. package/build/ft-switch.min.js +176 -169
  5. package/package.json +7 -7
package/build/ft-switch-option.css.js CHANGED
@@ -5,11 +5,11 @@ import { FtIconCssVariables } from "@fluid-topics/ft-icon/build/ft-icon.css";
5
5
  import { FtRippleCssVariables } from "@fluid-topics/ft-ripple/build/ft-ripple.css";
6
6
  import { FtSwitchCssVariables } from "./ft-switch.css";
7
7
  export const FtSwitchOptionCssVariables = {
8
- borderRadiusLeft: FtCssVariableFactory.extend("--ft-switch-option-border-radius-left", designSystemVariables.borderRadiusL),
9
- borderRadiusRight: FtCssVariableFactory.extend("--ft-switch-option-border-radius-right", designSystemVariables.borderRadiusL),
10
- borderWidthLeft: FtCssVariableFactory.create("--ft-switch-option-border-width-left", "SIZE", "1px"),
11
- borderWidthRight: FtCssVariableFactory.create("--ft-switch-option-border-width-right", "SIZE", "1px"),
12
- borderWidthVertical: FtCssVariableFactory.create("--ft-switch-option-border-width-vertical", "SIZE", "1px"),
8
+ borderRadiusLeft: FtCssVariableFactory.extend("--ft-switch-option-border-radius-left", "", designSystemVariables.borderRadiusL),
9
+ borderRadiusRight: FtCssVariableFactory.extend("--ft-switch-option-border-radius-right", "", designSystemVariables.borderRadiusL),
10
+ borderWidthLeft: FtCssVariableFactory.create("--ft-switch-option-border-width-left", "", "SIZE", "1px"),
11
+ borderWidthRight: FtCssVariableFactory.create("--ft-switch-option-border-width-right", "", "SIZE", "1px"),
12
+ borderWidthVertical: FtCssVariableFactory.create("--ft-switch-option-border-width-vertical", "", "SIZE", "1px"),
13
13
  };
14
14
  //language=css
15
15
  export const optionStyles = css `
package/build/ft-switch.css.js CHANGED
@@ -1,15 +1,15 @@
1
1
  import { designSystemVariables, FtCssVariableFactory } from "@fluid-topics/ft-wc-utils";
2
2
  import { FtTypographyButtonCssVariables } from "@fluid-topics/ft-typography/build/ft-typography.css";
3
3
  export const FtSwitchCssVariables = {
4
- textColor: FtCssVariableFactory.extend("--ft-switch-text-color", designSystemVariables.colorOnSurfaceHigh),
5
- backgroundColor: FtCssVariableFactory.extend("--ft-switch-background-color", designSystemVariables.colorSurface),
6
- selectedTextColor: FtCssVariableFactory.extend("--ft-switch-selected-text-color", designSystemVariables.colorPrimary),
7
- selectedBackgroundColor: FtCssVariableFactory.extend("--ft-switch-selected-background-color", designSystemVariables.colorPrimary),
8
- borderColor: FtCssVariableFactory.extend("--ft-switch-border-color", designSystemVariables.colorOutline),
9
- borderRadius: FtCssVariableFactory.extend("--ft-switch-border-radius", designSystemVariables.borderRadiusL),
10
- fontSize: FtCssVariableFactory.extend("--ft-switch-font-size", FtTypographyButtonCssVariables.fontSize),
11
- iconSize: FtCssVariableFactory.create("--ft-switch-icon-size", "SIZE", "24px"),
12
- iconColor: FtCssVariableFactory.extend("--ft-switch-text-color", designSystemVariables.colorOnSurfaceMedium),
13
- rippleColor: FtCssVariableFactory.extend("--ft-switch-ripple-color", designSystemVariables.colorPrimary),
14
- outlineColor: FtCssVariableFactory.extend("--ft-switch-outline-color", designSystemVariables.colorPrimary),
4
+ textColor: FtCssVariableFactory.extend("--ft-switch-text-color", "", designSystemVariables.colorOnSurfaceHigh),
5
+ backgroundColor: FtCssVariableFactory.extend("--ft-switch-background-color", "", designSystemVariables.colorSurface),
6
+ selectedTextColor: FtCssVariableFactory.extend("--ft-switch-selected-text-color", "", designSystemVariables.colorPrimary),
7
+ selectedBackgroundColor: FtCssVariableFactory.extend("--ft-switch-selected-background-color", "", designSystemVariables.colorPrimary),
8
+ borderColor: FtCssVariableFactory.extend("--ft-switch-border-color", "", designSystemVariables.colorOutline),
9
+ borderRadius: FtCssVariableFactory.extend("--ft-switch-border-radius", "", designSystemVariables.borderRadiusL),
10
+ fontSize: FtCssVariableFactory.extend("--ft-switch-font-size", "", FtTypographyButtonCssVariables.fontSize),
11
+ iconSize: FtCssVariableFactory.create("--ft-switch-icon-size", "", "SIZE", "24px"),
12
+ iconColor: FtCssVariableFactory.extend("--ft-switch-text-color", "", designSystemVariables.colorOnSurfaceMedium),
13
+ rippleColor: FtCssVariableFactory.extend("--ft-switch-ripple-color", "", designSystemVariables.colorPrimary),
14
+ outlineColor: FtCssVariableFactory.extend("--ft-switch-outline-color", "", designSystemVariables.colorPrimary),
15
15
  };