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
24
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.7 to 0.0.8

3

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

@@ -23,3 +23,2 @@ export declare const button: {

primaryOpacityDisabled: import("../../../FtCssVariables").FtCssVariable;
primaryFilterDisabled: import("../../../FtCssVariables").FtCssVariable;
primaryFocus: import("../../../FtCssVariables").FtCssVariable;

@@ -35,3 +34,2 @@ tertiaryBackgroundColor: import("../../../FtCssVariables").FtCssVariable;

tertiaryOpacityDisabled: import("../../../FtCssVariables").FtCssVariable;
tertiaryFilterDisabled: import("../../../FtCssVariables").FtCssVariable;
tertiaryFocus: import("../../../FtCssVariables").FtCssVariable;

@@ -47,5 +45,4 @@ secondaryBackgroundColor: import("../../../FtCssVariables").FtCssVariable;

secondaryOpacityDisabled: import("../../../FtCssVariables").FtCssVariable;
secondaryFilterDisabled: import("../../../FtCssVariables").FtCssVariable;
secondaryFocus: import("../../../FtCssVariables").FtCssVariable;
secondaryBorder: import("../../../FtCssVariables").FtCssVariable;
};

@@ -26,3 +26,2 @@ import { FtCssVariableFactory } from "../../../FtCssVariables";

primaryOpacityDisabled: FtCssVariableFactory.extend("--ft-button-primary-opacity-disabled", "", semantic.opacity40),
primaryFilterDisabled: FtCssVariableFactory.create("--ft-button-primary-filter-disabled", "", "UNKNOWN", "filter: grayscale(1)"),
primaryFocus: FtCssVariableFactory.extend("--ft-button-primary-focus", "", semantic.borderActionFocus),

@@ -38,3 +37,2 @@ tertiaryBackgroundColor: FtCssVariableFactory.create("--ft-button-tertiary-background-color", "", "COLOR", "rgba(0,0,0,0)"),

tertiaryOpacityDisabled: FtCssVariableFactory.extend("--ft-button-tertiary-opacity-disabled", "", semantic.opacity40),
tertiaryFilterDisabled: FtCssVariableFactory.create("--ft-button-tertiary-filter-disabled", "", "UNKNOWN", "filter: grayscale(1)"),
tertiaryFocus: FtCssVariableFactory.extend("--ft-button-tertiary-focus", "", semantic.borderActionFocus),

@@ -50,5 +48,4 @@ secondaryBackgroundColor: FtCssVariableFactory.extend("--ft-button-secondary-background-color", "", foundation.colorWhite),

secondaryOpacityDisabled: FtCssVariableFactory.extend("--ft-button-secondary-opacity-disabled", "", semantic.opacity40),
secondaryFilterDisabled: FtCssVariableFactory.create("--ft-button-secondary-filter-disabled", "", "UNKNOWN", "filter: grayscale(1)"),
secondaryFocus: FtCssVariableFactory.extend("--ft-button-secondary-focus", "", semantic.borderActionFocus),
secondaryBorder: FtCssVariableFactory.extend("--ft-button-secondary-border", "", semantic.borderActionPrimary)
};

28

build/generated/ts/foundation.js

@@ -97,16 +97,16 @@ import { FtCssVariableFactory } from "../../FtCssVariables";

spacing1: FtCssVariableFactory.create("--ft-spacing-1", "", "SIZE", "0.25rem"),
spacing2: FtCssVariableFactory.create("--ft-spacing-2", "", "SIZE", "calc(var(--ft-spacing-2, \"0.25rem\")*2)"),
spacing3: FtCssVariableFactory.create("--ft-spacing-3", "", "SIZE", "calc(var(--ft-spacing-3, \"0.25rem\")*3)"),
spacing4: FtCssVariableFactory.create("--ft-spacing-4", "", "SIZE", "calc(var(--ft-spacing-4, \"0.25rem\")*4)"),
spacing5: FtCssVariableFactory.create("--ft-spacing-5", "", "SIZE", "calc(var(--ft-spacing-5, \"0.25rem\")*5)"),
spacing6: FtCssVariableFactory.create("--ft-spacing-6", "", "SIZE", "calc(var(--ft-spacing-6, \"0.25rem\")*6)"),
spacing8: FtCssVariableFactory.create("--ft-spacing-8", "", "SIZE", "calc(var(--ft-spacing-8, \"0.25rem\")*8)"),
spacing10: FtCssVariableFactory.create("--ft-spacing-10", "", "SIZE", "calc(var(--ft-spacing-10, \"0.25rem\")*10)"),
spacing12: FtCssVariableFactory.create("--ft-spacing-12", "", "SIZE", "calc(var(--ft-spacing-12, \"0.25rem\")*12)"),
spacing16: FtCssVariableFactory.create("--ft-spacing-16", "", "SIZE", "calc(var(--ft-spacing-16, \"0.25rem\")*16)"),
spacing20: FtCssVariableFactory.create("--ft-spacing-20", "", "SIZE", "calc(var(--ft-spacing-20, \"0.25rem\")*20)"),
spacing24: FtCssVariableFactory.create("--ft-spacing-24", "", "SIZE", "calc(var(--ft-spacing-24, \"0.25rem\")*24)"),
spacing28: FtCssVariableFactory.create("--ft-spacing-28", "", "SIZE", "calc(var(--ft-spacing-28, \"0.25rem\")*28)"),
spacing32: FtCssVariableFactory.create("--ft-spacing-32", "", "SIZE", "calc(var(--ft-spacing-32, \"0.25rem\")*32)"),
spacing05: FtCssVariableFactory.create("--ft-spacing-0-5", "", "SIZE", "calc(var(--ft-spacing-0-5, \"0.25rem\")*0.5)"),
spacing2: FtCssVariableFactory.create("--ft-spacing-2", "", "SIZE", "calc(var(--ft-spacing-2, 0.25rem)*2)"),
spacing3: FtCssVariableFactory.create("--ft-spacing-3", "", "SIZE", "calc(var(--ft-spacing-3, 0.25rem)*3)"),
spacing4: FtCssVariableFactory.create("--ft-spacing-4", "", "SIZE", "calc(var(--ft-spacing-4, 0.25rem)*4)"),
spacing5: FtCssVariableFactory.create("--ft-spacing-5", "", "SIZE", "calc(var(--ft-spacing-5, 0.25rem)*5)"),
spacing6: FtCssVariableFactory.create("--ft-spacing-6", "", "SIZE", "calc(var(--ft-spacing-6, 0.25rem)*6)"),
spacing8: FtCssVariableFactory.create("--ft-spacing-8", "", "SIZE", "calc(var(--ft-spacing-8, 0.25rem)*8)"),
spacing10: FtCssVariableFactory.create("--ft-spacing-10", "", "SIZE", "calc(var(--ft-spacing-10, 0.25rem)*10)"),
spacing12: FtCssVariableFactory.create("--ft-spacing-12", "", "SIZE", "calc(var(--ft-spacing-12, 0.25rem)*12)"),
spacing16: FtCssVariableFactory.create("--ft-spacing-16", "", "SIZE", "calc(var(--ft-spacing-16, 0.25rem)*16)"),
spacing20: FtCssVariableFactory.create("--ft-spacing-20", "", "SIZE", "calc(var(--ft-spacing-20, 0.25rem)*20)"),
spacing24: FtCssVariableFactory.create("--ft-spacing-24", "", "SIZE", "calc(var(--ft-spacing-24, 0.25rem)*24)"),
spacing28: FtCssVariableFactory.create("--ft-spacing-28", "", "SIZE", "calc(var(--ft-spacing-28, 0.25rem)*28)"),
spacing32: FtCssVariableFactory.create("--ft-spacing-32", "", "SIZE", "calc(var(--ft-spacing-32, 0.25rem)*32)"),
spacing05: FtCssVariableFactory.create("--ft-spacing-0-5", "", "SIZE", "calc(var(--ft-spacing-0-5, 0.25rem)*0.5)"),
borderRadiusS: FtCssVariableFactory.create("--ft-border-radius-s", "", "SIZE", "4px"),

@@ -113,0 +113,0 @@ borderRadiusM: FtCssVariableFactory.create("--ft-border-radius-m", "", "SIZE", "8px"),

{
"name": "@fluid-topics/design-system-variables",
"version": "0.0.7",
"version": "0.0.8",
"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

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