@seed-design/design-token - npm Package Compare versions

Comparing version 1.0.0-alpha.6 to 1.0.0-beta.0

lib/vars/scale/color.d.ts

@@ -10,2 +10,3 @@ export declare const gray00 = "var(--seed-scale-color-gray-00)";
 export declare const gray700 = "var(--seed-scale-color-gray-700)";
+export declare const gray800 = "var(--seed-scale-color-gray-800)";
 export declare const gray900 = "var(--seed-scale-color-gray-900)";
@@ -24,19 +25,67 @@ export declare const carrot50 = "var(--seed-scale-color-carrot-50)";
 export declare const blue50 = "var(--seed-scale-color-blue-50)";
+export declare const blue100 = "var(--seed-scale-color-blue-100)";
 export declare const blue200 = "var(--seed-scale-color-blue-200)";
+export declare const blue300 = "var(--seed-scale-color-blue-300)";
+export declare const blue400 = "var(--seed-scale-color-blue-400)";
+export declare const blue500 = "var(--seed-scale-color-blue-500)";
+export declare const blue600 = "var(--seed-scale-color-blue-600)";
+export declare const blue700 = "var(--seed-scale-color-blue-700)";
 export declare const blue800 = "var(--seed-scale-color-blue-800)";
+export declare const blue900 = "var(--seed-scale-color-blue-900)";
 export declare const blue950 = "var(--seed-scale-color-blue-950)";
+export declare const red50 = "var(--seed-scale-color-red-50)";
+export declare const red100 = "var(--seed-scale-color-red-100)";
+export declare const red200 = "var(--seed-scale-color-red-200)";
+export declare const red300 = "var(--seed-scale-color-red-300)";
+export declare const red400 = "var(--seed-scale-color-red-400)";
+export declare const red500 = "var(--seed-scale-color-red-500)";
+export declare const red600 = "var(--seed-scale-color-red-600)";
+export declare const red700 = "var(--seed-scale-color-red-700)";
+export declare const red800 = "var(--seed-scale-color-red-800)";
+export declare const red900 = "var(--seed-scale-color-red-900)";
+export declare const red950 = "var(--seed-scale-color-red-950)";
 export declare const green50 = "var(--seed-scale-color-green-50)";
+export declare const green100 = "var(--seed-scale-color-green-100)";
 export declare const green200 = "var(--seed-scale-color-green-200)";
+export declare const green300 = "var(--seed-scale-color-green-300)";
+export declare const green400 = "var(--seed-scale-color-green-400)";
 export declare const green500 = "var(--seed-scale-color-green-500)";
+export declare const green600 = "var(--seed-scale-color-green-600)";
+export declare const green700 = "var(--seed-scale-color-green-700)";
 export declare const green800 = "var(--seed-scale-color-green-800)";
+export declare const green900 = "var(--seed-scale-color-green-900)";
 export declare const green950 = "var(--seed-scale-color-green-950)";
 export declare const yellow50 = "var(--seed-scale-color-yellow-50)";
+export declare const yellow100 = "var(--seed-scale-color-yellow-100)";
 export declare const yellow200 = "var(--seed-scale-color-yellow-200)";
+export declare const yellow300 = "var(--seed-scale-color-yellow-300)";
+export declare const yellow400 = "var(--seed-scale-color-yellow-400)";
 export declare const yellow500 = "var(--seed-scale-color-yellow-500)";
+export declare const yellow600 = "var(--seed-scale-color-yellow-600)";
+export declare const yellow700 = "var(--seed-scale-color-yellow-700)";
 export declare const yellow800 = "var(--seed-scale-color-yellow-800)";
+export declare const yellow900 = "var(--seed-scale-color-yellow-900)";
 export declare const yellow950 = "var(--seed-scale-color-yellow-950)";
-export declare const red50 = "var(--seed-scale-color-red-50)";
-export declare const red200 = "var(--seed-scale-color-red-200)";
-export declare const red800 = "var(--seed-scale-color-red-800)";
-export declare const red950 = "var(--seed-scale-color-red-950)";
+export declare const pink50 = "var(--seed-scale-color-pink-50)";
+export declare const pink100 = "var(--seed-scale-color-pink-100)";
+export declare const pink200 = "var(--seed-scale-color-pink-200)";
+export declare const pink300 = "var(--seed-scale-color-pink-300)";
+export declare const pink400 = "var(--seed-scale-color-pink-400)";
+export declare const pink500 = "var(--seed-scale-color-pink-500)";
+export declare const pink600 = "var(--seed-scale-color-pink-600)";
+export declare const pink700 = "var(--seed-scale-color-pink-700)";
+export declare const pink800 = "var(--seed-scale-color-pink-800)";
+export declare const pink900 = "var(--seed-scale-color-pink-900)";
+export declare const pink950 = "var(--seed-scale-color-pink-950)";
+export declare const purple50 = "var(--seed-scale-color-purple-50)";
+export declare const purple100 = "var(--seed-scale-color-purple-100)";
+export declare const purple200 = "var(--seed-scale-color-purple-200)";
+export declare const purple300 = "var(--seed-scale-color-purple-300)";
+export declare const purple400 = "var(--seed-scale-color-purple-400)";
+export declare const purple500 = "var(--seed-scale-color-purple-500)";
+export declare const purple600 = "var(--seed-scale-color-purple-600)";
+export declare const purple700 = "var(--seed-scale-color-purple-700)";
+export declare const purple800 = "var(--seed-scale-color-purple-800)";
+export declare const purple900 = "var(--seed-scale-color-purple-900)";
+export declare const purple950 = "var(--seed-scale-color-purple-950)";
 export declare const grayAlpha50 = "var(--seed-scale-color-gray-alpha-50)";
@@ -52,18 +101,10 @@ export declare const grayAlpha100 = "var(--seed-scale-color-gray-alpha-100)";
 export declare const blueAlpha200 = "var(--seed-scale-color-blue-alpha-200)";
+export declare const redAlpha50 = "var(--seed-scale-color-red-alpha-50)";
+export declare const redAlpha100 = "var(--seed-scale-color-red-alpha-100)";
+export declare const redAlpha200 = "var(--seed-scale-color-red-alpha-200)";
+export declare const yellowAlpha50 = "var(--seed-scale-color-yellow-alpha-50)";
+export declare const yellowAlpha100 = "var(--seed-scale-color-yellow-alpha-100)";
+export declare const yellowAlpha200 = "var(--seed-scale-color-yellow-alpha-200)";
 export declare const greenAlpha50 = "var(--seed-scale-color-green-alpha-50)";
 export declare const greenAlpha100 = "var(--seed-scale-color-green-alpha-100)";
 export declare const greenAlpha200 = "var(--seed-scale-color-green-alpha-200)";
-export declare const yellowAlpha50 = "var(--seed-scale-color-yellow-alpha-50)";
-export declare const yellowAlpha100 = "var(--seed-scale-color-yellow-alpha-100)";
-export declare const yellowAlpha200 = "var(--seed-scale-color-yellow-alpha-200)";
-export declare const redAlpha50 = "var(--seed-scale-color-red-alpha-50)";
-export declare const redAlpha100 = "var(--seed-scale-color-red-alpha-100)";
-export declare const redAlpha200 = "var(--seed-scale-color-red-alpha-200)";
-export declare const textSelection = "var(--seed-scale-color-text-selection)";
-export declare const primaryHover = "var(--seed-scale-color-primary-hover)";
-export declare const primaryPressed = "var(--seed-scale-color-primary-pressed)";
-export declare const primaryLowHover = "var(--seed-scale-color-primary-low-hover)";
-export declare const primaryLowActive = "var(--seed-scale-color-primary-low-active)";
-export declare const primaryLowPressed = "var(--seed-scale-color-primary-low-pressed)";
-export declare const grayHover = "var(--seed-scale-color-gray-hover)";
-export declare const grayPressed = "var(--seed-scale-color-gray-pressed)";

lib/vars/semantic/color.d.ts

 export declare const onPrimary = "var(--seed-semantic-color-on-primary)";
+export declare const overlayLow = "var(--seed-semantic-color-overlay-low)";
+export declare const overlayDim = "var(--seed-semantic-color-overlay-dim)";
+export declare const onPrimaryOverlay50 = "var(--seed-semantic-color-on-primary-overlay-50)";
+export declare const onPrimaryOverlay200 = "var(--seed-semantic-color-on-primary-overlay-200)";
 export declare const primary = "var(--seed-semantic-color-primary)";
-export declare const primaryContainer = "var(--seed-semantic-color-primary-container)";
+export declare const primaryLow = "var(--seed-semantic-color-primary-low)";
 export declare const secondary = "var(--seed-semantic-color-secondary)";
-export declare const secondaryContainer = "var(--seed-semantic-color-secondary-container)";
+export declare const secondaryLow = "var(--seed-semantic-color-secondary-low)";
 export declare const success = "var(--seed-semantic-color-success)";
-export declare const successContainer = "var(--seed-semantic-color-success-container)";
+export declare const successLow = "var(--seed-semantic-color-success-low)";
 export declare const warning = "var(--seed-semantic-color-warning)";
-export declare const warningContainer = "var(--seed-semantic-color-warning-container)";
+export declare const warningLow = "var(--seed-semantic-color-warning-low)";
 export declare const danger = "var(--seed-semantic-color-danger)";
-export declare const dangerContainer = "var(--seed-semantic-color-danger-container)";
-export declare const divider1 = "var(--seed-semantic-color-divider1)";
-export declare const divider2 = "var(--seed-semantic-color-divider2)";
-export declare const divider3 = "var(--seed-semantic-color-divider3)";
-export declare const overlayLow = "var(--seed-semantic-color-overlay-low)";
-export declare const overlayDim = "var(--seed-semantic-color-overlay-dim)";
+export declare const dangerLow = "var(--seed-semantic-color-danger-low)";
+export declare const paperSheet = "var(--seed-semantic-color-paper-sheet)";
+export declare const paperDialog = "var(--seed-semantic-color-paper-dialog)";
+export declare const paperFloating = "var(--seed-semantic-color-paper-floating)";
+export declare const paperContents = "var(--seed-semantic-color-paper-contents)";
+export declare const paperDefault = "var(--seed-semantic-color-paper-default)";
 export declare const paperBackground = "var(--seed-semantic-color-paper-background)";
 export declare const paperAccent = "var(--seed-semantic-color-paper-accent)";
-export declare const paperDefault = "var(--seed-semantic-color-paper-default)";
-export declare const paperContents = "var(--seed-semantic-color-paper-contents)";
-export declare const paperFloating = "var(--seed-semantic-color-paper-floating)";
-export declare const paperDialog = "var(--seed-semantic-color-paper-dialog)";
-export declare const paperSheet = "var(--seed-semantic-color-paper-sheet)";
-export declare const textSelection = "var(--seed-semantic-color-text-selection)";
 export declare const primaryHover = "var(--seed-semantic-color-primary-hover)";
@@ -32,1 +30,13 @@ export declare const primaryPressed = "var(--seed-semantic-color-primary-pressed)";
 export declare const grayPressed = "var(--seed-semantic-color-gray-pressed)";
+export declare const onPrimaryLowOverlay50 = "var(--seed-semantic-color-on-primary-low-overlay-50)";
+export declare const onPrimaryLowOverlay100 = "var(--seed-semantic-color-on-primary-low-overlay-100)";
+export declare const onPrimaryLowOverlay200 = "var(--seed-semantic-color-on-primary-low-overlay-200)";
+export declare const onGrayOverlay50 = "var(--seed-semantic-color-on-gray-overlay-50)";
+export declare const onGrayOverlay100 = "var(--seed-semantic-color-on-gray-overlay-100)";
+export declare const textSelection = "var(--seed-semantic-color-text-selection)";
+export declare const divider1 = "var(--seed-semantic-color-divider-1)";
+export declare const divider2 = "var(--seed-semantic-color-divider-2)";
+export declare const divider3 = "var(--seed-semantic-color-divider-3)";
+export declare const accent = "var(--seed-semantic-color-accent)";
+export declare const inkText = "var(--seed-semantic-color-ink-text)";
+export declare const inkTextLow = "var(--seed-semantic-color-ink-text-low)";

lib/vars/static/color.d.ts

@@ -1,15 +0,17 @@
-export declare const white = "var(--seed-static-color-white)";
-export declare const black = "var(--seed-static-color-black)";
-export declare const blackAlpha200 = "var(--seed-static-color-black-alpha-200)";
-export declare const blackAlpha500 = "var(--seed-static-color-black-alpha-500)";
-export declare const gray900 = "var(--seed-static-color-gray-900)";
-export declare const carrot50 = "var(--seed-static-color-carrot-50)";
-export declare const carrot800 = "var(--seed-static-color-carrot-800)";
-export declare const green50 = "var(--seed-static-color-green-50)";
-export declare const green800 = "var(--seed-static-color-green-800)";
-export declare const yellow50 = "var(--seed-static-color-yellow-50)";
-export declare const yellow800 = "var(--seed-static-color-yellow-800)";
-export declare const red50 = "var(--seed-static-color-red-50)";
-export declare const red800 = "var(--seed-static-color-red-800)";
-export declare const blue50 = "var(--seed-static-color-blue-50)";
-export declare const blue800 = "var(--seed-static-color-blue-800)";
+export declare const staticBlack = "var(--seed-static-color-static-black)";
+export declare const staticWhite = "var(--seed-static-color-static-white)";
+export declare const staticGray900 = "var(--seed-static-color-static-gray-900)";
+export declare const staticCarrot50 = "var(--seed-static-color-static-carrot-50)";
+export declare const staticCarrot800 = "var(--seed-static-color-static-carrot-800)";
+export declare const staticGreen50 = "var(--seed-static-color-static-green-50)";
+export declare const staticGreen800 = "var(--seed-static-color-static-green-800)";
+export declare const staticYellow50 = "var(--seed-static-color-static-yellow-50)";
+export declare const staticYellow800 = "var(--seed-static-color-static-yellow-800)";
+export declare const staticRed50 = "var(--seed-static-color-static-red-50)";
+export declare const staticRed800 = "var(--seed-static-color-static-red-800)";
+export declare const staticBlue50 = "var(--seed-static-color-static-blue-50)";
+export declare const staticBlue800 = "var(--seed-static-color-static-blue-800)";
+export declare const staticBlackAlpha200 = "var(--seed-static-color-static-black-alpha-200)";
+export declare const staticBlackAlpha500 = "var(--seed-static-color-static-black-alpha-500)";
+export declare const staticWhiteAlpha50 = "var(--seed-static-color-static-white-alpha-50)";
+export declare const staticWhiteAlpha200 = "var(--seed-static-color-static-white-alpha-200)";

package.json

 {
   "name": "@seed-design/design-token",
-  "version": "1.0.0-alpha.6",
+  "version": "1.0.0-beta.0",
   "sideEffects": false,
@@ -5,0 +5,0 @@ "repository": {

src/vars/scale/color.ts

@@ -10,2 +10,3 @@ export const gray00 = 'var(--seed-scale-color-gray-00)';
 export const gray700 = 'var(--seed-scale-color-gray-700)';
+export const gray800 = 'var(--seed-scale-color-gray-800)';
 export const gray900 = 'var(--seed-scale-color-gray-900)';
@@ -24,19 +25,67 @@ export const carrot50 = 'var(--seed-scale-color-carrot-50)';
 export const blue50 = 'var(--seed-scale-color-blue-50)';
+export const blue100 = 'var(--seed-scale-color-blue-100)';
 export const blue200 = 'var(--seed-scale-color-blue-200)';
+export const blue300 = 'var(--seed-scale-color-blue-300)';
+export const blue400 = 'var(--seed-scale-color-blue-400)';
+export const blue500 = 'var(--seed-scale-color-blue-500)';
+export const blue600 = 'var(--seed-scale-color-blue-600)';
+export const blue700 = 'var(--seed-scale-color-blue-700)';
 export const blue800 = 'var(--seed-scale-color-blue-800)';
+export const blue900 = 'var(--seed-scale-color-blue-900)';
 export const blue950 = 'var(--seed-scale-color-blue-950)';
+export const red50 = 'var(--seed-scale-color-red-50)';
+export const red100 = 'var(--seed-scale-color-red-100)';
+export const red200 = 'var(--seed-scale-color-red-200)';
+export const red300 = 'var(--seed-scale-color-red-300)';
+export const red400 = 'var(--seed-scale-color-red-400)';
+export const red500 = 'var(--seed-scale-color-red-500)';
+export const red600 = 'var(--seed-scale-color-red-600)';
+export const red700 = 'var(--seed-scale-color-red-700)';
+export const red800 = 'var(--seed-scale-color-red-800)';
+export const red900 = 'var(--seed-scale-color-red-900)';
+export const red950 = 'var(--seed-scale-color-red-950)';
 export const green50 = 'var(--seed-scale-color-green-50)';
+export const green100 = 'var(--seed-scale-color-green-100)';
 export const green200 = 'var(--seed-scale-color-green-200)';
+export const green300 = 'var(--seed-scale-color-green-300)';
+export const green400 = 'var(--seed-scale-color-green-400)';
 export const green500 = 'var(--seed-scale-color-green-500)';
+export const green600 = 'var(--seed-scale-color-green-600)';
+export const green700 = 'var(--seed-scale-color-green-700)';
 export const green800 = 'var(--seed-scale-color-green-800)';
+export const green900 = 'var(--seed-scale-color-green-900)';
 export const green950 = 'var(--seed-scale-color-green-950)';
 export const yellow50 = 'var(--seed-scale-color-yellow-50)';
+export const yellow100 = 'var(--seed-scale-color-yellow-100)';
 export const yellow200 = 'var(--seed-scale-color-yellow-200)';
+export const yellow300 = 'var(--seed-scale-color-yellow-300)';
+export const yellow400 = 'var(--seed-scale-color-yellow-400)';
 export const yellow500 = 'var(--seed-scale-color-yellow-500)';
+export const yellow600 = 'var(--seed-scale-color-yellow-600)';
+export const yellow700 = 'var(--seed-scale-color-yellow-700)';
 export const yellow800 = 'var(--seed-scale-color-yellow-800)';
+export const yellow900 = 'var(--seed-scale-color-yellow-900)';
 export const yellow950 = 'var(--seed-scale-color-yellow-950)';
-export const red50 = 'var(--seed-scale-color-red-50)';
-export const red200 = 'var(--seed-scale-color-red-200)';
-export const red800 = 'var(--seed-scale-color-red-800)';
-export const red950 = 'var(--seed-scale-color-red-950)';
+export const pink50 = 'var(--seed-scale-color-pink-50)';
+export const pink100 = 'var(--seed-scale-color-pink-100)';
+export const pink200 = 'var(--seed-scale-color-pink-200)';
+export const pink300 = 'var(--seed-scale-color-pink-300)';
+export const pink400 = 'var(--seed-scale-color-pink-400)';
+export const pink500 = 'var(--seed-scale-color-pink-500)';
+export const pink600 = 'var(--seed-scale-color-pink-600)';
+export const pink700 = 'var(--seed-scale-color-pink-700)';
+export const pink800 = 'var(--seed-scale-color-pink-800)';
+export const pink900 = 'var(--seed-scale-color-pink-900)';
+export const pink950 = 'var(--seed-scale-color-pink-950)';
+export const purple50 = 'var(--seed-scale-color-purple-50)';
+export const purple100 = 'var(--seed-scale-color-purple-100)';
+export const purple200 = 'var(--seed-scale-color-purple-200)';
+export const purple300 = 'var(--seed-scale-color-purple-300)';
+export const purple400 = 'var(--seed-scale-color-purple-400)';
+export const purple500 = 'var(--seed-scale-color-purple-500)';
+export const purple600 = 'var(--seed-scale-color-purple-600)';
+export const purple700 = 'var(--seed-scale-color-purple-700)';
+export const purple800 = 'var(--seed-scale-color-purple-800)';
+export const purple900 = 'var(--seed-scale-color-purple-900)';
+export const purple950 = 'var(--seed-scale-color-purple-950)';
 export const grayAlpha50 = 'var(--seed-scale-color-gray-alpha-50)';
@@ -52,18 +101,10 @@ export const grayAlpha100 = 'var(--seed-scale-color-gray-alpha-100)';
 export const blueAlpha200 = 'var(--seed-scale-color-blue-alpha-200)';
+export const redAlpha50 = 'var(--seed-scale-color-red-alpha-50)';
+export const redAlpha100 = 'var(--seed-scale-color-red-alpha-100)';
+export const redAlpha200 = 'var(--seed-scale-color-red-alpha-200)';
+export const yellowAlpha50 = 'var(--seed-scale-color-yellow-alpha-50)';
+export const yellowAlpha100 = 'var(--seed-scale-color-yellow-alpha-100)';
+export const yellowAlpha200 = 'var(--seed-scale-color-yellow-alpha-200)';
 export const greenAlpha50 = 'var(--seed-scale-color-green-alpha-50)';
 export const greenAlpha100 = 'var(--seed-scale-color-green-alpha-100)';
 export const greenAlpha200 = 'var(--seed-scale-color-green-alpha-200)';
-export const yellowAlpha50 = 'var(--seed-scale-color-yellow-alpha-50)';
-export const yellowAlpha100 = 'var(--seed-scale-color-yellow-alpha-100)';
-export const yellowAlpha200 = 'var(--seed-scale-color-yellow-alpha-200)';
-export const redAlpha50 = 'var(--seed-scale-color-red-alpha-50)';
-export const redAlpha100 = 'var(--seed-scale-color-red-alpha-100)';
-export const redAlpha200 = 'var(--seed-scale-color-red-alpha-200)';
-export const textSelection = 'var(--seed-scale-color-text-selection)';
-export const primaryHover = 'var(--seed-scale-color-primary-hover)';
-export const primaryPressed = 'var(--seed-scale-color-primary-pressed)';
-export const primaryLowHover = 'var(--seed-scale-color-primary-low-hover)';
-export const primaryLowActive = 'var(--seed-scale-color-primary-low-active)';
-export const primaryLowPressed = 'var(--seed-scale-color-primary-low-pressed)';
-export const grayHover = 'var(--seed-scale-color-gray-hover)';
-export const grayPressed = 'var(--seed-scale-color-gray-pressed)';

src/vars/semantic/color.ts

 export const onPrimary = 'var(--seed-semantic-color-on-primary)';
+export const overlayLow = 'var(--seed-semantic-color-overlay-low)';
+export const overlayDim = 'var(--seed-semantic-color-overlay-dim)';
+export const onPrimaryOverlay50 = 'var(--seed-semantic-color-on-primary-overlay-50)';
+export const onPrimaryOverlay200 = 'var(--seed-semantic-color-on-primary-overlay-200)';
 export const primary = 'var(--seed-semantic-color-primary)';
-export const primaryContainer = 'var(--seed-semantic-color-primary-container)';
+export const primaryLow = 'var(--seed-semantic-color-primary-low)';
 export const secondary = 'var(--seed-semantic-color-secondary)';
-export const secondaryContainer = 'var(--seed-semantic-color-secondary-container)';
+export const secondaryLow = 'var(--seed-semantic-color-secondary-low)';
 export const success = 'var(--seed-semantic-color-success)';
-export const successContainer = 'var(--seed-semantic-color-success-container)';
+export const successLow = 'var(--seed-semantic-color-success-low)';
 export const warning = 'var(--seed-semantic-color-warning)';
-export const warningContainer = 'var(--seed-semantic-color-warning-container)';
+export const warningLow = 'var(--seed-semantic-color-warning-low)';
 export const danger = 'var(--seed-semantic-color-danger)';
-export const dangerContainer = 'var(--seed-semantic-color-danger-container)';
-export const divider1 = 'var(--seed-semantic-color-divider1)';
-export const divider2 = 'var(--seed-semantic-color-divider2)';
-export const divider3 = 'var(--seed-semantic-color-divider3)';
-export const overlayLow = 'var(--seed-semantic-color-overlay-low)';
-export const overlayDim = 'var(--seed-semantic-color-overlay-dim)';
+export const dangerLow = 'var(--seed-semantic-color-danger-low)';
+export const paperSheet = 'var(--seed-semantic-color-paper-sheet)';
+export const paperDialog = 'var(--seed-semantic-color-paper-dialog)';
+export const paperFloating = 'var(--seed-semantic-color-paper-floating)';
+export const paperContents = 'var(--seed-semantic-color-paper-contents)';
+export const paperDefault = 'var(--seed-semantic-color-paper-default)';
 export const paperBackground = 'var(--seed-semantic-color-paper-background)';
 export const paperAccent = 'var(--seed-semantic-color-paper-accent)';
-export const paperDefault = 'var(--seed-semantic-color-paper-default)';
-export const paperContents = 'var(--seed-semantic-color-paper-contents)';
-export const paperFloating = 'var(--seed-semantic-color-paper-floating)';
-export const paperDialog = 'var(--seed-semantic-color-paper-dialog)';
-export const paperSheet = 'var(--seed-semantic-color-paper-sheet)';
-export const textSelection = 'var(--seed-semantic-color-text-selection)';
 export const primaryHover = 'var(--seed-semantic-color-primary-hover)';
@@ -32,1 +30,13 @@ export const primaryPressed = 'var(--seed-semantic-color-primary-pressed)';
 export const grayPressed = 'var(--seed-semantic-color-gray-pressed)';
+export const onPrimaryLowOverlay50 = 'var(--seed-semantic-color-on-primary-low-overlay-50)';
+export const onPrimaryLowOverlay100 = 'var(--seed-semantic-color-on-primary-low-overlay-100)';
+export const onPrimaryLowOverlay200 = 'var(--seed-semantic-color-on-primary-low-overlay-200)';
+export const onGrayOverlay50 = 'var(--seed-semantic-color-on-gray-overlay-50)';
+export const onGrayOverlay100 = 'var(--seed-semantic-color-on-gray-overlay-100)';
+export const textSelection = 'var(--seed-semantic-color-text-selection)';
+export const divider1 = 'var(--seed-semantic-color-divider-1)';
+export const divider2 = 'var(--seed-semantic-color-divider-2)';
+export const divider3 = 'var(--seed-semantic-color-divider-3)';
+export const accent = 'var(--seed-semantic-color-accent)';
+export const inkText = 'var(--seed-semantic-color-ink-text)';
+export const inkTextLow = 'var(--seed-semantic-color-ink-text-low)';

src/vars/static/color.ts

@@ -1,15 +0,17 @@
-export const white = 'var(--seed-static-color-white)';
-export const black = 'var(--seed-static-color-black)';
-export const blackAlpha200 = 'var(--seed-static-color-black-alpha-200)';
-export const blackAlpha500 = 'var(--seed-static-color-black-alpha-500)';
-export const gray900 = 'var(--seed-static-color-gray-900)';
-export const carrot50 = 'var(--seed-static-color-carrot-50)';
-export const carrot800 = 'var(--seed-static-color-carrot-800)';
-export const green50 = 'var(--seed-static-color-green-50)';
-export const green800 = 'var(--seed-static-color-green-800)';
-export const yellow50 = 'var(--seed-static-color-yellow-50)';
-export const yellow800 = 'var(--seed-static-color-yellow-800)';
-export const red50 = 'var(--seed-static-color-red-50)';
-export const red800 = 'var(--seed-static-color-red-800)';
-export const blue50 = 'var(--seed-static-color-blue-50)';
-export const blue800 = 'var(--seed-static-color-blue-800)';
+export const staticBlack = 'var(--seed-static-color-static-black)';
+export const staticWhite = 'var(--seed-static-color-static-white)';
+export const staticGray900 = 'var(--seed-static-color-static-gray-900)';
+export const staticCarrot50 = 'var(--seed-static-color-static-carrot-50)';
+export const staticCarrot800 = 'var(--seed-static-color-static-carrot-800)';
+export const staticGreen50 = 'var(--seed-static-color-static-green-50)';
+export const staticGreen800 = 'var(--seed-static-color-static-green-800)';
+export const staticYellow50 = 'var(--seed-static-color-static-yellow-50)';
+export const staticYellow800 = 'var(--seed-static-color-static-yellow-800)';
+export const staticRed50 = 'var(--seed-static-color-static-red-50)';
+export const staticRed800 = 'var(--seed-static-color-static-red-800)';
+export const staticBlue50 = 'var(--seed-static-color-static-blue-50)';
+export const staticBlue800 = 'var(--seed-static-color-static-blue-800)';
+export const staticBlackAlpha200 = 'var(--seed-static-color-static-black-alpha-200)';
+export const staticBlackAlpha500 = 'var(--seed-static-color-static-black-alpha-500)';
+export const staticWhiteAlpha50 = 'var(--seed-static-color-static-white-alpha-50)';
+export const staticWhiteAlpha200 = 'var(--seed-static-color-static-white-alpha-200)';

Fixed alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

75558

increased by41.19%

Lines of code

441

increased by42.26%

Number of medium supply chain risk alerts

0

decreased by-100%

No dependency changes