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

Comparing version 0.0.9 to 0.0.10

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

@@ -8,2 +8,4 @@ export declare const button: {
     largeBorderWidth: import("../../../FtCssVariables").FtCssVariable;
+    largeFocusOutlineOffset: import("../../../FtCssVariables").FtCssVariable;
+    largeFocusOutlineWidth: import("../../../FtCssVariables").FtCssVariable;
     smallHeight: import("../../../FtCssVariables").FtCssVariable;
@@ -15,2 +17,4 @@ smallHorizontalPadding: import("../../../FtCssVariables").FtCssVariable;
     smallBorderWidth: import("../../../FtCssVariables").FtCssVariable;
+    smallFocusOutlineOffset: import("../../../FtCssVariables").FtCssVariable;
+    smallFocusOutlineWidth: import("../../../FtCssVariables").FtCssVariable;
     primaryBackgroundColor: import("../../../FtCssVariables").FtCssVariable;
@@ -25,3 +29,3 @@ primaryColor: import("../../../FtCssVariables").FtCssVariable;
     primaryOpacityDisabled: import("../../../FtCssVariables").FtCssVariable;
-    primaryFocus: import("../../../FtCssVariables").FtCssVariable;
+    primaryFocusRing: import("../../../FtCssVariables").FtCssVariable;
     tertiaryBackgroundColor: import("../../../FtCssVariables").FtCssVariable;
@@ -36,3 +40,3 @@ tertiaryColor: import("../../../FtCssVariables").FtCssVariable;
     tertiaryOpacityDisabled: import("../../../FtCssVariables").FtCssVariable;
-    tertiaryFocus: import("../../../FtCssVariables").FtCssVariable;
+    tertiaryFocusRing: import("../../../FtCssVariables").FtCssVariable;
     secondaryBackgroundColor: import("../../../FtCssVariables").FtCssVariable;
@@ -47,4 +51,4 @@ secondaryColor: import("../../../FtCssVariables").FtCssVariable;
     secondaryOpacityDisabled: import("../../../FtCssVariables").FtCssVariable;
-    secondaryFocus: import("../../../FtCssVariables").FtCssVariable;
+    secondaryFocusRing: import("../../../FtCssVariables").FtCssVariable;
     secondaryBorder: import("../../../FtCssVariables").FtCssVariable;
 };

build/generated/ts/components/button.js

@@ -10,3 +10,5 @@ import { FtCssVariableFactory } from "../../../FtCssVariables";
     largeIconSize: FtCssVariableFactory.extend("--ft-button-large-icon-size", "", foundation.iconSize3),
-    largeBorderWidth: FtCssVariableFactory.create("--ft-button-large-border-width", "", "UNKNOWN", "1px"),
+    largeBorderWidth: FtCssVariableFactory.create("--ft-button-large-border-width", "", "SIZE", "1px"),
+    largeFocusOutlineOffset: FtCssVariableFactory.create("--ft-button-large-focus-outline-offset", "", "SIZE", "1px"),
+    largeFocusOutlineWidth: FtCssVariableFactory.create("--ft-button-large-focus-outline-width", "", "SIZE", "3px"),
     smallHeight: FtCssVariableFactory.create("--ft-button-small-height", "", "SIZE", "30px"),
@@ -17,3 +19,5 @@ smallHorizontalPadding: FtCssVariableFactory.extend("--ft-button-small-horizontal-padding", "", foundation.spacing3),
     smallIconSize: FtCssVariableFactory.extend("--ft-button-small-icon-size", "", foundation.iconSize2),
-    smallBorderWidth: FtCssVariableFactory.create("--ft-button-small-border-width", "", "UNKNOWN", "1px"),
+    smallBorderWidth: FtCssVariableFactory.create("--ft-button-small-border-width", "", "SIZE", "1px"),
+    smallFocusOutlineOffset: FtCssVariableFactory.create("--ft-button-small-focus-outline-offset", "", "SIZE", "1px"),
+    smallFocusOutlineWidth: FtCssVariableFactory.create("--ft-button-small-focus-outline-width", "", "SIZE", "3px"),
     primaryBackgroundColor: FtCssVariableFactory.extend("--ft-button-primary-background-color", "", semantic.backgroundActionPrimary),
@@ -28,3 +32,3 @@ primaryColor: FtCssVariableFactory.extend("--ft-button-primary-color", "", semantic.contentGlobalOnColor),
     primaryOpacityDisabled: FtCssVariableFactory.extend("--ft-button-primary-opacity-disabled", "", semantic.opacity40),
-    primaryFocus: FtCssVariableFactory.extend("--ft-button-primary-focus", "", semantic.borderActionFocus),
+    primaryFocusRing: FtCssVariableFactory.extend("--ft-button-primary-focus-ring", "", semantic.borderActionFocusRing),
     tertiaryBackgroundColor: FtCssVariableFactory.create("--ft-button-tertiary-background-color", "", "COLOR", "rgba(0,0,0,0)"),
@@ -39,3 +43,3 @@ tertiaryColor: FtCssVariableFactory.extend("--ft-button-tertiary-color", "", semantic.contentActionPrimary),
     tertiaryOpacityDisabled: FtCssVariableFactory.extend("--ft-button-tertiary-opacity-disabled", "", semantic.opacity40),
-    tertiaryFocus: FtCssVariableFactory.extend("--ft-button-tertiary-focus", "", semantic.borderActionFocus),
+    tertiaryFocusRing: FtCssVariableFactory.extend("--ft-button-tertiary-focus-ring", "", semantic.borderActionFocusRing),
     secondaryBackgroundColor: FtCssVariableFactory.extend("--ft-button-secondary-background-color", "", foundation.colorWhite),
@@ -50,4 +54,4 @@ secondaryColor: FtCssVariableFactory.extend("--ft-button-secondary-color", "", semantic.contentActionPrimary),
     secondaryOpacityDisabled: FtCssVariableFactory.extend("--ft-button-secondary-opacity-disabled", "", semantic.opacity40),
-    secondaryFocus: FtCssVariableFactory.extend("--ft-button-secondary-focus", "", semantic.borderActionFocus),
+    secondaryFocusRing: FtCssVariableFactory.extend("--ft-button-secondary-focus-ring", "", semantic.borderActionFocusRing),
     secondaryBorder: FtCssVariableFactory.extend("--ft-button-secondary-border", "", semantic.borderActionPrimary)
 };

build/generated/ts/foundation.d.ts

@@ -129,2 +129,6 @@ export declare const foundation: {
     letterSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+    textDecoration: import("../../FtCssVariables").FtCssVariable;
+    textCase: import("../../FtCssVariables").FtCssVariable;
 };
@@ -137,2 +141,6 @@ export declare const typographyTitle1: {
     letterSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+    textDecoration: import("../../FtCssVariables").FtCssVariable;
+    textCase: import("../../FtCssVariables").FtCssVariable;
 };
@@ -145,2 +153,6 @@ export declare const typographyTitle2: {
     letterSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+    textDecoration: import("../../FtCssVariables").FtCssVariable;
+    textCase: import("../../FtCssVariables").FtCssVariable;
 };
@@ -153,2 +165,6 @@ export declare const typographyTitle3: {
     letterSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+    textDecoration: import("../../FtCssVariables").FtCssVariable;
+    textCase: import("../../FtCssVariables").FtCssVariable;
 };
@@ -160,2 +176,7 @@ export declare const typographyBody1Regular: {
     fontSize: import("../../FtCssVariables").FtCssVariable;
+    letterSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+    textDecoration: import("../../FtCssVariables").FtCssVariable;
+    textCase: import("../../FtCssVariables").FtCssVariable;
 };
@@ -167,2 +188,7 @@ export declare const typographyBody1Medium: {
     fontSize: import("../../FtCssVariables").FtCssVariable;
+    letterSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+    textDecoration: import("../../FtCssVariables").FtCssVariable;
+    textCase: import("../../FtCssVariables").FtCssVariable;
 };
@@ -174,2 +200,7 @@ export declare const typographyBody1Semibold: {
     fontSize: import("../../FtCssVariables").FtCssVariable;
+    letterSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+    textDecoration: import("../../FtCssVariables").FtCssVariable;
+    textCase: import("../../FtCssVariables").FtCssVariable;
 };
@@ -181,2 +212,7 @@ export declare const typographyBody2Regular: {
     fontSize: import("../../FtCssVariables").FtCssVariable;
+    letterSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+    textDecoration: import("../../FtCssVariables").FtCssVariable;
+    textCase: import("../../FtCssVariables").FtCssVariable;
 };
@@ -188,2 +224,7 @@ export declare const typographyBody2Medium: {
     fontSize: import("../../FtCssVariables").FtCssVariable;
+    letterSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+    textDecoration: import("../../FtCssVariables").FtCssVariable;
+    textCase: import("../../FtCssVariables").FtCssVariable;
 };
@@ -195,2 +236,7 @@ export declare const typographyBody2Semibold: {
     fontSize: import("../../FtCssVariables").FtCssVariable;
+    letterSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+    textDecoration: import("../../FtCssVariables").FtCssVariable;
+    textCase: import("../../FtCssVariables").FtCssVariable;
 };
@@ -204,2 +250,5 @@ export declare const typographyLabel1Medium: {
     textCase: import("../../FtCssVariables").FtCssVariable;
+    paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+    textDecoration: import("../../FtCssVariables").FtCssVariable;
 };
@@ -213,2 +262,5 @@ export declare const typographyLabel1Semibold: {
     textCase: import("../../FtCssVariables").FtCssVariable;
+    paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+    textDecoration: import("../../FtCssVariables").FtCssVariable;
 };
@@ -222,2 +274,5 @@ export declare const typographyLabel1Bold: {
     textCase: import("../../FtCssVariables").FtCssVariable;
+    paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+    textDecoration: import("../../FtCssVariables").FtCssVariable;
 };
@@ -231,2 +286,5 @@ export declare const typographyLabel2Medium: {
     textCase: import("../../FtCssVariables").FtCssVariable;
+    paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+    textDecoration: import("../../FtCssVariables").FtCssVariable;
 };
@@ -240,2 +298,5 @@ export declare const typographyLabel2Semibold: {
     textCase: import("../../FtCssVariables").FtCssVariable;
+    paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+    textDecoration: import("../../FtCssVariables").FtCssVariable;
 };
@@ -249,2 +310,5 @@ export declare const typographyLabel2Bold: {
     textCase: import("../../FtCssVariables").FtCssVariable;
+    paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+    textDecoration: import("../../FtCssVariables").FtCssVariable;
 };
@@ -258,2 +322,5 @@ export declare const typographyCaption1Medium: {
     textCase: import("../../FtCssVariables").FtCssVariable;
+    paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+    textDecoration: import("../../FtCssVariables").FtCssVariable;
 };
@@ -267,2 +334,5 @@ export declare const typographyCaption1Semibold: {
     textCase: import("../../FtCssVariables").FtCssVariable;
+    paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+    textDecoration: import("../../FtCssVariables").FtCssVariable;
 };
@@ -276,2 +346,5 @@ export declare const typographyCaption1Bold: {
     textCase: import("../../FtCssVariables").FtCssVariable;
+    paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+    textDecoration: import("../../FtCssVariables").FtCssVariable;
 };
@@ -285,2 +358,5 @@ export declare const typographyCaption2Medium: {
     textCase: import("../../FtCssVariables").FtCssVariable;
+    paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+    textDecoration: import("../../FtCssVariables").FtCssVariable;
 };
@@ -294,2 +370,5 @@ export declare const typographyCaption2Semibold: {
     textCase: import("../../FtCssVariables").FtCssVariable;
+    paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+    textDecoration: import("../../FtCssVariables").FtCssVariable;
 };
@@ -303,2 +382,5 @@ export declare const typographyCaption2Bold: {
     textCase: import("../../FtCssVariables").FtCssVariable;
+    paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+    paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+    textDecoration: import("../../FtCssVariables").FtCssVariable;
 };
@@ -312,2 +394,6 @@ export declare const typographies: {
         letterSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+        textDecoration: import("../../FtCssVariables").FtCssVariable;
+        textCase: import("../../FtCssVariables").FtCssVariable;
     };
@@ -320,2 +406,6 @@ "title-1": {
         letterSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+        textDecoration: import("../../FtCssVariables").FtCssVariable;
+        textCase: import("../../FtCssVariables").FtCssVariable;
     };
@@ -328,2 +418,6 @@ "title-2": {
         letterSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+        textDecoration: import("../../FtCssVariables").FtCssVariable;
+        textCase: import("../../FtCssVariables").FtCssVariable;
     };
@@ -336,2 +430,6 @@ "title-3": {
         letterSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+        textDecoration: import("../../FtCssVariables").FtCssVariable;
+        textCase: import("../../FtCssVariables").FtCssVariable;
     };
@@ -343,2 +441,7 @@ "body-1-regular": {
         fontSize: import("../../FtCssVariables").FtCssVariable;
+        letterSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+        textDecoration: import("../../FtCssVariables").FtCssVariable;
+        textCase: import("../../FtCssVariables").FtCssVariable;
     };
@@ -350,2 +453,7 @@ "body-1-medium": {
         fontSize: import("../../FtCssVariables").FtCssVariable;
+        letterSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+        textDecoration: import("../../FtCssVariables").FtCssVariable;
+        textCase: import("../../FtCssVariables").FtCssVariable;
     };
@@ -357,2 +465,7 @@ "body-1-semibold": {
         fontSize: import("../../FtCssVariables").FtCssVariable;
+        letterSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+        textDecoration: import("../../FtCssVariables").FtCssVariable;
+        textCase: import("../../FtCssVariables").FtCssVariable;
     };
@@ -364,2 +477,7 @@ "body-2-regular": {
         fontSize: import("../../FtCssVariables").FtCssVariable;
+        letterSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+        textDecoration: import("../../FtCssVariables").FtCssVariable;
+        textCase: import("../../FtCssVariables").FtCssVariable;
     };
@@ -371,2 +489,7 @@ "body-2-medium": {
         fontSize: import("../../FtCssVariables").FtCssVariable;
+        letterSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+        textDecoration: import("../../FtCssVariables").FtCssVariable;
+        textCase: import("../../FtCssVariables").FtCssVariable;
     };
@@ -378,2 +501,7 @@ "body-2-semibold": {
         fontSize: import("../../FtCssVariables").FtCssVariable;
+        letterSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+        textDecoration: import("../../FtCssVariables").FtCssVariable;
+        textCase: import("../../FtCssVariables").FtCssVariable;
     };
@@ -387,2 +515,5 @@ "label-1-medium": {
         textCase: import("../../FtCssVariables").FtCssVariable;
+        paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+        textDecoration: import("../../FtCssVariables").FtCssVariable;
     };
@@ -396,2 +527,5 @@ "label-1-semibold": {
         textCase: import("../../FtCssVariables").FtCssVariable;
+        paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+        textDecoration: import("../../FtCssVariables").FtCssVariable;
     };
@@ -405,2 +539,5 @@ "label-1-bold": {
         textCase: import("../../FtCssVariables").FtCssVariable;
+        paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+        textDecoration: import("../../FtCssVariables").FtCssVariable;
     };
@@ -414,2 +551,5 @@ "label-2-medium": {
         textCase: import("../../FtCssVariables").FtCssVariable;
+        paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+        textDecoration: import("../../FtCssVariables").FtCssVariable;
     };
@@ -423,2 +563,5 @@ "label-2-semibold": {
         textCase: import("../../FtCssVariables").FtCssVariable;
+        paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+        textDecoration: import("../../FtCssVariables").FtCssVariable;
     };
@@ -432,2 +575,5 @@ "label-2-bold": {
         textCase: import("../../FtCssVariables").FtCssVariable;
+        paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+        textDecoration: import("../../FtCssVariables").FtCssVariable;
     };
@@ -441,2 +587,5 @@ "caption-1-medium": {
         textCase: import("../../FtCssVariables").FtCssVariable;
+        paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+        textDecoration: import("../../FtCssVariables").FtCssVariable;
     };
@@ -450,2 +599,5 @@ "caption-1-semibold": {
         textCase: import("../../FtCssVariables").FtCssVariable;
+        paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+        textDecoration: import("../../FtCssVariables").FtCssVariable;
     };
@@ -459,2 +611,5 @@ "caption-1-bold": {
         textCase: import("../../FtCssVariables").FtCssVariable;
+        paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+        textDecoration: import("../../FtCssVariables").FtCssVariable;
     };
@@ -468,2 +623,5 @@ "caption-2-medium": {
         textCase: import("../../FtCssVariables").FtCssVariable;
+        paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+        textDecoration: import("../../FtCssVariables").FtCssVariable;
     };
@@ -477,2 +635,5 @@ "caption-2-semibold": {
         textCase: import("../../FtCssVariables").FtCssVariable;
+        paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+        textDecoration: import("../../FtCssVariables").FtCssVariable;
     };
@@ -486,2 +647,5 @@ "caption-2-bold": {
         textCase: import("../../FtCssVariables").FtCssVariable;
+        paragraphSpacing: import("../../FtCssVariables").FtCssVariable;
+        paragraphIndent: import("../../FtCssVariables").FtCssVariable;
+        textDecoration: import("../../FtCssVariables").FtCssVariable;
     };
@@ -488,0 +652,0 @@ };

build/generated/ts/foundation.js

@@ -129,3 +129,7 @@ import { FtCssVariableFactory } from "../../FtCssVariables";
     fontSize: FtCssVariableFactory.create("--ft-typography-display-fontSize", "", "SIZE", "2.5rem"),
-    letterSpacing: FtCssVariableFactory.create("--ft-typography-display-letterSpacing", "", "SIZE", "-0.02em")
+    letterSpacing: FtCssVariableFactory.create("--ft-typography-display-letterSpacing", "", "SIZE", "-0.02em"),
+    paragraphSpacing: FtCssVariableFactory.create("--ft-typography-display-paragraphSpacing", "", "UNKNOWN", "normal"),
+    paragraphIndent: FtCssVariableFactory.create("--ft-typography-display-paragraphIndent", "", "UNKNOWN", "0"),
+    textDecoration: FtCssVariableFactory.create("--ft-typography-display-textDecoration", "", "UNKNOWN", "none"),
+    textCase: FtCssVariableFactory.create("--ft-typography-display-textCase", "", "UNKNOWN", "none")
 };
@@ -137,3 +141,7 @@ export const typographyTitle1 = {
     fontSize: FtCssVariableFactory.create("--ft-typography-title-1-fontSize", "", "SIZE", "2rem"),
-    letterSpacing: FtCssVariableFactory.create("--ft-typography-title-1-letterSpacing", "", "SIZE", "-0.02em")
+    letterSpacing: FtCssVariableFactory.create("--ft-typography-title-1-letterSpacing", "", "SIZE", "-0.02em"),
+    paragraphSpacing: FtCssVariableFactory.create("--ft-typography-title-1-paragraphSpacing", "", "UNKNOWN", "normal"),
+    paragraphIndent: FtCssVariableFactory.create("--ft-typography-title-1-paragraphIndent", "", "UNKNOWN", "0"),
+    textDecoration: FtCssVariableFactory.create("--ft-typography-title-1-textDecoration", "", "UNKNOWN", "none"),
+    textCase: FtCssVariableFactory.create("--ft-typography-title-1-textCase", "", "UNKNOWN", "none")
 };
@@ -145,3 +153,7 @@ export const typographyTitle2 = {
     fontSize: FtCssVariableFactory.create("--ft-typography-title-2-fontSize", "", "SIZE", "1.5rem"),
-    letterSpacing: FtCssVariableFactory.create("--ft-typography-title-2-letterSpacing", "", "SIZE", "-0.02em")
+    letterSpacing: FtCssVariableFactory.create("--ft-typography-title-2-letterSpacing", "", "SIZE", "-0.02em"),
+    paragraphSpacing: FtCssVariableFactory.create("--ft-typography-title-2-paragraphSpacing", "", "UNKNOWN", "normal"),
+    paragraphIndent: FtCssVariableFactory.create("--ft-typography-title-2-paragraphIndent", "", "UNKNOWN", "0"),
+    textDecoration: FtCssVariableFactory.create("--ft-typography-title-2-textDecoration", "", "UNKNOWN", "none"),
+    textCase: FtCssVariableFactory.create("--ft-typography-title-2-textCase", "", "UNKNOWN", "none")
 };
@@ -153,3 +165,7 @@ export const typographyTitle3 = {
     fontSize: FtCssVariableFactory.create("--ft-typography-title-3-fontSize", "", "SIZE", "1.25rem"),
-    letterSpacing: FtCssVariableFactory.create("--ft-typography-title-3-letterSpacing", "", "SIZE", "-0.01em")
+    letterSpacing: FtCssVariableFactory.create("--ft-typography-title-3-letterSpacing", "", "SIZE", "-0.01em"),
+    paragraphSpacing: FtCssVariableFactory.create("--ft-typography-title-3-paragraphSpacing", "", "UNKNOWN", "normal"),
+    paragraphIndent: FtCssVariableFactory.create("--ft-typography-title-3-paragraphIndent", "", "UNKNOWN", "0"),
+    textDecoration: FtCssVariableFactory.create("--ft-typography-title-3-textDecoration", "", "UNKNOWN", "none"),
+    textCase: FtCssVariableFactory.create("--ft-typography-title-3-textCase", "", "UNKNOWN", "none")
 };
@@ -160,3 +176,8 @@ export const typographyBody1Regular = {
     lineHeight: FtCssVariableFactory.create("--ft-typography-body-1-regular-lineHeight", "", "SIZE", "135%"),
-    fontSize: FtCssVariableFactory.create("--ft-typography-body-1-regular-fontSize", "", "SIZE", "1rem")
+    fontSize: FtCssVariableFactory.create("--ft-typography-body-1-regular-fontSize", "", "SIZE", "1rem"),
+    letterSpacing: FtCssVariableFactory.create("--ft-typography-body-1-regular-letterSpacing", "", "SIZE", "normal"),
+    paragraphSpacing: FtCssVariableFactory.create("--ft-typography-body-1-regular-paragraphSpacing", "", "UNKNOWN", "normal"),
+    paragraphIndent: FtCssVariableFactory.create("--ft-typography-body-1-regular-paragraphIndent", "", "UNKNOWN", "0"),
+    textDecoration: FtCssVariableFactory.create("--ft-typography-body-1-regular-textDecoration", "", "UNKNOWN", "none"),
+    textCase: FtCssVariableFactory.create("--ft-typography-body-1-regular-textCase", "", "UNKNOWN", "none")
 };
@@ -167,3 +188,8 @@ export const typographyBody1Medium = {
     lineHeight: FtCssVariableFactory.create("--ft-typography-body-1-medium-lineHeight", "", "SIZE", "135%"),
-    fontSize: FtCssVariableFactory.create("--ft-typography-body-1-medium-fontSize", "", "SIZE", "1rem")
+    fontSize: FtCssVariableFactory.create("--ft-typography-body-1-medium-fontSize", "", "SIZE", "1rem"),
+    letterSpacing: FtCssVariableFactory.create("--ft-typography-body-1-medium-letterSpacing", "", "SIZE", "normal"),
+    paragraphSpacing: FtCssVariableFactory.create("--ft-typography-body-1-medium-paragraphSpacing", "", "UNKNOWN", "normal"),
+    paragraphIndent: FtCssVariableFactory.create("--ft-typography-body-1-medium-paragraphIndent", "", "UNKNOWN", "0"),
+    textDecoration: FtCssVariableFactory.create("--ft-typography-body-1-medium-textDecoration", "", "UNKNOWN", "none"),
+    textCase: FtCssVariableFactory.create("--ft-typography-body-1-medium-textCase", "", "UNKNOWN", "none")
 };
@@ -174,3 +200,8 @@ export const typographyBody1Semibold = {
     lineHeight: FtCssVariableFactory.create("--ft-typography-body-1-semibold-lineHeight", "", "SIZE", "135%"),
-    fontSize: FtCssVariableFactory.create("--ft-typography-body-1-semibold-fontSize", "", "SIZE", "1rem")
+    fontSize: FtCssVariableFactory.create("--ft-typography-body-1-semibold-fontSize", "", "SIZE", "1rem"),
+    letterSpacing: FtCssVariableFactory.create("--ft-typography-body-1-semibold-letterSpacing", "", "SIZE", "normal"),
+    paragraphSpacing: FtCssVariableFactory.create("--ft-typography-body-1-semibold-paragraphSpacing", "", "UNKNOWN", "normal"),
+    paragraphIndent: FtCssVariableFactory.create("--ft-typography-body-1-semibold-paragraphIndent", "", "UNKNOWN", "0"),
+    textDecoration: FtCssVariableFactory.create("--ft-typography-body-1-semibold-textDecoration", "", "UNKNOWN", "none"),
+    textCase: FtCssVariableFactory.create("--ft-typography-body-1-semibold-textCase", "", "UNKNOWN", "none")
 };
@@ -181,3 +212,8 @@ export const typographyBody2Regular = {
     lineHeight: FtCssVariableFactory.create("--ft-typography-body-2-regular-lineHeight", "", "SIZE", "135%"),
-    fontSize: FtCssVariableFactory.create("--ft-typography-body-2-regular-fontSize", "", "SIZE", "0,875rem")
+    fontSize: FtCssVariableFactory.create("--ft-typography-body-2-regular-fontSize", "", "SIZE", "0,875rem"),
+    letterSpacing: FtCssVariableFactory.create("--ft-typography-body-2-regular-letterSpacing", "", "SIZE", "normal"),
+    paragraphSpacing: FtCssVariableFactory.create("--ft-typography-body-2-regular-paragraphSpacing", "", "UNKNOWN", "normal"),
+    paragraphIndent: FtCssVariableFactory.create("--ft-typography-body-2-regular-paragraphIndent", "", "UNKNOWN", "0"),
+    textDecoration: FtCssVariableFactory.create("--ft-typography-body-2-regular-textDecoration", "", "UNKNOWN", "none"),
+    textCase: FtCssVariableFactory.create("--ft-typography-body-2-regular-textCase", "", "UNKNOWN", "none")
 };
@@ -188,3 +224,8 @@ export const typographyBody2Medium = {
     lineHeight: FtCssVariableFactory.create("--ft-typography-body-2-medium-lineHeight", "", "SIZE", "135%"),
-    fontSize: FtCssVariableFactory.create("--ft-typography-body-2-medium-fontSize", "", "SIZE", "0,875rem")
+    fontSize: FtCssVariableFactory.create("--ft-typography-body-2-medium-fontSize", "", "SIZE", "0,875rem"),
+    letterSpacing: FtCssVariableFactory.create("--ft-typography-body-2-medium-letterSpacing", "", "SIZE", "normal"),
+    paragraphSpacing: FtCssVariableFactory.create("--ft-typography-body-2-medium-paragraphSpacing", "", "UNKNOWN", "normal"),
+    paragraphIndent: FtCssVariableFactory.create("--ft-typography-body-2-medium-paragraphIndent", "", "UNKNOWN", "0"),
+    textDecoration: FtCssVariableFactory.create("--ft-typography-body-2-medium-textDecoration", "", "UNKNOWN", "none"),
+    textCase: FtCssVariableFactory.create("--ft-typography-body-2-medium-textCase", "", "UNKNOWN", "none")
 };
@@ -195,3 +236,8 @@ export const typographyBody2Semibold = {
     lineHeight: FtCssVariableFactory.create("--ft-typography-body-2-semibold-lineHeight", "", "SIZE", "135%"),
-    fontSize: FtCssVariableFactory.create("--ft-typography-body-2-semibold-fontSize", "", "SIZE", "0,875rem")
+    fontSize: FtCssVariableFactory.create("--ft-typography-body-2-semibold-fontSize", "", "SIZE", "0,875rem"),
+    letterSpacing: FtCssVariableFactory.create("--ft-typography-body-2-semibold-letterSpacing", "", "SIZE", "normal"),
+    paragraphSpacing: FtCssVariableFactory.create("--ft-typography-body-2-semibold-paragraphSpacing", "", "UNKNOWN", "normal"),
+    paragraphIndent: FtCssVariableFactory.create("--ft-typography-body-2-semibold-paragraphIndent", "", "UNKNOWN", "0"),
+    textDecoration: FtCssVariableFactory.create("--ft-typography-body-2-semibold-textDecoration", "", "UNKNOWN", "none"),
+    textCase: FtCssVariableFactory.create("--ft-typography-body-2-semibold-textCase", "", "UNKNOWN", "none")
 };
@@ -204,3 +250,6 @@ export const typographyLabel1Medium = {
     letterSpacing: FtCssVariableFactory.create("--ft-typography-label-1-medium-letterSpacing", "", "SIZE", "0.04em"),
-    textCase: FtCssVariableFactory.create("--ft-typography-label-1-medium-textCase", "", "UNKNOWN", "uppercase")
+    textCase: FtCssVariableFactory.create("--ft-typography-label-1-medium-textCase", "", "UNKNOWN", "uppercase"),
+    paragraphSpacing: FtCssVariableFactory.create("--ft-typography-label-1-medium-paragraphSpacing", "", "UNKNOWN", "normal"),
+    paragraphIndent: FtCssVariableFactory.create("--ft-typography-label-1-medium-paragraphIndent", "", "UNKNOWN", "0"),
+    textDecoration: FtCssVariableFactory.create("--ft-typography-label-1-medium-textDecoration", "", "UNKNOWN", "none")
 };
@@ -213,3 +262,6 @@ export const typographyLabel1Semibold = {
     letterSpacing: FtCssVariableFactory.create("--ft-typography-label-1-semibold-letterSpacing", "", "SIZE", "0.04em"),
-    textCase: FtCssVariableFactory.create("--ft-typography-label-1-semibold-textCase", "", "UNKNOWN", "uppercase")
+    textCase: FtCssVariableFactory.create("--ft-typography-label-1-semibold-textCase", "", "UNKNOWN", "uppercase"),
+    paragraphSpacing: FtCssVariableFactory.create("--ft-typography-label-1-semibold-paragraphSpacing", "", "UNKNOWN", "normal"),
+    paragraphIndent: FtCssVariableFactory.create("--ft-typography-label-1-semibold-paragraphIndent", "", "UNKNOWN", "0"),
+    textDecoration: FtCssVariableFactory.create("--ft-typography-label-1-semibold-textDecoration", "", "UNKNOWN", "none")
 };
@@ -222,3 +274,6 @@ export const typographyLabel1Bold = {
     letterSpacing: FtCssVariableFactory.create("--ft-typography-label-1-bold-letterSpacing", "", "SIZE", "0.04em"),
-    textCase: FtCssVariableFactory.create("--ft-typography-label-1-bold-textCase", "", "UNKNOWN", "uppercase")
+    textCase: FtCssVariableFactory.create("--ft-typography-label-1-bold-textCase", "", "UNKNOWN", "uppercase"),
+    paragraphSpacing: FtCssVariableFactory.create("--ft-typography-label-1-bold-paragraphSpacing", "", "UNKNOWN", "normal"),
+    paragraphIndent: FtCssVariableFactory.create("--ft-typography-label-1-bold-paragraphIndent", "", "UNKNOWN", "0"),
+    textDecoration: FtCssVariableFactory.create("--ft-typography-label-1-bold-textDecoration", "", "UNKNOWN", "none")
 };
@@ -231,3 +286,6 @@ export const typographyLabel2Medium = {
     letterSpacing: FtCssVariableFactory.create("--ft-typography-label-2-medium-letterSpacing", "", "SIZE", "0.04em"),
-    textCase: FtCssVariableFactory.create("--ft-typography-label-2-medium-textCase", "", "UNKNOWN", "uppercase")
+    textCase: FtCssVariableFactory.create("--ft-typography-label-2-medium-textCase", "", "UNKNOWN", "uppercase"),
+    paragraphSpacing: FtCssVariableFactory.create("--ft-typography-label-2-medium-paragraphSpacing", "", "UNKNOWN", "normal"),
+    paragraphIndent: FtCssVariableFactory.create("--ft-typography-label-2-medium-paragraphIndent", "", "UNKNOWN", "0"),
+    textDecoration: FtCssVariableFactory.create("--ft-typography-label-2-medium-textDecoration", "", "UNKNOWN", "none")
 };
@@ -240,3 +298,6 @@ export const typographyLabel2Semibold = {
     letterSpacing: FtCssVariableFactory.create("--ft-typography-label-2-semibold-letterSpacing", "", "SIZE", "0.04em"),
-    textCase: FtCssVariableFactory.create("--ft-typography-label-2-semibold-textCase", "", "UNKNOWN", "uppercase")
+    textCase: FtCssVariableFactory.create("--ft-typography-label-2-semibold-textCase", "", "UNKNOWN", "uppercase"),
+    paragraphSpacing: FtCssVariableFactory.create("--ft-typography-label-2-semibold-paragraphSpacing", "", "UNKNOWN", "normal"),
+    paragraphIndent: FtCssVariableFactory.create("--ft-typography-label-2-semibold-paragraphIndent", "", "UNKNOWN", "0"),
+    textDecoration: FtCssVariableFactory.create("--ft-typography-label-2-semibold-textDecoration", "", "UNKNOWN", "none")
 };
@@ -249,3 +310,6 @@ export const typographyLabel2Bold = {
     letterSpacing: FtCssVariableFactory.create("--ft-typography-label-2-bold-letterSpacing", "", "SIZE", "0.04em"),
-    textCase: FtCssVariableFactory.create("--ft-typography-label-2-bold-textCase", "", "UNKNOWN", "uppercase")
+    textCase: FtCssVariableFactory.create("--ft-typography-label-2-bold-textCase", "", "UNKNOWN", "uppercase"),
+    paragraphSpacing: FtCssVariableFactory.create("--ft-typography-label-2-bold-paragraphSpacing", "", "UNKNOWN", "normal"),
+    paragraphIndent: FtCssVariableFactory.create("--ft-typography-label-2-bold-paragraphIndent", "", "UNKNOWN", "0"),
+    textDecoration: FtCssVariableFactory.create("--ft-typography-label-2-bold-textDecoration", "", "UNKNOWN", "none")
 };
@@ -257,4 +321,7 @@ export const typographyCaption1Medium = {
     fontSize: FtCssVariableFactory.create("--ft-typography-caption-1-medium-fontSize", "", "SIZE", "0,75rem"),
-    letterSpacing: FtCssVariableFactory.create("--ft-typography-caption-1-medium-letterSpacing", "", "SIZE", "inherit"),
-    textCase: FtCssVariableFactory.create("--ft-typography-caption-1-medium-textCase", "", "UNKNOWN", "inherit")
+    letterSpacing: FtCssVariableFactory.create("--ft-typography-caption-1-medium-letterSpacing", "", "SIZE", "normal"),
+    textCase: FtCssVariableFactory.create("--ft-typography-caption-1-medium-textCase", "", "UNKNOWN", "none"),
+    paragraphSpacing: FtCssVariableFactory.create("--ft-typography-caption-1-medium-paragraphSpacing", "", "UNKNOWN", "normal"),
+    paragraphIndent: FtCssVariableFactory.create("--ft-typography-caption-1-medium-paragraphIndent", "", "UNKNOWN", "0"),
+    textDecoration: FtCssVariableFactory.create("--ft-typography-caption-1-medium-textDecoration", "", "UNKNOWN", "none")
 };
@@ -266,4 +333,7 @@ export const typographyCaption1Semibold = {
     fontSize: FtCssVariableFactory.create("--ft-typography-caption-1-semibold-fontSize", "", "SIZE", "0,75rem"),
-    letterSpacing: FtCssVariableFactory.create("--ft-typography-caption-1-semibold-letterSpacing", "", "SIZE", "inherit"),
-    textCase: FtCssVariableFactory.create("--ft-typography-caption-1-semibold-textCase", "", "UNKNOWN", "inherit")
+    letterSpacing: FtCssVariableFactory.create("--ft-typography-caption-1-semibold-letterSpacing", "", "SIZE", "normal"),
+    textCase: FtCssVariableFactory.create("--ft-typography-caption-1-semibold-textCase", "", "UNKNOWN", "none"),
+    paragraphSpacing: FtCssVariableFactory.create("--ft-typography-caption-1-semibold-paragraphSpacing", "", "UNKNOWN", "normal"),
+    paragraphIndent: FtCssVariableFactory.create("--ft-typography-caption-1-semibold-paragraphIndent", "", "UNKNOWN", "0"),
+    textDecoration: FtCssVariableFactory.create("--ft-typography-caption-1-semibold-textDecoration", "", "UNKNOWN", "none")
 };
@@ -275,4 +345,7 @@ export const typographyCaption1Bold = {
     fontSize: FtCssVariableFactory.create("--ft-typography-caption-1-bold-fontSize", "", "SIZE", "0,75rem"),
-    letterSpacing: FtCssVariableFactory.create("--ft-typography-caption-1-bold-letterSpacing", "", "SIZE", "inherit"),
-    textCase: FtCssVariableFactory.create("--ft-typography-caption-1-bold-textCase", "", "UNKNOWN", "inherit")
+    letterSpacing: FtCssVariableFactory.create("--ft-typography-caption-1-bold-letterSpacing", "", "SIZE", "normal"),
+    textCase: FtCssVariableFactory.create("--ft-typography-caption-1-bold-textCase", "", "UNKNOWN", "none"),
+    paragraphSpacing: FtCssVariableFactory.create("--ft-typography-caption-1-bold-paragraphSpacing", "", "UNKNOWN", "normal"),
+    paragraphIndent: FtCssVariableFactory.create("--ft-typography-caption-1-bold-paragraphIndent", "", "UNKNOWN", "0"),
+    textDecoration: FtCssVariableFactory.create("--ft-typography-caption-1-bold-textDecoration", "", "UNKNOWN", "none")
 };
@@ -284,4 +357,7 @@ export const typographyCaption2Medium = {
     fontSize: FtCssVariableFactory.create("--ft-typography-caption-2-medium-fontSize", "", "SIZE", "0,6875rem"),
-    letterSpacing: FtCssVariableFactory.create("--ft-typography-caption-2-medium-letterSpacing", "", "SIZE", "inherit"),
-    textCase: FtCssVariableFactory.create("--ft-typography-caption-2-medium-textCase", "", "UNKNOWN", "inherit")
+    letterSpacing: FtCssVariableFactory.create("--ft-typography-caption-2-medium-letterSpacing", "", "SIZE", "normal"),
+    textCase: FtCssVariableFactory.create("--ft-typography-caption-2-medium-textCase", "", "UNKNOWN", "none"),
+    paragraphSpacing: FtCssVariableFactory.create("--ft-typography-caption-2-medium-paragraphSpacing", "", "UNKNOWN", "normal"),
+    paragraphIndent: FtCssVariableFactory.create("--ft-typography-caption-2-medium-paragraphIndent", "", "UNKNOWN", "0"),
+    textDecoration: FtCssVariableFactory.create("--ft-typography-caption-2-medium-textDecoration", "", "UNKNOWN", "none")
 };
@@ -293,4 +369,7 @@ export const typographyCaption2Semibold = {
     fontSize: FtCssVariableFactory.create("--ft-typography-caption-2-semibold-fontSize", "", "SIZE", "0,6875rem"),
-    letterSpacing: FtCssVariableFactory.create("--ft-typography-caption-2-semibold-letterSpacing", "", "SIZE", "inherit"),
-    textCase: FtCssVariableFactory.create("--ft-typography-caption-2-semibold-textCase", "", "UNKNOWN", "inherit")
+    letterSpacing: FtCssVariableFactory.create("--ft-typography-caption-2-semibold-letterSpacing", "", "SIZE", "normal"),
+    textCase: FtCssVariableFactory.create("--ft-typography-caption-2-semibold-textCase", "", "UNKNOWN", "none"),
+    paragraphSpacing: FtCssVariableFactory.create("--ft-typography-caption-2-semibold-paragraphSpacing", "", "UNKNOWN", "normal"),
+    paragraphIndent: FtCssVariableFactory.create("--ft-typography-caption-2-semibold-paragraphIndent", "", "UNKNOWN", "0"),
+    textDecoration: FtCssVariableFactory.create("--ft-typography-caption-2-semibold-textDecoration", "", "UNKNOWN", "none")
 };
@@ -302,4 +381,7 @@ export const typographyCaption2Bold = {
     fontSize: FtCssVariableFactory.create("--ft-typography-caption-2-bold-fontSize", "", "SIZE", "0,6875rem"),
-    letterSpacing: FtCssVariableFactory.create("--ft-typography-caption-2-bold-letterSpacing", "", "SIZE", "inherit"),
-    textCase: FtCssVariableFactory.create("--ft-typography-caption-2-bold-textCase", "", "UNKNOWN", "inherit")
+    letterSpacing: FtCssVariableFactory.create("--ft-typography-caption-2-bold-letterSpacing", "", "SIZE", "normal"),
+    textCase: FtCssVariableFactory.create("--ft-typography-caption-2-bold-textCase", "", "UNKNOWN", "none"),
+    paragraphSpacing: FtCssVariableFactory.create("--ft-typography-caption-2-bold-paragraphSpacing", "", "UNKNOWN", "normal"),
+    paragraphIndent: FtCssVariableFactory.create("--ft-typography-caption-2-bold-paragraphIndent", "", "UNKNOWN", "0"),
+    textDecoration: FtCssVariableFactory.create("--ft-typography-caption-2-bold-textDecoration", "", "UNKNOWN", "none")
 };
@@ -306,0 +388,0 @@ export const typographies = {

build/generated/ts/semantic.d.ts

@@ -28,3 +28,3 @@ export declare const semantic: {
     borderActionPrimary: import("../../FtCssVariables").FtCssVariable;
-    borderActionFocus: import("../../FtCssVariables").FtCssVariable;
+    borderActionFocusRing: import("../../FtCssVariables").FtCssVariable;
     borderWarningPrimary: import("../../FtCssVariables").FtCssVariable;
@@ -31,0 +31,0 @@ borderSuccessPrimary: import("../../FtCssVariables").FtCssVariable;

build/generated/ts/semantic.js

@@ -30,3 +30,3 @@ import { FtCssVariableFactory } from "../../FtCssVariables";
     borderActionPrimary: FtCssVariableFactory.extend("--ft-border-action-primary", "Used as border for primary action components.", foundation.colorBrand0),
-    borderActionFocus: FtCssVariableFactory.extend("--ft-border-action-focus", "Focus is an additional border to indicate focus state.", foundation.colorCyan0),
+    borderActionFocusRing: FtCssVariableFactory.extend("--ft-border-action-focus-ring", "Focus ring is an additional border to indicate focus-visible state.", foundation.colorCyan0),
     borderWarningPrimary: FtCssVariableFactory.extend("--ft-border-warning-primary", "Used as border for warning components.", foundation.colorOrange30),
@@ -33,0 +33,0 @@ borderSuccessPrimary: FtCssVariableFactory.extend("--ft-border-success-primary", "Used as border for success components.", foundation.colorGreen30),

package.json

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

116614

increased by29.54%

Lines of code

1676

increased by25.45%

No dependency changes