Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@fluid-topics/design-system-variables

Package Overview
Dependencies
Maintainers
2
Versions
25
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

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

Comparing version 0.0.28 to 0.0.29

build/generated/ts/components/chip-choice.d.ts

2

build/generated/ts/components/drawer.js

@@ -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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc