npm - @sage/design-tokens - Versions diffs - 14.9.1 → 15.0.0 - Mend

@sage/design-tokens 14.9.1 → 15.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (955) hide show

package/js/common/frozenproduct/large/light/mode.js CHANGED Viewed

@@ -3344,54 +3344,6 @@ module.exports = {
               ],
             },
           },
-          marketing: {
-            active: {
-              $type: "color",
-              $value: "#000000",
-              $description: "needed for specific marketing usecase on light bg",
-              filePath: "data/tokens/modes/light.json",
-              isSource: true,
-              original: {
-                $type: "color",
-                $value: "{primitives.colors.black}",
-                $description:
-                  "needed for specific marketing usecase on light bg",
-              },
-              name: "modesColorInteractiveMonochromeMarketingActive",
-              attributes: {},
-              path: [
-                "modes",
-                "color",
-                "interactive",
-                "monochrome",
-                "marketing",
-                "active",
-              ],
-            },
-            withActive: {
-              $type: "color",
-              $value: "#00D639",
-              $description: "needed for specific marketing usecase on light bg",
-              filePath: "data/tokens/modes/light.json",
-              isSource: true,
-              original: {
-                $type: "color",
-                $value: "{primitives.colors.brilliantGreen}",
-                $description:
-                  "needed for specific marketing usecase on light bg",
-              },
-              name: "modesColorInteractiveMonochromeMarketingWithActive",
-              attributes: {},
-              path: [
-                "modes",
-                "color",
-                "interactive",
-                "monochrome",
-                "marketing",
-                "withActive",
-              ],
-            },
-          },
           subtle: {
             defaultAlt: {
               $extensions: {
@@ -6864,25 +6816,6 @@ module.exports = {
             },
           },
         },
-        generic: {
-          default: {
-            $type: "color",
-            $value: "#F0F",
-            $description:
-              "TO BE DETLETED: Was #007c7b and used in Progress bar, dataVis colour.",
-            filePath: "data/tokens/modes/light.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "#F0F",
-              $description:
-                "TO BE DETLETED: Was {primitives.colors.teal} and used in Progress bar, dataVis colour.",
-            },
-            name: "modesColorStatusGenericDefault",
-            attributes: {},
-            path: ["modes", "color", "status", "generic", "default"],
-          },
-        },
         important: {
           default: {
             $type: "color",

package/js/common/frozenproduct/small/dark/components/button.d.ts CHANGED Viewed

@@ -487,7 +487,6 @@ declare const tokens: {
       primary: DesignToken;
       secondary: DesignToken;
       tertiary: DesignToken;
-      tertiarymarketing: DesignToken;
       togglecontainer: DesignToken;
     };
     dimension: {

package/js/common/frozenproduct/small/dark/components/button.js CHANGED Viewed

@@ -4758,21 +4758,6 @@ module.exports = {
         attributes: {},
         path: ["button", "borderwidth", "tertiary"],
       },
-      tertiarymarketing: {
-        $type: "borderWidth",
-        $value: "0",
-        $description: "tertiary button border used for a marketing override",
-        filePath: "data/tokens/components/button.json",
-        isSource: true,
-        original: {
-          $type: "borderWidth",
-          $value: "{global.borderwidth.none}",
-          $description: "tertiary button border used for a marketing override",
-        },
-        name: "buttonBorderwidthTertiarymarketing",
-        attributes: {},
-        path: ["button", "borderwidth", "tertiarymarketing"],
-      },
       togglecontainer: {
         $type: "borderWidth",
         $value: 1,

package/js/common/frozenproduct/small/dark/components/container.d.ts CHANGED Viewed

@@ -122,13 +122,9 @@ declare const tokens: {
       };
       dialog: {
         maxWidth: {
-          XXS: DesignToken;
-          XS: DesignToken;
           S: DesignToken;
           M: DesignToken;
           L: DesignToken;
-          XL: DesignToken;
-          XXL: DesignToken;
         };
         minWidth: {
           S: DesignToken;

package/js/common/frozenproduct/small/dark/components/container.js CHANGED Viewed

@@ -915,32 +915,6 @@ module.exports = {
       },
       dialog: {
         maxWidth: {
-          XXS: {
-            $type: "sizing",
-            $value: "300",
-            filePath: "data/tokens/components/container.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "300",
-            },
-            name: "containerSizeDialogMaxWidthXxs",
-            attributes: {},
-            path: ["container", "size", "dialog", "maxWidth", "XXS"],
-          },
-          XS: {
-            $type: "sizing",
-            $value: "380",
-            filePath: "data/tokens/components/container.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "380",
-            },
-            name: "containerSizeDialogMaxWidthXs",
-            attributes: {},
-            path: ["container", "size", "dialog", "maxWidth", "XS"],
-          },
           S: {
             $type: "sizing",
             $value: "540",
@@ -980,32 +954,6 @@ module.exports = {
             attributes: {},
             path: ["container", "size", "dialog", "maxWidth", "L"],
           },
-          XL: {
-            $type: "sizing",
-            $value: "960",
-            filePath: "data/tokens/components/container.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "960",
-            },
-            name: "containerSizeDialogMaxWidthXl",
-            attributes: {},
-            path: ["container", "size", "dialog", "maxWidth", "XL"],
-          },
-          XXL: {
-            $type: "sizing",
-            $value: "1080",
-            filePath: "data/tokens/components/container.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "1080",
-            },
-            name: "containerSizeDialogMaxWidthXxl",
-            attributes: {},
-            path: ["container", "size", "dialog", "maxWidth", "XXL"],
-          },
         },
         minWidth: {
           S: {

package/js/common/frozenproduct/small/dark/components/table.d.ts CHANGED Viewed

@@ -63,7 +63,6 @@ declare const tokens: {
       container: DesignToken;
     };
     boxshadow: {
-      parentrow: DesignToken;
       firstchild: DesignToken;
       column: {
         "sticky-left": DesignToken;

package/js/common/frozenproduct/small/dark/components/table.js CHANGED Viewed

@@ -403,36 +403,6 @@ module.exports = {
       },
     },
     boxshadow: {
-      parentrow: {
-        $type: "boxShadow",
-        $value: [
-          {
-            x: "0",
-            y: "2",
-            blur: "3",
-            spread: "0",
-            color: "#0000001A",
-            type: "dropShadow",
-          },
-          {
-            x: "6",
-            y: "6",
-            blur: "30",
-            spread: "0",
-            color: "#00000026",
-            type: "dropShadow",
-          },
-        ],
-        filePath: "data/tokens/components/table.json",
-        isSource: true,
-        original: {
-          $type: "boxShadow",
-          $value: "{global.boxshadow.container.far}",
-        },
-        name: "tableBoxshadowParentrow",
-        attributes: {},
-        path: ["table", "boxshadow", "parentrow"],
-      },
       firstchild: {
         $type: "boxShadow",
         $value: [

package/js/common/frozenproduct/small/dark/mode.d.ts CHANGED Viewed

@@ -230,10 +230,6 @@ declare const tokens: {
             withDefault: DesignToken;
             withHover: DesignToken;
           };
-          marketing: {
-            withActive: DesignToken;
-            active: DesignToken;
-          };
           subtle: {
             defaultAlt: DesignToken;
             default: DesignToken;
@@ -403,9 +399,6 @@ declare const tokens: {
             hoverAlt: DesignToken;
           };
         };
-        generic: {
-          default: DesignToken;
-        };
         important: {
           default: DesignToken;
           defaultAlt: DesignToken;

package/js/common/frozenproduct/small/dark/mode.js CHANGED Viewed

@@ -3302,55 +3302,6 @@ module.exports = {
               ],
             },
           },
-          marketing: {
-            withActive: {
-              $type: "color",
-              $value: "#000000",
-              $description:
-                "use for marketing overrides for switch handle on standard",
-              filePath: "data/tokens/modes/dark.json",
-              isSource: true,
-              original: {
-                $type: "color",
-                $value: "{primitives.colors.black}",
-                $description:
-                  "use for marketing overrides for switch handle on standard",
-              },
-              name: "modesColorInteractiveMonochromeMarketingWithActive",
-              attributes: {},
-              path: [
-                "modes",
-                "color",
-                "interactive",
-                "monochrome",
-                "marketing",
-                "withActive",
-              ],
-            },
-            active: {
-              $type: "color",
-              $value: "#00D639",
-              $description: "needed for specific marketing usecase on light bg",
-              filePath: "data/tokens/modes/dark.json",
-              isSource: true,
-              original: {
-                $type: "color",
-                $value: "{primitives.colors.brilliantGreen}",
-                $description:
-                  "needed for specific marketing usecase on light bg",
-              },
-              name: "modesColorInteractiveMonochromeMarketingActive",
-              attributes: {},
-              path: [
-                "modes",
-                "color",
-                "interactive",
-                "monochrome",
-                "marketing",
-                "active",
-              ],
-            },
-          },
           subtle: {
             defaultAlt: {
               $extensions: {
@@ -6750,21 +6701,6 @@ module.exports = {
             },
           },
         },
-        generic: {
-          default: {
-            $type: "color",
-            $value: "#F0F",
-            filePath: "data/tokens/modes/dark.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "#F0F",
-            },
-            name: "modesColorStatusGenericDefault",
-            attributes: {},
-            path: ["modes", "color", "status", "generic", "default"],
-          },
-        },
         important: {
           default: {
             $type: "color",

package/js/common/frozenproduct/small/light/components/button.d.ts CHANGED Viewed

@@ -487,7 +487,6 @@ declare const tokens: {
       primary: DesignToken;
       secondary: DesignToken;
       tertiary: DesignToken;
-      tertiarymarketing: DesignToken;
       togglecontainer: DesignToken;
     };
     dimension: {

package/js/common/frozenproduct/small/light/components/button.js CHANGED Viewed

@@ -4758,21 +4758,6 @@ module.exports = {
         attributes: {},
         path: ["button", "borderwidth", "tertiary"],
       },
-      tertiarymarketing: {
-        $type: "borderWidth",
-        $value: "0",
-        $description: "tertiary button border used for a marketing override",
-        filePath: "data/tokens/components/button.json",
-        isSource: true,
-        original: {
-          $type: "borderWidth",
-          $value: "{global.borderwidth.none}",
-          $description: "tertiary button border used for a marketing override",
-        },
-        name: "buttonBorderwidthTertiarymarketing",
-        attributes: {},
-        path: ["button", "borderwidth", "tertiarymarketing"],
-      },
       togglecontainer: {
         $type: "borderWidth",
         $value: 1,

package/js/common/frozenproduct/small/light/components/container.d.ts CHANGED Viewed

@@ -122,13 +122,9 @@ declare const tokens: {
       };
       dialog: {
         maxWidth: {
-          XXS: DesignToken;
-          XS: DesignToken;
           S: DesignToken;
           M: DesignToken;
           L: DesignToken;
-          XL: DesignToken;
-          XXL: DesignToken;
         };
         minWidth: {
           S: DesignToken;

package/js/common/frozenproduct/small/light/components/container.js CHANGED Viewed

@@ -915,32 +915,6 @@ module.exports = {
       },
       dialog: {
         maxWidth: {
-          XXS: {
-            $type: "sizing",
-            $value: "300",
-            filePath: "data/tokens/components/container.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "300",
-            },
-            name: "containerSizeDialogMaxWidthXxs",
-            attributes: {},
-            path: ["container", "size", "dialog", "maxWidth", "XXS"],
-          },
-          XS: {
-            $type: "sizing",
-            $value: "380",
-            filePath: "data/tokens/components/container.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "380",
-            },
-            name: "containerSizeDialogMaxWidthXs",
-            attributes: {},
-            path: ["container", "size", "dialog", "maxWidth", "XS"],
-          },
           S: {
             $type: "sizing",
             $value: "540",
@@ -980,32 +954,6 @@ module.exports = {
             attributes: {},
             path: ["container", "size", "dialog", "maxWidth", "L"],
           },
-          XL: {
-            $type: "sizing",
-            $value: "960",
-            filePath: "data/tokens/components/container.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "960",
-            },
-            name: "containerSizeDialogMaxWidthXl",
-            attributes: {},
-            path: ["container", "size", "dialog", "maxWidth", "XL"],
-          },
-          XXL: {
-            $type: "sizing",
-            $value: "1080",
-            filePath: "data/tokens/components/container.json",
-            isSource: true,
-            original: {
-              $type: "sizing",
-              $value: "1080",
-            },
-            name: "containerSizeDialogMaxWidthXxl",
-            attributes: {},
-            path: ["container", "size", "dialog", "maxWidth", "XXL"],
-          },
         },
         minWidth: {
           S: {

package/js/common/frozenproduct/small/light/components/table.d.ts CHANGED Viewed

@@ -63,7 +63,6 @@ declare const tokens: {
       container: DesignToken;
     };
     boxshadow: {
-      parentrow: DesignToken;
       firstchild: DesignToken;
       column: {
         "sticky-left": DesignToken;

package/js/common/frozenproduct/small/light/components/table.js CHANGED Viewed

@@ -403,36 +403,6 @@ module.exports = {
       },
     },
     boxshadow: {
-      parentrow: {
-        $type: "boxShadow",
-        $value: [
-          {
-            x: "0",
-            y: "2",
-            blur: "3",
-            spread: "0",
-            color: "#0000001A",
-            type: "dropShadow",
-          },
-          {
-            x: "6",
-            y: "6",
-            blur: "30",
-            spread: "0",
-            color: "#00000026",
-            type: "dropShadow",
-          },
-        ],
-        filePath: "data/tokens/components/table.json",
-        isSource: true,
-        original: {
-          $type: "boxShadow",
-          $value: "{global.boxshadow.container.far}",
-        },
-        name: "tableBoxshadowParentrow",
-        attributes: {},
-        path: ["table", "boxshadow", "parentrow"],
-      },
       firstchild: {
         $type: "boxShadow",
         $value: [

package/js/common/frozenproduct/small/light/mode.d.ts CHANGED Viewed

@@ -230,10 +230,6 @@ declare const tokens: {
             withDefault: DesignToken;
             withHover: DesignToken;
           };
-          marketing: {
-            active: DesignToken;
-            withActive: DesignToken;
-          };
           subtle: {
             defaultAlt: DesignToken;
             default: DesignToken;
@@ -403,9 +399,6 @@ declare const tokens: {
             hoverAlt: DesignToken;
           };
         };
-        generic: {
-          default: DesignToken;
-        };
         important: {
           default: DesignToken;
           defaultAlt: DesignToken;

package/js/common/frozenproduct/small/light/mode.js CHANGED Viewed

@@ -3344,54 +3344,6 @@ module.exports = {
               ],
             },
           },
-          marketing: {
-            active: {
-              $type: "color",
-              $value: "#000000",
-              $description: "needed for specific marketing usecase on light bg",
-              filePath: "data/tokens/modes/light.json",
-              isSource: true,
-              original: {
-                $type: "color",
-                $value: "{primitives.colors.black}",
-                $description:
-                  "needed for specific marketing usecase on light bg",
-              },
-              name: "modesColorInteractiveMonochromeMarketingActive",
-              attributes: {},
-              path: [
-                "modes",
-                "color",
-                "interactive",
-                "monochrome",
-                "marketing",
-                "active",
-              ],
-            },
-            withActive: {
-              $type: "color",
-              $value: "#00D639",
-              $description: "needed for specific marketing usecase on light bg",
-              filePath: "data/tokens/modes/light.json",
-              isSource: true,
-              original: {
-                $type: "color",
-                $value: "{primitives.colors.brilliantGreen}",
-                $description:
-                  "needed for specific marketing usecase on light bg",
-              },
-              name: "modesColorInteractiveMonochromeMarketingWithActive",
-              attributes: {},
-              path: [
-                "modes",
-                "color",
-                "interactive",
-                "monochrome",
-                "marketing",
-                "withActive",
-              ],
-            },
-          },
           subtle: {
             defaultAlt: {
               $extensions: {
@@ -6864,25 +6816,6 @@ module.exports = {
             },
           },
         },
-        generic: {
-          default: {
-            $type: "color",
-            $value: "#F0F",
-            $description:
-              "TO BE DETLETED: Was #007c7b and used in Progress bar, dataVis colour.",
-            filePath: "data/tokens/modes/light.json",
-            isSource: true,
-            original: {
-              $type: "color",
-              $value: "#F0F",
-              $description:
-                "TO BE DETLETED: Was {primitives.colors.teal} and used in Progress bar, dataVis colour.",
-            },
-            name: "modesColorStatusGenericDefault",
-            attributes: {},
-            path: ["modes", "color", "status", "generic", "default"],
-          },
-        },
         important: {
           default: {
             $type: "color",

package/js/common/product/large/dark/components/button.d.ts CHANGED Viewed

@@ -487,7 +487,6 @@ declare const tokens: {
       primary: DesignToken;
       secondary: DesignToken;
       tertiary: DesignToken;
-      tertiarymarketing: DesignToken;
       togglecontainer: DesignToken;
     };
     dimension: {

package/js/common/product/large/dark/components/button.js CHANGED Viewed

@@ -4758,21 +4758,6 @@ module.exports = {
         attributes: {},
         path: ["button", "borderwidth", "tertiary"],
       },
-      tertiarymarketing: {
-        $type: "borderWidth",
-        $value: "0",
-        $description: "tertiary button border used for a marketing override",
-        filePath: "data/tokens/components/button.json",
-        isSource: true,
-        original: {
-          $type: "borderWidth",
-          $value: "{global.borderwidth.none}",
-          $description: "tertiary button border used for a marketing override",
-        },
-        name: "buttonBorderwidthTertiarymarketing",
-        attributes: {},
-        path: ["button", "borderwidth", "tertiarymarketing"],
-      },
       togglecontainer: {
         $type: "borderWidth",
         $value: 1,

package/js/common/product/large/dark/components/container.d.ts CHANGED Viewed

@@ -122,13 +122,9 @@ declare const tokens: {
       };
       dialog: {
         maxWidth: {
-          XXS: DesignToken;
-          XS: DesignToken;
           S: DesignToken;
           M: DesignToken;
           L: DesignToken;
-          XL: DesignToken;
-          XXL: DesignToken;
         };
         minWidth: {
           S: DesignToken;