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

Comparing version 0.1.2 to 0.1.3

build/generated/ts/components/chart.d.ts

@@ -28,2 +28,15 @@ export declare const chart: {
     monochrome60: import("../../../FtCssVariables").FtCssVariable;
+    scatterplotQuadrantPopularOldBackgroundColor: import("../../../FtCssVariables").FtCssVariable;
+    scatterplotQuadrantPopularNewBackgroundColor: import("../../../FtCssVariables").FtCssVariable;
+    scatterplotQuadrantUnpopularOldBackgroundColor: import("../../../FtCssVariables").FtCssVariable;
+    scatterplotQuadrantUnpopularNewBackgroundColor: import("../../../FtCssVariables").FtCssVariable;
+    scatterplotDatapointInitialDefaultBackgroundColor: import("../../../FtCssVariables").FtCssVariable;
+    scatterplotDatapointInitialDefaultBackgroundOpacity: import("../../../FtCssVariables").FtCssVariable;
+    scatterplotDatapointInitialHoverBackgroundColor: import("../../../FtCssVariables").FtCssVariable;
+    scatterplotDatapointSelectedDefaultBackgroundColor: import("../../../FtCssVariables").FtCssVariable;
+    scatterplotDatapointSelectedHoverBackgroundColor: import("../../../FtCssVariables").FtCssVariable;
+    scatterplotDatapointUnselectedDefaultBackgroundColor: import("../../../FtCssVariables").FtCssVariable;
+    scatterplotDatapointUnselectedDefaultBackgroundOpacity: import("../../../FtCssVariables").FtCssVariable;
+    scatterplotDatapointUnselectedHoverBackgroundColor: import("../../../FtCssVariables").FtCssVariable;
+    scatterplotDatapointHoverHoverRingColor: import("../../../FtCssVariables").FtCssVariable;
 };

build/generated/ts/components/chart.js

@@ -29,3 +29,16 @@ import { FtCssVariableFactory } from "../../../FtCssVariables";
     monochrome50: FtCssVariableFactory.extend("--ft-chart-monochrome-50", "", foundation.colorBrand0),
-    monochrome60: FtCssVariableFactory.extend("--ft-chart-monochrome-60", "", foundation.colorBrand200)
+    monochrome60: FtCssVariableFactory.extend("--ft-chart-monochrome-60", "", foundation.colorBrand200),
+    scatterplotQuadrantPopularOldBackgroundColor: FtCssVariableFactory.extend("--ft-chart-scatterplot-quadrant-popular-old-background-color", "", foundation.colorYellow10),
+    scatterplotQuadrantPopularNewBackgroundColor: FtCssVariableFactory.extend("--ft-chart-scatterplot-quadrant-popular-new-background-color", "", foundation.colorAvocado10),
+    scatterplotQuadrantUnpopularOldBackgroundColor: FtCssVariableFactory.extend("--ft-chart-scatterplot-quadrant-unpopular-old-background-color", "", foundation.colorCyan10),
+    scatterplotQuadrantUnpopularNewBackgroundColor: FtCssVariableFactory.extend("--ft-chart-scatterplot-quadrant-unpopular-new-background-color", "", foundation.colorRed10),
+    scatterplotDatapointInitialDefaultBackgroundColor: FtCssVariableFactory.extend("--ft-chart-scatterplot-datapoint-initial-default-background-color", "", foundation.colorBrand70),
+    scatterplotDatapointInitialDefaultBackgroundOpacity: FtCssVariableFactory.extend("--ft-chart-scatterplot-datapoint-initial-default-background-opacity", "", foundation.opacity48),
+    scatterplotDatapointInitialHoverBackgroundColor: FtCssVariableFactory.extend("--ft-chart-scatterplot-datapoint-initial-hover-background-color", "", foundation.colorBrand0),
+    scatterplotDatapointSelectedDefaultBackgroundColor: FtCssVariableFactory.extend("--ft-chart-scatterplot-datapoint-selected-default-background-color", "", foundation.colorBrand100),
+    scatterplotDatapointSelectedHoverBackgroundColor: FtCssVariableFactory.extend("--ft-chart-scatterplot-datapoint-selected-hover-background-color", "", foundation.colorBrand200),
+    scatterplotDatapointUnselectedDefaultBackgroundColor: FtCssVariableFactory.extend("--ft-chart-scatterplot-datapoint-unselected-default-background-color", "", foundation.colorGray60),
+    scatterplotDatapointUnselectedDefaultBackgroundOpacity: FtCssVariableFactory.extend("--ft-chart-scatterplot-datapoint-unselected-default-background-opacity", "", foundation.opacity48),
+    scatterplotDatapointUnselectedHoverBackgroundColor: FtCssVariableFactory.extend("--ft-chart-scatterplot-datapoint-unselected-hover-background-color", "", foundation.colorGray70),
+    scatterplotDatapointHoverHoverRingColor: FtCssVariableFactory.extend("--ft-chart-scatterplot-datapoint-hover-hover-ring-color", "", foundation.colorCyan200)
 };

build/generated/ts/components/page-header.d.ts

 export declare const pageHeader: {
-    horizontalPadding: import("../../../FtCssVariables").FtCssVariable;
-    horizontalGap: import("../../../FtCssVariables").FtCssVariable;
+    parentHorizontalPadding: import("../../../FtCssVariables").FtCssVariable;
+    parentHelpLeftPadding: import("../../../FtCssVariables").FtCssVariable;
+    parentTopPadding: import("../../../FtCssVariables").FtCssVariable;
+    parentTitleColor: import("../../../FtCssVariables").FtCssVariable;
+    parentSubtitleColor: import("../../../FtCssVariables").FtCssVariable;
+    parentBottomPadding: import("../../../FtCssVariables").FtCssVariable;
+    parentChipLeftPadding: import("../../../FtCssVariables").FtCssVariable;
+    parentVerticalGap: import("../../../FtCssVariables").FtCssVariable;
+    childHelpLeftPadding: import("../../../FtCssVariables").FtCssVariable;
+    childHorizontalPadding: import("../../../FtCssVariables").FtCssVariable;
+    childChipLeftPadding: import("../../../FtCssVariables").FtCssVariable;
+    childMinHeight: import("../../../FtCssVariables").FtCssVariable;
     verticalGap: import("../../../FtCssVariables").FtCssVariable;
-    classicVerticalPadding: import("../../../FtCssVariables").FtCssVariable;
-    multilineVerticalPadding: import("../../../FtCssVariables").FtCssVariable;
-    inlineVerticalPadding: import("../../../FtCssVariables").FtCssVariable;
     backgroundColor: import("../../../FtCssVariables").FtCssVariable;
     bottomBorderColor: import("../../../FtCssVariables").FtCssVariable;
-    titleColor: import("../../../FtCssVariables").FtCssVariable;
-    subtitleColor: import("../../../FtCssVariables").FtCssVariable;
+    bottomBorderWidth: import("../../../FtCssVariables").FtCssVariable;
 };

build/generated/ts/components/page-header.js

@@ -5,12 +5,18 @@ import { FtCssVariableFactory } from "../../../FtCssVariables";
 export const pageHeader = {
-    horizontalPadding: FtCssVariableFactory.extend("--ft-page-header-horizontal-padding", "", foundation.spacing6),
-    horizontalGap: FtCssVariableFactory.extend("--ft-page-header-horizontal-gap", "", foundation.spacing4),
+    parentHorizontalPadding: FtCssVariableFactory.extend("--ft-page-header-parent-horizontal-padding", "", foundation.spacing6),
+    parentHelpLeftPadding: FtCssVariableFactory.extend("--ft-page-header-parent-help-left-padding", "", foundation.spacing05),
+    parentTopPadding: FtCssVariableFactory.extend("--ft-page-header-parent-top-padding", "", foundation.spacing4),
+    parentTitleColor: FtCssVariableFactory.extend("--ft-page-header-parent-title-color", "", semantic.contentGlobalPrimary),
+    parentSubtitleColor: FtCssVariableFactory.extend("--ft-page-header-parent-subtitle-color", "", semantic.contentGlobalSecondary),
+    parentBottomPadding: FtCssVariableFactory.extend("--ft-page-header-parent-bottom-padding", "", foundation.spacing6),
+    parentChipLeftPadding: FtCssVariableFactory.extend("--ft-page-header-parent-chip-left-padding", "", foundation.spacing4),
+    parentVerticalGap: FtCssVariableFactory.extend("--ft-page-header-parent-vertical-gap", "", foundation.spacing2),
+    childHelpLeftPadding: FtCssVariableFactory.extend("--ft-page-header-child-help-left-padding", "", foundation.spacing05),
+    childHorizontalPadding: FtCssVariableFactory.extend("--ft-page-header-child-horizontal-padding", "", foundation.spacing6),
+    childChipLeftPadding: FtCssVariableFactory.extend("--ft-page-header-child-chip-left-padding", "", foundation.spacing4),
+    childMinHeight: FtCssVariableFactory.create("--ft-page-header-child-min-height", "", "SIZE", "56"),
     verticalGap: FtCssVariableFactory.extend("--ft-page-header-vertical-gap", "", foundation.spacing2),
-    classicVerticalPadding: FtCssVariableFactory.extend("--ft-page-header-classic-vertical-padding", "", foundation.spacing6),
-    multilineVerticalPadding: FtCssVariableFactory.extend("--ft-page-header-multiline-vertical-padding", "", foundation.spacing4),
-    inlineVerticalPadding: FtCssVariableFactory.extend("--ft-page-header-inline-vertical-padding", "", foundation.spacing2),
     backgroundColor: FtCssVariableFactory.extend("--ft-page-header-background-color", "", foundation.colorWhite),
     bottomBorderColor: FtCssVariableFactory.extend("--ft-page-header-bottom-border-color", "", semantic.borderGlobalSubtle),
-    titleColor: FtCssVariableFactory.extend("--ft-page-header-title-color", "", semantic.contentGlobalPrimary),
-    subtitleColor: FtCssVariableFactory.extend("--ft-page-header-subtitle-color", "", semantic.contentGlobalSecondary)
+    bottomBorderWidth: FtCssVariableFactory.create("--ft-page-header-bottom-border-width", "", "SIZE", "1")
 };

build/generated/ts/foundation.d.ts

@@ -188,2 +188,3 @@ export declare const foundation: {
     opacity40: import("../../FtCssVariables").FtCssVariable;
+    opacity48: import("../../FtCssVariables").FtCssVariable;
     opacity80: import("../../FtCssVariables").FtCssVariable;
@@ -190,0 +191,0 @@ shadowElevation01: import("../../FtCssVariables").FtCssVariable;

build/generated/ts/foundation.js

@@ -189,2 +189,3 @@ import { FtCssVariableFactory } from "../../FtCssVariables";
     opacity40: FtCssVariableFactory.create("--ft-opacity-40", "", "NUMBER", "0.4"),
+    opacity48: FtCssVariableFactory.create("--ft-opacity-48", "", "NUMBER", "0.48"),
     opacity80: FtCssVariableFactory.create("--ft-opacity-80", "", "NUMBER", "0.8"),
@@ -191,0 +192,0 @@ shadowElevation01: FtCssVariableFactory.create("--ft-shadow-elevation-01", "", "SHADOW", "0px 1px 4px 0px rgba(0,0,0,0.06), 0px 1px 2px 0px rgba(0,0,0,0.14), 0px 0px 1px 0px rgba(0,0,0,0.06)"),

build/generated/ts/index.d.ts

@@ -9,4 +9,5 @@ export * from "./foundation";
 export * from "./components/badge";
-export * from "./components/breadcrumb";
+export * from "./components/title-breadcrumb";
 export * from "./components/page-header";
+export * from "./components/page-layout";
 export * from "./components/modal";
@@ -31,1 +32,2 @@ export * from "./components/drawer";
 export * from "./components/tooltip";
+export * from "./components/page-header-buttons-group";

build/generated/ts/index.js

@@ -9,4 +9,5 @@ export * from "./foundation";
 export * from "./components/badge";
-export * from "./components/breadcrumb";
+export * from "./components/title-breadcrumb";
 export * from "./components/page-header";
+export * from "./components/page-layout";
 export * from "./components/modal";
@@ -31,1 +32,2 @@ export * from "./components/drawer";
 export * from "./components/tooltip";
+export * from "./components/page-header-buttons-group";

package.json

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

No alert changes

Improved metrics

Total package byte prevSize

326344

increased by2.37%

Number of package files

74

increased by5.71%

Lines of code

4282

increased by1.88%

No dependency changes