@fluid-topics/design-system-variables
Advanced tools
Comparing version 0.0.28 to 0.0.29
@@ -23,3 +23,3 @@ import { FtCssVariableFactory } from "../../../FtCssVariables"; | ||
buttonsBarColor: FtCssVariableFactory.extend("--ft-drawer-buttons-bar-color", "", semantic.contentGlobalPrimary), | ||
buttonsBarHorizontalPadding: FtCssVariableFactory.extend("--ft-drawer-buttons-bar-horizontal-padding", "", foundation.spacing4), | ||
buttonsBarHorizontalPadding: FtCssVariableFactory.extend("--ft-drawer-buttons-bar-horizontal-padding", "", foundation.spacing6), | ||
buttonsBarVerticalPadding: FtCssVariableFactory.extend("--ft-drawer-buttons-bar-vertical-padding", "", foundation.spacing4), | ||
@@ -26,0 +26,0 @@ buttonsBarGap: FtCssVariableFactory.extend("--ft-drawer-buttons-bar-gap", "", foundation.spacing3), |
export declare const link: { | ||
focusOpacity: import("../../../FtCssVariables").FtCssVariable; | ||
focusFocusRingColor: import("../../../FtCssVariables").FtCssVariable; | ||
brandColor: import("../../../FtCssVariables").FtCssVariable; | ||
infoColor: import("../../../FtCssVariables").FtCssVariable; | ||
brandHoverOpacity: import("../../../FtCssVariables").FtCssVariable; | ||
brandHoverColor: import("../../../FtCssVariables").FtCssVariable; | ||
brandFocusFocusRingColor: import("../../../FtCssVariables").FtCssVariable; | ||
brandFocusColor: import("../../../FtCssVariables").FtCssVariable; | ||
brandDefaultColor: import("../../../FtCssVariables").FtCssVariable; | ||
brandActiveColor: import("../../../FtCssVariables").FtCssVariable; | ||
infoHoverOpacity: import("../../../FtCssVariables").FtCssVariable; | ||
infoHoverColor: import("../../../FtCssVariables").FtCssVariable; | ||
infoFocusFocusRingColor: import("../../../FtCssVariables").FtCssVariable; | ||
infoFocusColor: import("../../../FtCssVariables").FtCssVariable; | ||
infoDefaultColor: import("../../../FtCssVariables").FtCssVariable; | ||
infoActiveColor: import("../../../FtCssVariables").FtCssVariable; | ||
neutralFocusFocusRingColor: import("../../../FtCssVariables").FtCssVariable; | ||
neutralFocusColor: import("../../../FtCssVariables").FtCssVariable; | ||
neutralDefaultColor: import("../../../FtCssVariables").FtCssVariable; | ||
neutralHoverColor: import("../../../FtCssVariables").FtCssVariable; | ||
neutralActiveColor: import("../../../FtCssVariables").FtCssVariable; | ||
}; |
@@ -5,6 +5,19 @@ import { FtCssVariableFactory } from "../../../FtCssVariables"; | ||
export const link = { | ||
focusOpacity: FtCssVariableFactory.extend("--ft-link-focus-opacity", "", foundation.opacity80), | ||
focusFocusRingColor: FtCssVariableFactory.extend("--ft-link-focus-focus-ring-color", "", semantic.borderActionFocusRing), | ||
brandColor: FtCssVariableFactory.extend("--ft-link-brand-color", "", semantic.contentActionPrimary), | ||
infoColor: FtCssVariableFactory.extend("--ft-link-info-color", "", semantic.contentInfoPrimary) | ||
brandHoverOpacity: FtCssVariableFactory.extend("--ft-link-brand-hover-opacity", "", foundation.opacity80), | ||
brandHoverColor: FtCssVariableFactory.extend("--ft-link-brand-hover-color", "", semantic.contentActionPrimary), | ||
brandFocusFocusRingColor: FtCssVariableFactory.extend("--ft-link-brand-focus-focus-ring-color", "", semantic.borderActionFocusRing), | ||
brandFocusColor: FtCssVariableFactory.extend("--ft-link-brand-focus-color", "", semantic.contentActionPrimary), | ||
brandDefaultColor: FtCssVariableFactory.extend("--ft-link-brand-default-color", "", semantic.contentActionPrimary), | ||
brandActiveColor: FtCssVariableFactory.extend("--ft-link-brand-active-color", "", semantic.contentActionPrimary), | ||
infoHoverOpacity: FtCssVariableFactory.extend("--ft-link-info-hover-opacity", "", foundation.opacity80), | ||
infoHoverColor: FtCssVariableFactory.extend("--ft-link-info-hover-color", "", semantic.contentInfoPrimary), | ||
infoFocusFocusRingColor: FtCssVariableFactory.extend("--ft-link-info-focus-focus-ring-color", "", semantic.borderActionFocusRing), | ||
infoFocusColor: FtCssVariableFactory.extend("--ft-link-info-focus-color", "", semantic.contentInfoPrimary), | ||
infoDefaultColor: FtCssVariableFactory.extend("--ft-link-info-default-color", "", semantic.contentInfoPrimary), | ||
infoActiveColor: FtCssVariableFactory.extend("--ft-link-info-active-color", "", semantic.contentInfoPrimary), | ||
neutralFocusFocusRingColor: FtCssVariableFactory.extend("--ft-link-neutral-focus-focus-ring-color", "", semantic.borderActionFocusRing), | ||
neutralFocusColor: FtCssVariableFactory.extend("--ft-link-neutral-focus-color", "", semantic.contentActionPrimary), | ||
neutralDefaultColor: FtCssVariableFactory.extend("--ft-link-neutral-default-color", "", semantic.contentGlobalPrimary), | ||
neutralHoverColor: FtCssVariableFactory.extend("--ft-link-neutral-hover-color", "", semantic.contentActionPrimary), | ||
neutralActiveColor: FtCssVariableFactory.extend("--ft-link-neutral-active-color", "", semantic.contentActionPrimary) | ||
}; |
@@ -186,2 +186,3 @@ export declare const foundation: { | ||
opacity24: import("../../FtCssVariables").FtCssVariable; | ||
opacity32: import("../../FtCssVariables").FtCssVariable; | ||
opacity40: import("../../FtCssVariables").FtCssVariable; | ||
@@ -188,0 +189,0 @@ opacity80: import("../../FtCssVariables").FtCssVariable; |
@@ -187,2 +187,3 @@ import { FtCssVariableFactory } from "../../FtCssVariables"; | ||
opacity24: FtCssVariableFactory.create("--ft-opacity-24", "", "NUMBER", "0.24"), | ||
opacity32: FtCssVariableFactory.create("--ft-opacity-32", "", "NUMBER", "0.32"), | ||
opacity40: FtCssVariableFactory.create("--ft-opacity-40", "", "NUMBER", "0.4"), | ||
@@ -189,0 +190,0 @@ opacity80: FtCssVariableFactory.create("--ft-opacity-80", "", "NUMBER", "0.8"), |
export * from "./foundation"; | ||
export * from "./semantic"; | ||
export * from "./components/button"; | ||
export * from "./components/chip-choice"; | ||
export * from "./components/chip"; | ||
@@ -5,0 +6,0 @@ export * from "./components/link"; |
export * from "./foundation"; | ||
export * from "./semantic"; | ||
export * from "./components/button"; | ||
export * from "./components/chip-choice"; | ||
export * from "./components/chip"; | ||
@@ -5,0 +6,0 @@ export * from "./components/link"; |
{ | ||
"name": "@fluid-topics/design-system-variables", | ||
"version": "0.0.28", | ||
"version": "0.0.29", | ||
"description": "Generated design system variables to use in web components", | ||
@@ -5,0 +5,0 @@ "main": "build/index.js", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
287712
68
3898