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

Comparing version 0.0.12 to 0.0.13

build/FtCssVariables.d.ts

 import { CSSResult } from "lit";
-export type FtCssVariableCategory = "COLOR" | "NUMBER" | "SIZE" | "POSITION" | "DISPLAY" | "UNKNOWN";
+export type FtCssVariableCategory = "COLOR" | "NUMBER" | "SIZE" | "POSITION" | "DISPLAY" | "UNKNOWN" | "BORDER-STYLE";
 export declare class FtCssVariableFactory {
@@ -4,0 +4,0 @@ static create(name: string, description: string, category: FtCssVariableCategory, defaultValue: string | CSSResult): FtCssVariable;

build/generated/ts/foundation.d.ts

@@ -96,5 +96,61 @@ export declare const foundation: {
     colorYellow0: import("../../FtCssVariables").FtCssVariable;
+    colorYellow10: import("../../FtCssVariables").FtCssVariable;
+    colorYellow20: import("../../FtCssVariables").FtCssVariable;
+    colorYellow30: import("../../FtCssVariables").FtCssVariable;
     colorYellow40: import("../../FtCssVariables").FtCssVariable;
+    colorYellow50: import("../../FtCssVariables").FtCssVariable;
+    colorYellow60: import("../../FtCssVariables").FtCssVariable;
+    colorYellow70: import("../../FtCssVariables").FtCssVariable;
+    colorYellow100: import("../../FtCssVariables").FtCssVariable;
+    colorYellow200: import("../../FtCssVariables").FtCssVariable;
+    colorYellow300: import("../../FtCssVariables").FtCssVariable;
+    colorYellow400: import("../../FtCssVariables").FtCssVariable;
+    colorYellow500: import("../../FtCssVariables").FtCssVariable;
+    colorYellow600: import("../../FtCssVariables").FtCssVariable;
+    colorYellow700: import("../../FtCssVariables").FtCssVariable;
+    colorUltramarine0: import("../../FtCssVariables").FtCssVariable;
+    colorUltramarine10: import("../../FtCssVariables").FtCssVariable;
+    colorUltramarine20: import("../../FtCssVariables").FtCssVariable;
+    colorUltramarine30: import("../../FtCssVariables").FtCssVariable;
+    colorUltramarine40: import("../../FtCssVariables").FtCssVariable;
+    colorUltramarine50: import("../../FtCssVariables").FtCssVariable;
+    colorUltramarine60: import("../../FtCssVariables").FtCssVariable;
+    colorUltramarine70: import("../../FtCssVariables").FtCssVariable;
+    colorUltramarine100: import("../../FtCssVariables").FtCssVariable;
+    colorUltramarine200: import("../../FtCssVariables").FtCssVariable;
+    colorUltramarine300: import("../../FtCssVariables").FtCssVariable;
+    colorUltramarine400: import("../../FtCssVariables").FtCssVariable;
+    colorUltramarine500: import("../../FtCssVariables").FtCssVariable;
+    colorUltramarine600: import("../../FtCssVariables").FtCssVariable;
+    colorUltramarine700: import("../../FtCssVariables").FtCssVariable;
     colorAvocado0: import("../../FtCssVariables").FtCssVariable;
+    colorAvocado10: import("../../FtCssVariables").FtCssVariable;
+    colorAvocado20: import("../../FtCssVariables").FtCssVariable;
+    colorAvocado30: import("../../FtCssVariables").FtCssVariable;
     colorAvocado40: import("../../FtCssVariables").FtCssVariable;
+    colorAvocado50: import("../../FtCssVariables").FtCssVariable;
+    colorAvocado60: import("../../FtCssVariables").FtCssVariable;
+    colorAvocado70: import("../../FtCssVariables").FtCssVariable;
+    colorAvocado100: import("../../FtCssVariables").FtCssVariable;
+    colorAvocado200: import("../../FtCssVariables").FtCssVariable;
+    colorAvocado300: import("../../FtCssVariables").FtCssVariable;
+    colorAvocado400: import("../../FtCssVariables").FtCssVariable;
+    colorAvocado500: import("../../FtCssVariables").FtCssVariable;
+    colorAvocado600: import("../../FtCssVariables").FtCssVariable;
+    colorAvocado700: import("../../FtCssVariables").FtCssVariable;
+    colorBrown0: import("../../FtCssVariables").FtCssVariable;
+    colorBrown10: import("../../FtCssVariables").FtCssVariable;
+    colorBrown20: import("../../FtCssVariables").FtCssVariable;
+    colorBrown30: import("../../FtCssVariables").FtCssVariable;
+    colorBrown40: import("../../FtCssVariables").FtCssVariable;
+    colorBrown50: import("../../FtCssVariables").FtCssVariable;
+    colorBrown60: import("../../FtCssVariables").FtCssVariable;
+    colorBrown70: import("../../FtCssVariables").FtCssVariable;
+    colorBrown100: import("../../FtCssVariables").FtCssVariable;
+    colorBrown200: import("../../FtCssVariables").FtCssVariable;
+    colorBrown300: import("../../FtCssVariables").FtCssVariable;
+    colorBrown400: import("../../FtCssVariables").FtCssVariable;
+    colorBrown500: import("../../FtCssVariables").FtCssVariable;
+    colorBrown600: import("../../FtCssVariables").FtCssVariable;
+    colorBrown700: import("../../FtCssVariables").FtCssVariable;
     spacing1: import("../../FtCssVariables").FtCssVariable;
@@ -101,0 +157,0 @@ spacing2: import("../../FtCssVariables").FtCssVariable;

build/generated/ts/foundation.js

@@ -96,6 +96,62 @@ import { FtCssVariableFactory } from "../../FtCssVariables";
     colorRed700: FtCssVariableFactory.create("--ft-color-red-700", "", "COLOR", "#0f0104"),
-    colorYellow0: FtCssVariableFactory.create("--ft-color-yellow-0", "", "COLOR", "#CFB017"),
-    colorYellow40: FtCssVariableFactory.create("--ft-color-yellow-40", "", "COLOR", "#F0DB75"),
-    colorAvocado0: FtCssVariableFactory.create("--ft-color-avocado-0", "", "COLOR", "#7A891A"),
-    colorAvocado40: FtCssVariableFactory.create("--ft-color-avocado-40", "", "COLOR", "#A3B823"),
+    colorYellow0: FtCssVariableFactory.create("--ft-color-yellow-0", "", "COLOR", "#E4C00C"),
+    colorYellow10: FtCssVariableFactory.create("--ft-color-yellow-10", "", "COLOR", "#fefae9"),
+    colorYellow20: FtCssVariableFactory.create("--ft-color-yellow-20", "", "COLOR", "#fcf4ca"),
+    colorYellow30: FtCssVariableFactory.create("--ft-color-yellow-30", "", "COLOR", "#faedaa"),
+    colorYellow40: FtCssVariableFactory.create("--ft-color-yellow-40", "", "COLOR", "#f9e78b"),
+    colorYellow50: FtCssVariableFactory.create("--ft-color-yellow-50", "", "COLOR", "#f7e06b"),
+    colorYellow60: FtCssVariableFactory.create("--ft-color-yellow-60", "", "COLOR", "#F4D63E"),
+    colorYellow70: FtCssVariableFactory.create("--ft-color-yellow-70", "", "COLOR", "#F3CE16"),
+    colorYellow100: FtCssVariableFactory.create("--ft-color-yellow-100", "", "COLOR", "#d3b10b"),
+    colorYellow200: FtCssVariableFactory.create("--ft-color-yellow-200", "", "COLOR", "#b3970a"),
+    colorYellow300: FtCssVariableFactory.create("--ft-color-yellow-300", "", "COLOR", "#947c08"),
+    colorYellow400: FtCssVariableFactory.create("--ft-color-yellow-400", "", "COLOR", "#746206"),
+    colorYellow500: FtCssVariableFactory.create("--ft-color-yellow-500", "", "COLOR", "#554705"),
+    colorYellow600: FtCssVariableFactory.create("--ft-color-yellow-600", "", "COLOR", "#352d03"),
+    colorYellow700: FtCssVariableFactory.create("--ft-color-yellow-700", "", "COLOR", "#161201"),
+    colorUltramarine0: FtCssVariableFactory.create("--ft-color-ultramarine-0", "", "COLOR", "#3C19E5"),
+    colorUltramarine10: FtCssVariableFactory.create("--ft-color-ultramarine-10", "", "COLOR", "#EDEAFD"),
+    colorUltramarine20: FtCssVariableFactory.create("--ft-color-ultramarine-20", "", "COLOR", "#D4CCF9"),
+    colorUltramarine30: FtCssVariableFactory.create("--ft-color-ultramarine-30", "", "COLOR", "#BBAFF6"),
+    colorUltramarine40: FtCssVariableFactory.create("--ft-color-ultramarine-40", "", "COLOR", "#A191F3"),
+    colorUltramarine50: FtCssVariableFactory.create("--ft-color-ultramarine-50", "", "COLOR", "#8873EF"),
+    colorUltramarine60: FtCssVariableFactory.create("--ft-color-ultramarine-60", "", "COLOR", "#6F55EC"),
+    colorUltramarine70: FtCssVariableFactory.create("--ft-color-ultramarine-70", "", "COLOR", "#5537E8"),
+    colorUltramarine100: FtCssVariableFactory.create("--ft-color-ultramarine-100", "", "COLOR", "#3416C7"),
+    colorUltramarine200: FtCssVariableFactory.create("--ft-color-ultramarine-200", "", "COLOR", "#2C13A9"),
+    colorUltramarine300: FtCssVariableFactory.create("--ft-color-ultramarine-300", "", "COLOR", "#250F8C"),
+    colorUltramarine400: FtCssVariableFactory.create("--ft-color-ultramarine-400", "", "COLOR", "#1D0C6E"),
+    colorUltramarine500: FtCssVariableFactory.create("--ft-color-ultramarine-500", "", "COLOR", "#150950"),
+    colorUltramarine600: FtCssVariableFactory.create("--ft-color-ultramarine-600", "", "COLOR", "#0D0532"),
+    colorUltramarine700: FtCssVariableFactory.create("--ft-color-ultramarine-700", "", "COLOR", "#050215"),
+    colorAvocado0: FtCssVariableFactory.create("--ft-color-avocado-0", "", "COLOR", "#98BD28"),
+    colorAvocado10: FtCssVariableFactory.create("--ft-color-avocado-10", "", "COLOR", "#F6F9EC"),
+    colorAvocado20: FtCssVariableFactory.create("--ft-color-avocado-20", "", "COLOR", "#E8F0D0"),
+    colorAvocado30: FtCssVariableFactory.create("--ft-color-avocado-30", "", "COLOR", "#DBE8B4"),
+    colorAvocado40: FtCssVariableFactory.create("--ft-color-avocado-40", "", "COLOR", "#CEDF98"),
+    colorAvocado50: FtCssVariableFactory.create("--ft-color-avocado-50", "", "COLOR", "#C0D77C"),
+    colorAvocado60: FtCssVariableFactory.create("--ft-color-avocado-60", "", "COLOR", "#B3CE60"),
+    colorAvocado70: FtCssVariableFactory.create("--ft-color-avocado-70", "", "COLOR", "#A5C644"),
+    colorAvocado100: FtCssVariableFactory.create("--ft-color-avocado-100", "", "COLOR", "#84A423"),
+    colorAvocado200: FtCssVariableFactory.create("--ft-color-avocado-200", "", "COLOR", "#708C1E"),
+    colorAvocado300: FtCssVariableFactory.create("--ft-color-avocado-300", "", "COLOR", "#5D7318"),
+    colorAvocado400: FtCssVariableFactory.create("--ft-color-avocado-400", "", "COLOR", "#495B13"),
+    colorAvocado500: FtCssVariableFactory.create("--ft-color-avocado-500", "", "COLOR", "#35420E"),
+    colorAvocado600: FtCssVariableFactory.create("--ft-color-avocado-600", "", "COLOR", "#212A09"),
+    colorAvocado700: FtCssVariableFactory.create("--ft-color-avocado-700", "", "COLOR", "#0E1104"),
+    colorBrown0: FtCssVariableFactory.create("--ft-color-brown-0", "", "COLOR", "#B26F4D"),
+    colorBrown10: FtCssVariableFactory.create("--ft-color-brown-10", "", "COLOR", "#F8F2EF"),
+    colorBrown20: FtCssVariableFactory.create("--ft-color-brown-20", "", "COLOR", "#EEDFD8"),
+    colorBrown30: FtCssVariableFactory.create("--ft-color-brown-30", "", "COLOR", "#E4CDC1"),
+    colorBrown40: FtCssVariableFactory.create("--ft-color-brown-40", "", "COLOR", "#DABAAA"),
+    colorBrown50: FtCssVariableFactory.create("--ft-color-brown-50", "", "COLOR", "#D0A792"),
+    colorBrown60: FtCssVariableFactory.create("--ft-color-brown-60", "", "COLOR", "#C6947B"),
+    colorBrown70: FtCssVariableFactory.create("--ft-color-brown-70", "", "COLOR", "#BC8264"),
+    colorBrown100: FtCssVariableFactory.create("--ft-color-brown-100", "", "COLOR", "#9B6143"),
+    colorBrown200: FtCssVariableFactory.create("--ft-color-brown-200", "", "COLOR", "#845239"),
+    colorBrown300: FtCssVariableFactory.create("--ft-color-brown-300", "", "COLOR", "#6D442F"),
+    colorBrown400: FtCssVariableFactory.create("--ft-color-brown-400", "", "COLOR", "#553525"),
+    colorBrown500: FtCssVariableFactory.create("--ft-color-brown-500", "", "COLOR", "#3E271B"),
+    colorBrown600: FtCssVariableFactory.create("--ft-color-brown-600", "", "COLOR", "#271811"),
+    colorBrown700: FtCssVariableFactory.create("--ft-color-brown-700", "", "COLOR", "#100A07"),
     spacing1: FtCssVariableFactory.create("--ft-spacing-1", "", "SIZE", "0.25rem"),
@@ -102,0 +158,0 @@ spacing2: FtCssVariableFactory.create("--ft-spacing-2", "", "SIZE", "calc(var(--ft-spacing-2, 0.25rem)*2)"),

build/generated/ts/index.d.ts

 export * from "./foundation";
 export * from "./semantic";
 export * from "./components/button";
+export * from "./components/chart";
+export * from "./components/chip";
+export * from "./components/notice";

build/generated/ts/index.js

 export * from "./foundation";
 export * from "./semantic";
 export * from "./components/button";
+export * from "./components/chart";
+export * from "./components/chip";
+export * from "./components/notice";

build/generated/ts/semantic.d.ts

@@ -35,2 +35,3 @@ export declare const semantic: {
     borderGlobalPrimary: import("../../FtCssVariables").FtCssVariable;
+    borderInputPrimary: import("../../FtCssVariables").FtCssVariable;
 };

build/generated/ts/semantic.js

@@ -36,3 +36,4 @@ import { FtCssVariableFactory } from "../../FtCssVariables";
     borderGlobalSubtle: FtCssVariableFactory.extend("--ft-border-global-subtle", "Used as border to deliminate an area filled with background.on-surface and separators.", foundation.colorGray30),
-    borderGlobalPrimary: FtCssVariableFactory.extend("--ft-border-global-primary", "Used as border for element like input.", foundation.colorGray50)
+    borderGlobalPrimary: FtCssVariableFactory.extend("--ft-border-global-primary", "Used as border for element like input.", foundation.colorGray50),
+    borderInputPrimary: FtCssVariableFactory.extend("--ft-border-input-primary", "Used as border for checkboxes and radio buttons", foundation.colorGray80)
 };

package.json

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

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

151818

increased by25.24%

Number of package files

22

increased by37.5%

Lines of code

2155

increased by24.78%

No dependency changes