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.8 to 0.0.9

365

build/generated/ts/foundation.d.ts

@@ -1,2 +0,1 @@

import { FtCssVariables } from "../../FtCssVariables";
export declare const foundation: {

@@ -124,49 +123,325 @@ colorWhite: import("../../FtCssVariables").FtCssVariable;

};
export declare const typographyDisplay: FtCssVariables;
export declare const typographyTitle1: FtCssVariables;
export declare const typographyTitle2: FtCssVariables;
export declare const typographyTitle3: FtCssVariables;
export declare const typographyBody1Regular: FtCssVariables;
export declare const typographyBody1Medium: FtCssVariables;
export declare const typographyBody1Semibold: FtCssVariables;
export declare const typographyBody2Regular: FtCssVariables;
export declare const typographyBody2Medium: FtCssVariables;
export declare const typographyBody2Semibold: FtCssVariables;
export declare const typographyLabel1Medium: FtCssVariables;
export declare const typographyLabel1Semibold: FtCssVariables;
export declare const typographyLabel1Bold: FtCssVariables;
export declare const typographyLabel2Medium: FtCssVariables;
export declare const typographyLabel2Semibold: FtCssVariables;
export declare const typographyLabel2Bold: FtCssVariables;
export declare const typographyCaption1Medium: FtCssVariables;
export declare const typographyCaption1Semibold: FtCssVariables;
export declare const typographyCaption1Bold: FtCssVariables;
export declare const typographyCaption2Medium: FtCssVariables;
export declare const typographyCaption2Semibold: FtCssVariables;
export declare const typographyCaption2Bold: FtCssVariables;
export declare const typographyDisplay: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
};
export declare const typographyTitle1: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
};
export declare const typographyTitle2: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
};
export declare const typographyTitle3: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
};
export declare const typographyBody1Regular: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
};
export declare const typographyBody1Medium: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
};
export declare const typographyBody1Semibold: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
};
export declare const typographyBody2Regular: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
};
export declare const typographyBody2Medium: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
};
export declare const typographyBody2Semibold: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
};
export declare const typographyLabel1Medium: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
export declare const typographyLabel1Semibold: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
export declare const typographyLabel1Bold: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
export declare const typographyLabel2Medium: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
export declare const typographyLabel2Semibold: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
export declare const typographyLabel2Bold: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
export declare const typographyCaption1Medium: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
export declare const typographyCaption1Semibold: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
export declare const typographyCaption1Bold: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
export declare const typographyCaption2Medium: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
export declare const typographyCaption2Semibold: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
export declare const typographyCaption2Bold: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
export declare const typographies: {
display: FtCssVariables;
"title-1": FtCssVariables;
"title-2": FtCssVariables;
"title-3": FtCssVariables;
"body-1-regular": FtCssVariables;
"body-1-medium": FtCssVariables;
"body-1-semibold": FtCssVariables;
"body-2-regular": FtCssVariables;
"body-2-medium": FtCssVariables;
"body-2-semibold": FtCssVariables;
"label-1-medium": FtCssVariables;
"label-1-semibold": FtCssVariables;
"label-1-bold": FtCssVariables;
"label-2-medium": FtCssVariables;
"label-2-semibold": FtCssVariables;
"label-2-bold": FtCssVariables;
"caption-1-medium": FtCssVariables;
"caption-1-semibold": FtCssVariables;
"caption-1-bold": FtCssVariables;
"caption-2-medium": FtCssVariables;
"caption-2-semibold": FtCssVariables;
"caption-2-bold": FtCssVariables;
display: {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
};
"title-1": {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
};
"title-2": {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
};
"title-3": {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
};
"body-1-regular": {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
};
"body-1-medium": {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
};
"body-1-semibold": {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
};
"body-2-regular": {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
};
"body-2-medium": {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
};
"body-2-semibold": {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
};
"label-1-medium": {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
"label-1-semibold": {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
"label-1-bold": {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
"label-2-medium": {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
"label-2-semibold": {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
"label-2-bold": {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
"caption-1-medium": {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
"caption-1-semibold": {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
"caption-1-bold": {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
"caption-2-medium": {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
"caption-2-semibold": {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
"caption-2-bold": {
fontFamily: import("../../FtCssVariables").FtCssVariable;
fontWeight: import("../../FtCssVariables").FtCssVariable;
lineHeight: import("../../FtCssVariables").FtCssVariable;
fontSize: import("../../FtCssVariables").FtCssVariable;
letterSpacing: import("../../FtCssVariables").FtCssVariable;
textCase: import("../../FtCssVariables").FtCssVariable;
};
};
export declare const typographyVariants: string[];
export type TypographyVariants = "display" | "title-1" | "title-2" | "title-3" | "body-1" | "body-2" | "label-1" | "label-2" | "caption-1" | "caption-2";

2

package.json
{
"name": "@fluid-topics/design-system-variables",
"version": "0.0.8",
"version": "0.0.9",
"description": "Generated design system variables to use in web components",

@@ -5,0 +5,0 @@ "main": "build/index.js",

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