@shopify/polaris-tokens
Advanced tools
@shopify/polaris-tokens - npm Package Compare versions
Comparing version 0.0.0-snapshot-20240506013707 to 0.0.0-snapshot-20240506104146
@@ -238,6 +238,6 @@ 'use strict'; | ||
| var whiteAlpha = { | ||
| 1: 'rgba(255, 255, 255, 0.01)', | ||
| 2: 'rgba(255, 255, 255, 0.02)', | ||
| 3: 'rgba(255, 255, 255, 0.03)', | ||
| 4: 'rgba(255, 255, 255, 0.04)', | ||
| 1: 'rgba(255, 255, 255, 0)', | ||
| 2: 'rgba(255, 255, 255, 0.01)', | ||
| 3: 'rgba(255, 255, 255, 0.02)', | ||
| 4: 'rgba(255, 255, 255, 0.03)', | ||
| 5: 'rgba(255, 255, 255, 0.05)', | ||
@@ -247,10 +247,10 @@ 6: 'rgba(255, 255, 255, 0.06)', | ||
| 8: 'rgba(255, 255, 255, 0.11)', | ||
| 9: 'rgba(255, 255, 255, 0.14)', | ||
| 10: 'rgba(255, 255, 255, 0.17)', | ||
| 11: 'rgba(255, 255, 255, 0.22)', | ||
| 12: 'rgba(255, 255, 255, 0.29)', | ||
| 13: 'rgba(255, 255, 255, 0.44)', | ||
| 14: 'rgba(255, 255, 255, 0.6)', | ||
| 15: 'rgba(255, 255, 255, 0.7)', | ||
| 16: 'rgba(255, 255, 255, 0.8)' | ||
| 9: 'rgba(255, 255, 255, 0.17)', | ||
| 10: 'rgba(255, 255, 255, 0.20)', | ||
| 11: 'rgba(255, 255, 255, 0.28)', | ||
| 12: 'rgba(255, 255, 255, 0.46)', | ||
| 13: 'rgba(255, 255, 255, 0.62)', | ||
| 14: 'rgba(255, 255, 255, 0.71)', | ||
| 15: 'rgba(255, 255, 255, 0.81)', | ||
| 16: 'rgba(255, 255, 255, 0.90)' | ||
| }; | ||
@@ -257,0 +257,0 @@ |
@@ -389,8 +389,2 @@ 'use strict'; | ||
| }, | ||
| 'color-bg-fill-gradient-selected-experimental': { | ||
| value: "linear-gradient(to bottom, rgba(25, 25, 25, 1), rgba(19, 19, 19, 1) 50%, rgba(10, 10, 10, 1))" | ||
| }, | ||
| 'color-bg-fill-gradient-active-experimental': { | ||
| value: "linear-gradient(to bottom, rgba(33, 33, 33, 1), rgba(30, 30, 30, 1) 50%, rgba(18, 18, 18, 1))" | ||
| }, | ||
| 'color-text': { | ||
@@ -397,0 +391,0 @@ value: colors.gray[15], |
@@ -33,6 +33,6 @@ 'use strict'; | ||
| 'color-bg-surface-secondary-active': { | ||
| value: colors.whiteAlpha[9] | ||
| value: colors.gray[13] | ||
| }, | ||
| 'color-bg-surface-secondary-hover': { | ||
| value: colors.whiteAlpha[6] | ||
| value: colors.gray[14] | ||
| }, | ||
@@ -52,3 +52,3 @@ 'color-bg-fill-transparent': { | ||
| 'color-bg-fill-hover': { | ||
| value: 'rgba(37, 37, 37, 1)' | ||
| value: colors.gray[14] | ||
| }, | ||
@@ -85,5 +85,2 @@ 'color-bg-fill-transparent-hover': { | ||
| }, | ||
| 'color-bg-fill-secondary-hover': { | ||
| value: colors.whiteAlpha[8] | ||
| }, | ||
| 'color-bg-surface-brand-selected': { | ||
@@ -93,3 +90,3 @@ value: colors.gray[14] | ||
| 'color-border-secondary': { | ||
| value: colors.gray[14] | ||
| value: colors.gray[13] | ||
| }, | ||
@@ -103,18 +100,12 @@ 'color-tooltip-tail-down-border-experimental': { | ||
| 'color-border-gradient-experimental': { | ||
| value: "linear-gradient(to bottom, " + colors.whiteAlpha[10] + ", " + colors.whiteAlpha[4] + ")" | ||
| value: "linear-gradient(to bottom, " + colors.whiteAlpha[9] + ", " + colors.whiteAlpha[4] + ")" | ||
| }, | ||
| 'color-border-gradient-hover-experimental': { | ||
| value: "linear-gradient(to bottom, " + colors.whiteAlpha[10] + ", " + colors.whiteAlpha[4] + ")" | ||
| value: "linear-gradient(to bottom, " + colors.whiteAlpha[9] + ", " + colors.whiteAlpha[4] + ")" | ||
| }, | ||
| 'color-border-gradient-selected-experimental': { | ||
| value: "linear-gradient(to bottom, " + colors.blackAlpha[16] + ", " + colors.blackAlpha[11] + " 10%, " + colors.whiteAlpha[11] + ")" | ||
| value: "linear-gradient(to bottom, " + colors.blackAlpha[10] + ", " + colors.whiteAlpha[10] + ")" | ||
| }, | ||
| 'color-border-gradient-active-experimental': { | ||
| value: "linear-gradient(to bottom, " + colors.blackAlpha[16] + ", " + colors.blackAlpha[11] + " 10%, " + colors.whiteAlpha[11] + ")" | ||
| }, | ||
| 'color-bg-fill-gradient-selected-experimental': { | ||
| value: "linear-gradient(to bottom, rgba(25, 25, 25, 1), rgba(19, 19, 19, 1) 50%, rgba(10, 10, 10, 1))" | ||
| }, | ||
| 'color-bg-fill-gradient-active-experimental': { | ||
| value: "linear-gradient(to bottom, rgba(33, 33, 33, 1), rgba(30, 30, 30, 1) 50%, rgba(18, 18, 18, 1))" | ||
| value: "linear-gradient(to bottom, " + colors.whiteAlpha[10] + ", " + colors.whiteAlpha[4] + ")" | ||
| } | ||
@@ -121,0 +112,0 @@ }, |
| 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-fill-gradient-selected-experimental' | 'bg-fill-gradient-active-experimental' | '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-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. */ | ||
@@ -4,0 +4,0 @@ | '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'; |
@@ -82,4 +82,2 @@ export declare const metaThemeBase: { | ||
| "color-bg-fill": import("../types").MetaTokenProperties; | ||
| "color-bg-fill-gradient-selected-experimental": import("../types").MetaTokenProperties; | ||
| "color-bg-fill-gradient-active-experimental": import("../types").MetaTokenProperties; | ||
| "color-bg-inverse": import("../types").MetaTokenProperties; | ||
@@ -86,0 +84,0 @@ "color-bg-surface-active": import("../types").MetaTokenProperties; |
@@ -28,6 +28,6 @@ export declare const metaThemeDarkPartial: { | ||
| 'color-bg-surface-secondary-active': { | ||
| value: `rgba(${number}, ${number}, ${number}, ${number})`; | ||
| value: `rgba(${number}, ${number}, ${number}, 1)`; | ||
| }; | ||
| 'color-bg-surface-secondary-hover': { | ||
| value: `rgba(${number}, ${number}, ${number}, ${number})`; | ||
| value: `rgba(${number}, ${number}, ${number}, 1)`; | ||
| }; | ||
@@ -47,3 +47,3 @@ 'color-bg-fill-transparent': { | ||
| 'color-bg-fill-hover': { | ||
| value: string; | ||
| value: `rgba(${number}, ${number}, ${number}, 1)`; | ||
| }; | ||
@@ -80,5 +80,2 @@ 'color-bg-fill-transparent-hover': { | ||
| }; | ||
| 'color-bg-fill-secondary-hover': { | ||
| value: `rgba(${number}, ${number}, ${number}, ${number})`; | ||
| }; | ||
| 'color-bg-surface-brand-selected': { | ||
@@ -108,8 +105,2 @@ value: `rgba(${number}, ${number}, ${number}, 1)`; | ||
| }; | ||
| 'color-bg-fill-gradient-selected-experimental': { | ||
| value: string; | ||
| }; | ||
| 'color-bg-fill-gradient-active-experimental': { | ||
| value: string; | ||
| }; | ||
| }; | ||
@@ -203,4 +194,2 @@ shadow: { | ||
| "color-bg-fill": import("./types").MetaTokenProperties; | ||
| "color-bg-fill-gradient-selected-experimental": import("./types").MetaTokenProperties; | ||
| "color-bg-fill-gradient-active-experimental": import("./types").MetaTokenProperties; | ||
| "color-bg-inverse": import("./types").MetaTokenProperties; | ||
@@ -207,0 +196,0 @@ "color-bg-surface-active": import("./types").MetaTokenProperties; |
@@ -87,4 +87,2 @@ import type { MetaThemePartials, MetaThemes } from './types'; | ||
| "color-bg-fill": import("./types").MetaTokenProperties; | ||
| "color-bg-fill-gradient-selected-experimental": import("./types").MetaTokenProperties; | ||
| "color-bg-fill-gradient-active-experimental": import("./types").MetaTokenProperties; | ||
| "color-bg-inverse": import("./types").MetaTokenProperties; | ||
@@ -91,0 +89,0 @@ "color-bg-surface-active": import("./types").MetaTokenProperties; |
@@ -115,4 +115,2 @@ export declare const metaThemeLightHighContrastPartial: { | ||
| "color-bg-fill": import("./types").MetaTokenProperties; | ||
| "color-bg-fill-gradient-selected-experimental": import("./types").MetaTokenProperties; | ||
| "color-bg-fill-gradient-active-experimental": import("./types").MetaTokenProperties; | ||
| "color-bg-inverse": import("./types").MetaTokenProperties; | ||
@@ -119,0 +117,0 @@ "color-bg-surface-active": import("./types").MetaTokenProperties; |
@@ -182,4 +182,2 @@ export declare const metaThemeLightMobilePartial: { | ||
| "color-bg-fill": import("./types").MetaTokenProperties; | ||
| "color-bg-fill-gradient-selected-experimental": import("./types").MetaTokenProperties; | ||
| "color-bg-fill-gradient-active-experimental": import("./types").MetaTokenProperties; | ||
| "color-bg-inverse": import("./types").MetaTokenProperties; | ||
@@ -186,0 +184,0 @@ "color-bg-surface-active": import("./types").MetaTokenProperties; |
@@ -83,4 +83,2 @@ export declare const metaThemeLightPartial: {}; | ||
| "color-bg-fill": import("./types").MetaTokenProperties; | ||
| "color-bg-fill-gradient-selected-experimental": import("./types").MetaTokenProperties; | ||
| "color-bg-fill-gradient-active-experimental": import("./types").MetaTokenProperties; | ||
| "color-bg-inverse": import("./types").MetaTokenProperties; | ||
@@ -87,0 +85,0 @@ "color-bg-surface-active": import("./types").MetaTokenProperties; |
| { | ||
| "name": "@shopify/polaris-tokens", | ||
| "version": "0.0.0-snapshot-20240506013707", | ||
| "version": "0.0.0-snapshot-20240506104146", | ||
| "description": "", | ||
@@ -5,0 +5,0 @@ "main": "dist/cjs/build/index.js", |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis 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
LicenseThis 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
- decreased by-0.97%
900568
- Lines of code
- decreased by-0.53%
14974