@shopify/polaris-tokens - npm Package Compare versions

Comparing version 9.3.0 to 9.4.0

dist/cjs/src/themes/base/color.js

@@ -205,2 +205,6 @@ 'use strict';
   },
+  'color-bg-fill-secondary-selected': {
+    value: colors.gray[8],
+    description: 'The selected state (on press) color of elements with a smaller surface area and a secondary level of prominence.'
+  },
   'color-bg-fill-tertiary': {
@@ -674,22 +678,10 @@ value: colors.gray[8],
   },
-  'color-tooltip-tail-down-border-experimental': {
+  'color-tooltip-tail-down-border': {
     value: colors.gray[9],
     description: 'The border color for tooltip tails pointing down.'
   },
-  'color-tooltip-tail-up-border-experimental': {
+  'color-tooltip-tail-up-border': {
     value: colors.gray[8],
     description: 'The border color for tooltip tails pointing up.'
   },
-  'color-border-gradient-experimental': {
-    value: "linear-gradient(to bottom, " + colors.gray[7] + ", " + colors.gray[10] + " 78%, " + colors.gray[11] + ")"
-  },
-  'color-border-gradient-hover-experimental': {
-    value: "linear-gradient(to bottom, " + colors.gray[7] + ", " + colors.gray[10] + " 78%, " + colors.gray[11] + ")"
-  },
-  'color-border-gradient-selected-experimental': {
-    value: "linear-gradient(to bottom, " + colors.gray[7] + ", " + colors.gray[10] + " 78%, " + colors.gray[11] + ")"
-  },
-  'color-border-gradient-active-experimental': {
-    value: "linear-gradient(to bottom, " + colors.gray[7] + ", " + colors.gray[10] + " 78%, " + colors.gray[11] + ")"
-  },
   'color-icon': {
@@ -821,8 +813,2 @@ value: colors.gray[14],
   },
-  'color-button-gradient-bg-fill-selected-experimental': {
-    value: 'linear-gradient(180deg, rgba(48, 48, 48, 0) 63.53%, rgba(255, 255, 255, 0.15) 100%)'
-  },
-  'color-button-gradient-bg-fill-active-experimental': {
-    value: 'linear-gradient(180deg, rgba(48, 48, 48, 0) 63.53%, rgba(255, 255, 255, 0.15) 100%)'
-  },
   'color-checkbox-bg-surface-disabled': {
@@ -829,0 +815,0 @@ value: colors.blackAlpha[7]

dist/cjs/src/themes/dark.js

@@ -24,4 +24,7 @@ 'use strict';
     'color-icon-secondary': {
-      value: colors.gray[12]
+      value: colors.gray[11]
     },
+    'color-icon-disabled': {
+      value: colors.gray[14]
+    },
     'color-text': {
@@ -33,2 +36,5 @@ value: colors.gray[8]
     },
+    'color-text-disabled': {
+      value: colors.gray[14]
+    },
     'color-bg-surface-secondary-active': {
@@ -53,3 +59,3 @@ value: colors.whiteAlpha[9]
     'color-bg-fill-hover': {
-      value: 'rgba(37, 37, 37, 1)'
+      value: colors.whiteAlpha[5]
     },
@@ -86,5 +92,11 @@ 'color-bg-fill-transparent-hover': {
     },
+    'color-bg-fill-secondary': {
+      value: colors.whiteAlpha[7]
+    },
     'color-bg-fill-secondary-hover': {
       value: colors.whiteAlpha[8]
     },
+    'color-bg-fill-secondary-selected': {
+      value: colors.whiteAlpha[10]
+    },
     'color-bg-surface-brand-selected': {
@@ -96,25 +108,25 @@ value: colors.gray[14]
     },
-    'color-tooltip-tail-down-border-experimental': {
-      value: 'rgba(60, 60, 60, 1)'
+    'color-bg-surface-tertiary': {
+      value: colors.whiteAlpha[7]
     },
-    'color-tooltip-tail-up-border-experimental': {
-      value: 'rgba(71, 71, 71, 1)'
+    'color-icon-brand': {
+      value: colors.gray[14]
     },
-    'color-border-gradient-experimental': {
-      value: "linear-gradient(to bottom, " + colors.whiteAlpha[10] + ", " + colors.whiteAlpha[4] + ")"
+    'color-bg-fill-disabled': {
+      value: colors.whiteAlpha[5]
     },
-    'color-border-gradient-hover-experimental': {
-      value: "linear-gradient(to bottom, " + colors.whiteAlpha[10] + ", " + colors.whiteAlpha[4] + ")"
+    'color-text-brand-on-bg-fill-disabled': {
+      value: colors.gray[12]
     },
-    'color-border-gradient-selected-experimental': {
-      value: "linear-gradient(to bottom, " + colors.blackAlpha[16] + ", " + colors.blackAlpha[11] + " 10%, " + colors.whiteAlpha[11] + ")"
+    'color-bg-fill-brand-disabled': {
+      value: colors.whiteAlpha[11]
     },
-    'color-border-gradient-active-experimental': {
-      value: "linear-gradient(to bottom, " + colors.blackAlpha[16] + ", " + colors.blackAlpha[11] + " 10%, " + colors.whiteAlpha[11] + ")"
+    'color-bg-fill-tertiary': {
+      value: colors.gray[15]
     },
-    'color-button-gradient-bg-fill-selected-experimental': {
-      value: "linear-gradient(to bottom, rgba(25, 25, 25, 1), rgba(19, 19, 19, 1) 50%, rgba(10, 10, 10, 1))"
+    'color-tooltip-tail-down-border': {
+      value: 'rgba(60, 60, 60, 1)'
     },
-    'color-button-gradient-bg-fill-active-experimental': {
-      value: "linear-gradient(to bottom, rgba(33, 33, 33, 1), rgba(30, 30, 30, 1) 50%, rgba(18, 18, 18, 1))"
+    'color-tooltip-tail-up-border': {
+      value: 'rgba(71, 71, 71, 1)'
     }
@@ -121,0 +133,0 @@ },

dist/types/src/themes/base/color.d.ts

 import type { MetaTokenProperties } from '../types';
-export type ColorBackgroundAlias = 'bg-fill-active' | 'bg-fill-brand-active' | 'bg-fill-brand-disabled' | 'bg-fill-brand-hover' | 'bg-fill-brand-selected' | 'bg-fill-brand' | 'bg-fill-caution-active' | 'bg-fill-caution-hover' | 'bg-fill-caution-secondary' | 'bg-fill-caution' | 'bg-fill-critical-active' | 'bg-fill-critical-hover' | 'bg-fill-critical-secondary' | 'bg-fill-critical-selected' | 'bg-fill-critical' | 'bg-fill-disabled' | 'bg-fill-emphasis-active' | 'bg-fill-emphasis-hover' | 'bg-fill-emphasis' | 'bg-fill-hover' | 'bg-fill-info-active' | 'bg-fill-info-hover' | 'bg-fill-info-secondary' | 'bg-fill-info' | 'bg-fill-inverse-active' | 'bg-fill-inverse-hover' | 'bg-fill-inverse' | 'bg-fill-magic-secondary-active' | 'bg-fill-magic-secondary-hover' | 'bg-fill-magic-secondary' | 'bg-fill-magic' | 'bg-fill-secondary-active' | 'bg-fill-secondary-hover' | 'bg-fill-secondary' | 'bg-fill-selected' | 'bg-fill-success-active' | 'bg-fill-success-hover' | 'bg-fill-success-secondary' | 'bg-fill-success' | 'bg-fill-tertiary-active' | 'bg-fill-tertiary-hover' | 'bg-fill-tertiary' | 'bg-fill-transparent-active' | 'bg-fill-transparent-hover' | 'bg-fill-transparent-secondary-active' | 'bg-fill-transparent-secondary-hover' | 'bg-fill-transparent-secondary' | 'bg-fill-transparent-selected' | 'bg-fill-transparent' | 'bg-fill-warning-active' | 'bg-fill-warning-hover' | 'bg-fill-warning-secondary' | 'bg-fill-warning' | 'bg-fill' | 'bg-inverse' | 'bg-surface-active' | 'bg-surface-brand-active' | 'bg-surface-brand-hover' | 'bg-surface-brand-selected' | 'bg-surface-brand' | 'bg-surface-caution-active' | 'bg-surface-caution-hover' | 'bg-surface-caution' | 'bg-surface-critical-active' | 'bg-surface-critical-hover' | 'bg-surface-critical' | 'bg-surface-disabled' | 'bg-surface-emphasis-active' | 'bg-surface-emphasis-hover' | 'bg-surface-emphasis' | 'bg-surface-hover' | 'bg-surface-info-active' | 'bg-surface-info-hover' | 'bg-surface-info' | 'bg-surface-inverse' | 'bg-surface-magic-active' | 'bg-surface-magic-hover' | 'bg-surface-magic' | 'bg-surface-secondary-active' | 'bg-surface-secondary-hover' | 'bg-surface-secondary-selected' | 'bg-surface-secondary' | 'bg-surface-selected' | 'bg-surface-success-active' | 'bg-surface-success-hover' | 'bg-surface-success' | 'bg-surface-tertiary-active' | 'bg-surface-tertiary-hover' | 'bg-surface-tertiary' | 'bg-surface-transparent' | 'bg-surface-warning-active' | 'bg-surface-warning-hover' | 'bg-surface-warning' | 'bg-surface' | 'bg'
+export type ColorBackgroundAlias = 'bg-fill-active' | 'bg-fill-brand-active' | 'bg-fill-brand-disabled' | 'bg-fill-brand-hover' | 'bg-fill-brand-selected' | 'bg-fill-brand' | 'bg-fill-caution-active' | 'bg-fill-caution-hover' | 'bg-fill-caution-secondary' | 'bg-fill-caution' | 'bg-fill-critical-active' | 'bg-fill-critical-hover' | 'bg-fill-critical-secondary' | 'bg-fill-critical-selected' | 'bg-fill-critical' | 'bg-fill-disabled' | 'bg-fill-emphasis-active' | 'bg-fill-emphasis-hover' | 'bg-fill-emphasis' | 'bg-fill-hover' | 'bg-fill-info-active' | 'bg-fill-info-hover' | 'bg-fill-info-secondary' | 'bg-fill-info' | 'bg-fill-inverse-active' | 'bg-fill-inverse-hover' | 'bg-fill-inverse' | 'bg-fill-magic-secondary-active' | 'bg-fill-magic-secondary-hover' | 'bg-fill-magic-secondary' | 'bg-fill-magic' | 'bg-fill-secondary-active' | 'bg-fill-secondary-selected' | 'bg-fill-secondary-hover' | 'bg-fill-secondary' | 'bg-fill-selected' | 'bg-fill-success-active' | 'bg-fill-success-hover' | 'bg-fill-success-secondary' | 'bg-fill-success' | 'bg-fill-tertiary-active' | 'bg-fill-tertiary-hover' | 'bg-fill-tertiary' | 'bg-fill-transparent-active' | 'bg-fill-transparent-hover' | 'bg-fill-transparent-secondary-active' | 'bg-fill-transparent-secondary-hover' | 'bg-fill-transparent-secondary' | 'bg-fill-transparent-selected' | 'bg-fill-transparent' | 'bg-fill-warning-active' | 'bg-fill-warning-hover' | 'bg-fill-warning-secondary' | 'bg-fill-warning' | 'bg-fill' | 'bg-inverse' | 'bg-surface-active' | 'bg-surface-brand-active' | 'bg-surface-brand-hover' | 'bg-surface-brand-selected' | 'bg-surface-brand' | 'bg-surface-caution-active' | 'bg-surface-caution-hover' | 'bg-surface-caution' | 'bg-surface-critical-active' | 'bg-surface-critical-hover' | 'bg-surface-critical' | 'bg-surface-disabled' | 'bg-surface-emphasis-active' | 'bg-surface-emphasis-hover' | 'bg-surface-emphasis' | 'bg-surface-hover' | 'bg-surface-info-active' | 'bg-surface-info-hover' | 'bg-surface-info' | 'bg-surface-inverse' | 'bg-surface-magic-active' | 'bg-surface-magic-hover' | 'bg-surface-magic' | 'bg-surface-secondary-active' | 'bg-surface-secondary-hover' | 'bg-surface-secondary-selected' | 'bg-surface-secondary' | 'bg-surface-selected' | 'bg-surface-success-active' | 'bg-surface-success-hover' | 'bg-surface-success' | 'bg-surface-tertiary-active' | 'bg-surface-tertiary-hover' | 'bg-surface-tertiary' | 'bg-surface-transparent' | 'bg-surface-warning-active' | 'bg-surface-warning-hover' | 'bg-surface-warning' | 'bg-surface' | 'bg'
 /** Specialty and component background colors. */
- | 'avatar-bg-fill' | 'avatar-five-bg-fill' | 'avatar-four-bg-fill' | 'avatar-one-bg-fill' | 'avatar-seven-bg-fill' | 'avatar-six-bg-fill' | 'avatar-three-bg-fill' | 'avatar-two-bg-fill' | 'backdrop-bg' | 'button-gradient-bg-fill' | 'button-gradient-bg-fill-selected-experimental' | 'button-gradient-bg-fill-active-experimental' | 'checkbox-bg-surface-disabled' | 'input-bg-surface-active' | 'input-bg-surface-hover' | 'input-bg-surface' | 'nav-bg-surface-active' | 'nav-bg-surface-hover' | 'nav-bg-surface-selected' | 'nav-bg-surface' | 'nav-bg' | 'radio-button-bg-surface-disabled' | 'video-thumbnail-play-button-bg-fill-hover' | 'video-thumbnail-play-button-bg-fill' | 'scrollbar-thumb-bg-hover' | 'scrollbar-thumb-bg';
-export type ColorBorderAlias = 'border-brand' | 'border-caution' | 'border-critical-secondary' | 'border-critical' | 'border-disabled' | 'border-emphasis-active' | 'border-emphasis-hover' | 'border-emphasis' | 'border-focus' | 'border-hover' | 'border-info' | 'border-inverse-active' | 'border-inverse-hover' | 'border-inverse' | 'border-magic-secondary' | 'border-magic-secondary-hover' | 'border-magic' | 'border-secondary' | 'border-success' | 'border-tertiary' | 'border-warning' | 'border' | 'border-gradient-experimental' | 'border-gradient-hover-experimental' | 'border-gradient-selected-experimental' | 'border-gradient-active-experimental'
+ | 'avatar-bg-fill' | 'avatar-five-bg-fill' | 'avatar-four-bg-fill' | 'avatar-one-bg-fill' | 'avatar-seven-bg-fill' | 'avatar-six-bg-fill' | 'avatar-three-bg-fill' | 'avatar-two-bg-fill' | 'backdrop-bg' | 'button-gradient-bg-fill' | 'checkbox-bg-surface-disabled' | 'input-bg-surface-active' | 'input-bg-surface-hover' | 'input-bg-surface' | 'nav-bg-surface-active' | 'nav-bg-surface-hover' | 'nav-bg-surface-selected' | 'nav-bg-surface' | 'nav-bg' | 'radio-button-bg-surface-disabled' | 'video-thumbnail-play-button-bg-fill-hover' | 'video-thumbnail-play-button-bg-fill' | 'scrollbar-thumb-bg-hover' | 'scrollbar-thumb-bg';
+export type ColorBorderAlias = 'border-brand' | 'border-caution' | 'border-critical-secondary' | 'border-critical' | 'border-disabled' | 'border-emphasis-active' | 'border-emphasis-hover' | 'border-emphasis' | 'border-focus' | 'border-hover' | 'border-info' | 'border-inverse-active' | 'border-inverse-hover' | 'border-inverse' | 'border-magic-secondary' | 'border-magic-secondary-hover' | 'border-magic' | 'border-secondary' | 'border-success' | 'border-tertiary' | 'border-warning' | 'border'
 /** Specialty and component border colors. */
- | 'input-border-active' | 'input-border-hover' | 'input-border' | 'tooltip-tail-down-border-experimental' | 'tooltip-tail-up-border-experimental';
+ | 'input-border-active' | 'input-border-hover' | 'input-border' | 'tooltip-tail-down-border' | 'tooltip-tail-up-border';
 export type ColorIconAlias = 'icon-active' | 'icon-brand' | 'icon-caution' | 'icon-critical' | 'icon-disabled' | 'icon-emphasis-active' | 'icon-emphasis-hover' | 'icon-emphasis' | 'icon-hover' | 'icon-info' | 'icon-inverse' | 'icon-magic' | 'icon-secondary-active' | 'icon-secondary-hover' | 'icon-secondary' | 'icon-success' | 'icon-warning' | 'icon'
@@ -9,0 +9,0 @@ /** Specialty and component icon colors. */

dist/types/src/themes/base/index.d.ts

@@ -60,2 +60,3 @@ export declare const metaThemeBase: {
         "color-bg-fill-secondary-active": import("../types").MetaTokenProperties;
+        "color-bg-fill-secondary-selected": import("../types").MetaTokenProperties;
         "color-bg-fill-secondary-hover": import("../types").MetaTokenProperties;
@@ -134,4 +135,2 @@ "color-bg-fill-secondary": import("../types").MetaTokenProperties;
         "color-button-gradient-bg-fill": import("../types").MetaTokenProperties;
-        "color-button-gradient-bg-fill-selected-experimental": import("../types").MetaTokenProperties;
-        "color-button-gradient-bg-fill-active-experimental": import("../types").MetaTokenProperties;
         "color-checkbox-bg-surface-disabled": import("../types").MetaTokenProperties;
@@ -173,11 +172,7 @@ "color-input-bg-surface-active": import("../types").MetaTokenProperties;
         "color-border-warning": import("../types").MetaTokenProperties;
-        "color-border-gradient-experimental": import("../types").MetaTokenProperties;
-        "color-border-gradient-hover-experimental": import("../types").MetaTokenProperties;
-        "color-border-gradient-selected-experimental": import("../types").MetaTokenProperties;
-        "color-border-gradient-active-experimental": import("../types").MetaTokenProperties;
         "color-input-border-active": import("../types").MetaTokenProperties;
         "color-input-border-hover": import("../types").MetaTokenProperties;
         "color-input-border": import("../types").MetaTokenProperties;
-        "color-tooltip-tail-down-border-experimental": import("../types").MetaTokenProperties;
-        "color-tooltip-tail-up-border-experimental": import("../types").MetaTokenProperties;
+        "color-tooltip-tail-down-border": import("../types").MetaTokenProperties;
+        "color-tooltip-tail-up-border": import("../types").MetaTokenProperties;
         "color-icon-active": import("../types").MetaTokenProperties;
@@ -184,0 +179,0 @@ "color-icon-brand": import("../types").MetaTokenProperties;

dist/types/src/themes/dark.d.ts

@@ -21,2 +21,5 @@ export declare const metaThemeDarkPartial: {
         };
+        'color-icon-disabled': {
+            value: `rgba(${number}, ${number}, ${number}, 1)`;
+        };
         'color-text': {
@@ -28,2 +31,5 @@ value: `rgba(${number}, ${number}, ${number}, 1)`;
         };
+        'color-text-disabled': {
+            value: `rgba(${number}, ${number}, ${number}, 1)`;
+        };
         'color-bg-surface-secondary-active': {
@@ -48,3 +54,3 @@ value: `rgba(${number}, ${number}, ${number}, ${number})`;
         'color-bg-fill-hover': {
-            value: string;
+            value: `rgba(${number}, ${number}, ${number}, ${number})`;
         };
@@ -81,5 +87,11 @@ 'color-bg-fill-transparent-hover': {
         };
+        'color-bg-fill-secondary': {
+            value: `rgba(${number}, ${number}, ${number}, ${number})`;
+        };
         'color-bg-fill-secondary-hover': {
             value: `rgba(${number}, ${number}, ${number}, ${number})`;
         };
+        'color-bg-fill-secondary-selected': {
+            value: `rgba(${number}, ${number}, ${number}, ${number})`;
+        };
         'color-bg-surface-brand-selected': {
@@ -91,24 +103,24 @@ value: `rgba(${number}, ${number}, ${number}, 1)`;
         };
-        'color-tooltip-tail-down-border-experimental': {
-            value: string;
+        'color-bg-surface-tertiary': {
+            value: `rgba(${number}, ${number}, ${number}, ${number})`;
         };
-        'color-tooltip-tail-up-border-experimental': {
-            value: string;
+        'color-icon-brand': {
+            value: `rgba(${number}, ${number}, ${number}, 1)`;
         };
-        'color-border-gradient-experimental': {
-            value: string;
+        'color-bg-fill-disabled': {
+            value: `rgba(${number}, ${number}, ${number}, ${number})`;
         };
-        'color-border-gradient-hover-experimental': {
-            value: string;
+        'color-text-brand-on-bg-fill-disabled': {
+            value: `rgba(${number}, ${number}, ${number}, 1)`;
         };
-        'color-border-gradient-selected-experimental': {
-            value: string;
+        'color-bg-fill-brand-disabled': {
+            value: `rgba(${number}, ${number}, ${number}, ${number})`;
         };
-        'color-border-gradient-active-experimental': {
-            value: string;
+        'color-bg-fill-tertiary': {
+            value: `rgba(${number}, ${number}, ${number}, 1)`;
         };
-        'color-button-gradient-bg-fill-selected-experimental': {
+        'color-tooltip-tail-down-border': {
             value: string;
         };
-        'color-button-gradient-bg-fill-active-experimental': {
+        'color-tooltip-tail-up-border': {
             value: string;
@@ -182,2 +194,3 @@ };
         "color-bg-fill-secondary-active": import("./types").MetaTokenProperties;
+        "color-bg-fill-secondary-selected": import("./types").MetaTokenProperties;
         "color-bg-fill-secondary-hover": import("./types").MetaTokenProperties;
@@ -256,4 +269,2 @@ "color-bg-fill-secondary": import("./types").MetaTokenProperties;
         "color-button-gradient-bg-fill": import("./types").MetaTokenProperties;
-        "color-button-gradient-bg-fill-selected-experimental": import("./types").MetaTokenProperties;
-        "color-button-gradient-bg-fill-active-experimental": import("./types").MetaTokenProperties;
         "color-checkbox-bg-surface-disabled": import("./types").MetaTokenProperties;
@@ -295,11 +306,7 @@ "color-input-bg-surface-active": import("./types").MetaTokenProperties;
         "color-border-warning": import("./types").MetaTokenProperties;
-        "color-border-gradient-experimental": import("./types").MetaTokenProperties;
-        "color-border-gradient-hover-experimental": import("./types").MetaTokenProperties;
-        "color-border-gradient-selected-experimental": import("./types").MetaTokenProperties;
-        "color-border-gradient-active-experimental": import("./types").MetaTokenProperties;
         "color-input-border-active": import("./types").MetaTokenProperties;
         "color-input-border-hover": import("./types").MetaTokenProperties;
         "color-input-border": import("./types").MetaTokenProperties;
-        "color-tooltip-tail-down-border-experimental": import("./types").MetaTokenProperties;
-        "color-tooltip-tail-up-border-experimental": import("./types").MetaTokenProperties;
+        "color-tooltip-tail-down-border": import("./types").MetaTokenProperties;
+        "color-tooltip-tail-up-border": import("./types").MetaTokenProperties;
         "color-icon-active": import("./types").MetaTokenProperties;
@@ -306,0 +313,0 @@ "color-icon-brand": import("./types").MetaTokenProperties;

dist/types/src/themes/index.d.ts

@@ -65,2 +65,3 @@ import type { MetaThemePartials, MetaThemes } from './types';
         "color-bg-fill-secondary-active": import("./types").MetaTokenProperties;
+        "color-bg-fill-secondary-selected": import("./types").MetaTokenProperties;
         "color-bg-fill-secondary-hover": import("./types").MetaTokenProperties;
@@ -139,4 +140,2 @@ "color-bg-fill-secondary": import("./types").MetaTokenProperties;
         "color-button-gradient-bg-fill": import("./types").MetaTokenProperties;
-        "color-button-gradient-bg-fill-selected-experimental": import("./types").MetaTokenProperties;
-        "color-button-gradient-bg-fill-active-experimental": import("./types").MetaTokenProperties;
         "color-checkbox-bg-surface-disabled": import("./types").MetaTokenProperties;
@@ -178,11 +177,7 @@ "color-input-bg-surface-active": import("./types").MetaTokenProperties;
         "color-border-warning": import("./types").MetaTokenProperties;
-        "color-border-gradient-experimental": import("./types").MetaTokenProperties;
-        "color-border-gradient-hover-experimental": import("./types").MetaTokenProperties;
-        "color-border-gradient-selected-experimental": import("./types").MetaTokenProperties;
-        "color-border-gradient-active-experimental": import("./types").MetaTokenProperties;
         "color-input-border-active": import("./types").MetaTokenProperties;
         "color-input-border-hover": import("./types").MetaTokenProperties;
         "color-input-border": import("./types").MetaTokenProperties;
-        "color-tooltip-tail-down-border-experimental": import("./types").MetaTokenProperties;
-        "color-tooltip-tail-up-border-experimental": import("./types").MetaTokenProperties;
+        "color-tooltip-tail-down-border": import("./types").MetaTokenProperties;
+        "color-tooltip-tail-up-border": import("./types").MetaTokenProperties;
         "color-icon-active": import("./types").MetaTokenProperties;
@@ -189,0 +184,0 @@ "color-icon-brand": import("./types").MetaTokenProperties;

dist/types/src/themes/light-high-contrast.d.ts

@@ -93,2 +93,3 @@ export declare const metaThemeLightHighContrastPartial: {
         "color-bg-fill-secondary-active": import("./types").MetaTokenProperties;
+        "color-bg-fill-secondary-selected": import("./types").MetaTokenProperties;
         "color-bg-fill-secondary-hover": import("./types").MetaTokenProperties;
@@ -167,4 +168,2 @@ "color-bg-fill-secondary": import("./types").MetaTokenProperties;
         "color-button-gradient-bg-fill": import("./types").MetaTokenProperties;
-        "color-button-gradient-bg-fill-selected-experimental": import("./types").MetaTokenProperties;
-        "color-button-gradient-bg-fill-active-experimental": import("./types").MetaTokenProperties;
         "color-checkbox-bg-surface-disabled": import("./types").MetaTokenProperties;
@@ -206,11 +205,7 @@ "color-input-bg-surface-active": import("./types").MetaTokenProperties;
         "color-border-warning": import("./types").MetaTokenProperties;
-        "color-border-gradient-experimental": import("./types").MetaTokenProperties;
-        "color-border-gradient-hover-experimental": import("./types").MetaTokenProperties;
-        "color-border-gradient-selected-experimental": import("./types").MetaTokenProperties;
-        "color-border-gradient-active-experimental": import("./types").MetaTokenProperties;
         "color-input-border-active": import("./types").MetaTokenProperties;
         "color-input-border-hover": import("./types").MetaTokenProperties;
         "color-input-border": import("./types").MetaTokenProperties;
-        "color-tooltip-tail-down-border-experimental": import("./types").MetaTokenProperties;
-        "color-tooltip-tail-up-border-experimental": import("./types").MetaTokenProperties;
+        "color-tooltip-tail-down-border": import("./types").MetaTokenProperties;
+        "color-tooltip-tail-up-border": import("./types").MetaTokenProperties;
         "color-icon-active": import("./types").MetaTokenProperties;
@@ -217,0 +212,0 @@ "color-icon-brand": import("./types").MetaTokenProperties;

dist/types/src/themes/light-mobile.d.ts

@@ -160,2 +160,3 @@ export declare const metaThemeLightMobilePartial: {
         "color-bg-fill-secondary-active": import("./types").MetaTokenProperties;
+        "color-bg-fill-secondary-selected": import("./types").MetaTokenProperties;
         "color-bg-fill-secondary-hover": import("./types").MetaTokenProperties;
@@ -234,4 +235,2 @@ "color-bg-fill-secondary": import("./types").MetaTokenProperties;
         "color-button-gradient-bg-fill": import("./types").MetaTokenProperties;
-        "color-button-gradient-bg-fill-selected-experimental": import("./types").MetaTokenProperties;
-        "color-button-gradient-bg-fill-active-experimental": import("./types").MetaTokenProperties;
         "color-checkbox-bg-surface-disabled": import("./types").MetaTokenProperties;
@@ -273,11 +272,7 @@ "color-input-bg-surface-active": import("./types").MetaTokenProperties;
         "color-border-warning": import("./types").MetaTokenProperties;
-        "color-border-gradient-experimental": import("./types").MetaTokenProperties;
-        "color-border-gradient-hover-experimental": import("./types").MetaTokenProperties;
-        "color-border-gradient-selected-experimental": import("./types").MetaTokenProperties;
-        "color-border-gradient-active-experimental": import("./types").MetaTokenProperties;
         "color-input-border-active": import("./types").MetaTokenProperties;
         "color-input-border-hover": import("./types").MetaTokenProperties;
         "color-input-border": import("./types").MetaTokenProperties;
-        "color-tooltip-tail-down-border-experimental": import("./types").MetaTokenProperties;
-        "color-tooltip-tail-up-border-experimental": import("./types").MetaTokenProperties;
+        "color-tooltip-tail-down-border": import("./types").MetaTokenProperties;
+        "color-tooltip-tail-up-border": import("./types").MetaTokenProperties;
         "color-icon-active": import("./types").MetaTokenProperties;
@@ -284,0 +279,0 @@ "color-icon-brand": import("./types").MetaTokenProperties;

dist/types/src/themes/light.d.ts

@@ -61,2 +61,3 @@ export declare const metaThemeLightPartial: {};
         "color-bg-fill-secondary-active": import("./types").MetaTokenProperties;
+        "color-bg-fill-secondary-selected": import("./types").MetaTokenProperties;
         "color-bg-fill-secondary-hover": import("./types").MetaTokenProperties;
@@ -135,4 +136,2 @@ "color-bg-fill-secondary": import("./types").MetaTokenProperties;
         "color-button-gradient-bg-fill": import("./types").MetaTokenProperties;
-        "color-button-gradient-bg-fill-selected-experimental": import("./types").MetaTokenProperties;
-        "color-button-gradient-bg-fill-active-experimental": import("./types").MetaTokenProperties;
         "color-checkbox-bg-surface-disabled": import("./types").MetaTokenProperties;
@@ -174,11 +173,7 @@ "color-input-bg-surface-active": import("./types").MetaTokenProperties;
         "color-border-warning": import("./types").MetaTokenProperties;
-        "color-border-gradient-experimental": import("./types").MetaTokenProperties;
-        "color-border-gradient-hover-experimental": import("./types").MetaTokenProperties;
-        "color-border-gradient-selected-experimental": import("./types").MetaTokenProperties;
-        "color-border-gradient-active-experimental": import("./types").MetaTokenProperties;
         "color-input-border-active": import("./types").MetaTokenProperties;
         "color-input-border-hover": import("./types").MetaTokenProperties;
         "color-input-border": import("./types").MetaTokenProperties;
-        "color-tooltip-tail-down-border-experimental": import("./types").MetaTokenProperties;
-        "color-tooltip-tail-up-border-experimental": import("./types").MetaTokenProperties;
+        "color-tooltip-tail-down-border": import("./types").MetaTokenProperties;
+        "color-tooltip-tail-up-border": import("./types").MetaTokenProperties;
         "color-icon-active": import("./types").MetaTokenProperties;
@@ -185,0 +180,0 @@ "color-icon-brand": import("./types").MetaTokenProperties;

package.json

 {
   "name": "@shopify/polaris-tokens",
-  "version": "9.3.0",
+  "version": "9.4.0",
   "description": "",
@@ -5,0 +5,0 @@ "main": "dist/cjs/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

Worsened metrics

Total package byte prevSize

892458

decreased by-2.09%

Lines of code

14991

decreased by-0.6%

No dependency changes