@fluid-topics/design-system-variables - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

build/generated/ts/components/button.d.ts

@@ -64,3 +64,2 @@ export declare const button: {
     tertiarySuccessStateLayerColor: import("../../../FtCssVariables").FtCssVariable;
-    tertiarySuccessHoverStateLayer: import("../../../FtCssVariables").FtCssVariable;
     tertiarySuccessHoverStateLayerOpacity: import("../../../FtCssVariables").FtCssVariable;
@@ -103,2 +102,6 @@ tertiarySuccessFocusStateLayerOpacity: import("../../../FtCssVariables").FtCssVariable;
     secondaryBrandBorderColor: import("../../../FtCssVariables").FtCssVariable;
+    secondaryNeutralHoverStateLayerOpacity: import("../../../FtCssVariables").FtCssVariable;
+    secondaryNeutralFocusStateLayerOpacity: import("../../../FtCssVariables").FtCssVariable;
+    secondaryNeutralActiveStateLayerOpacity: import("../../../FtCssVariables").FtCssVariable;
+    secondaryNeutralDisabledComponentOpacity: import("../../../FtCssVariables").FtCssVariable;
     secondaryNeutralBackgroundColor: import("../../../FtCssVariables").FtCssVariable;
@@ -118,2 +121,6 @@ secondaryNeutralColor: import("../../../FtCssVariables").FtCssVariable;
     secondaryInfoStateLayerColor: import("../../../FtCssVariables").FtCssVariable;
+    secondarySuccessHoverStateLayerOpacity: import("../../../FtCssVariables").FtCssVariable;
+    secondarySuccessFocusStateLayerOpacity: import("../../../FtCssVariables").FtCssVariable;
+    secondarySuccessActiveStateLayerOpacity: import("../../../FtCssVariables").FtCssVariable;
+    secondarySuccessDisabledComponentOpacity: import("../../../FtCssVariables").FtCssVariable;
     secondarySuccessBackgroundColor: import("../../../FtCssVariables").FtCssVariable;
@@ -120,0 +127,0 @@ secondarySuccessBorderColor: import("../../../FtCssVariables").FtCssVariable;

build/generated/ts/components/button.js

@@ -67,3 +67,2 @@ import { FtCssVariableFactory } from "../../../FtCssVariables";
     tertiarySuccessStateLayerColor: FtCssVariableFactory.extend("--ft-button-tertiary-success-state-layer-color", "", semantic.contentSuccessPrimary),
-    tertiarySuccessHoverStateLayer: FtCssVariableFactory.extend("--ft-button-tertiary-success-hover-state-layer", "", foundation.opacity8),
     tertiarySuccessHoverStateLayerOpacity: FtCssVariableFactory.extend("--ft-button-tertiary-success-hover-state-layer-opacity", "", foundation.opacity8),
@@ -106,2 +105,6 @@ tertiarySuccessFocusStateLayerOpacity: FtCssVariableFactory.extend("--ft-button-tertiary-success-focus-state-layer-opacity", "", foundation.opacity8),
     secondaryBrandBorderColor: FtCssVariableFactory.extend("--ft-button-secondary-brand-border-color", "", semantic.borderActionPrimary),
+    secondaryNeutralHoverStateLayerOpacity: FtCssVariableFactory.extend("--ft-button-secondary-neutral-hover-state-layer-opacity", "", foundation.opacity8),
+    secondaryNeutralFocusStateLayerOpacity: FtCssVariableFactory.extend("--ft-button-secondary-neutral-focus-state-layer-opacity", "", foundation.opacity8),
+    secondaryNeutralActiveStateLayerOpacity: FtCssVariableFactory.extend("--ft-button-secondary-neutral-active-state-layer-opacity", "", foundation.opacity16),
+    secondaryNeutralDisabledComponentOpacity: FtCssVariableFactory.extend("--ft-button-secondary-neutral-disabled-component-opacity", "", foundation.opacity40),
     secondaryNeutralBackgroundColor: FtCssVariableFactory.create("--ft-button-secondary-neutral-background-color", "", "COLOR", "rgba(0,0,0,0)"),
@@ -121,2 +124,6 @@ secondaryNeutralColor: FtCssVariableFactory.extend("--ft-button-secondary-neutral-color", "", semantic.contentGlobalSecondary),
     secondaryInfoStateLayerColor: FtCssVariableFactory.extend("--ft-button-secondary-info-state-layer-color", "", semantic.contentInfoPrimary),
+    secondarySuccessHoverStateLayerOpacity: FtCssVariableFactory.extend("--ft-button-secondary-success-hover-state-layer-opacity", "", foundation.opacity8),
+    secondarySuccessFocusStateLayerOpacity: FtCssVariableFactory.extend("--ft-button-secondary-success-focus-state-layer-opacity", "", foundation.opacity8),
+    secondarySuccessActiveStateLayerOpacity: FtCssVariableFactory.extend("--ft-button-secondary-success-active-state-layer-opacity", "", foundation.opacity16),
+    secondarySuccessDisabledComponentOpacity: FtCssVariableFactory.extend("--ft-button-secondary-success-disabled-component-opacity", "", foundation.opacity40),
     secondarySuccessBackgroundColor: FtCssVariableFactory.create("--ft-button-secondary-success-background-color", "", "COLOR", "rgba(0,0,0,0)"),
@@ -123,0 +130,0 @@ secondarySuccessBorderColor: FtCssVariableFactory.extend("--ft-button-secondary-success-border-color", "", semantic.borderSuccessPrimary),

package.json

 {
   "name": "@fluid-topics/design-system-variables",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "Generated design system variables to use in web components",
@@ -5,0 +5,0 @@ "main": "build/index.js",

No alert changes

Improved metrics

Total package byte prevSize

318775

increased by0.75%

Lines of code

4203

increased by0.5%

No dependency changes