New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@okta/odyssey-design-tokens

Package Overview
Dependencies
Maintainers
1
Versions
146
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@okta/odyssey-design-tokens - npm Package Compare versions

Comparing version 0.23.0 to 0.24.0

109

dist/index.d.ts
/**
* Do not edit directly
* Generated on Mon, 08 May 2023 19:07:54 GMT
* Generated on Thu, 25 May 2023 20:47:28 GMT
*/

@@ -45,35 +45,68 @@

export const ColorNeutralDark : string;
export const ColorPaletteNeutral100 : string; // Used for read-only/disabled states
export const ColorPaletteNeutral200 : string; // Used for display borders
export const ColorPaletteNeutral500 : string; // Used for interactive UI borders
export const ColorPaletteNeutral600 : string; // Used for caption text, status label, disabled overlay buttons
export const ColorPaletteNeutral900 : string; // Used for titles, body copy, icons, shadows, tooltips
export const ColorPaletteNeutralWhite : string; // Used for page backgrounds, text
export const ColorPaletteNeutral000 : string; // Used for backgrounds, read-only & disabled input fills
export const ColorPaletteBlue300 : string; // Used for buttons disabled state fills & borders, focus rings
export const ColorPaletteBlue500 : string; // Used for links, buttons, icons, hover states, selected states
export const ColorPaletteBlue900 : string; // Used for okta logo, brand moments, button hovers
export const ColorPaletteBlue000 : string; // Used for clear button hover, backgrounds
export const ColorPaletteGreen300 : string; // n/a
export const ColorPaletteGreen500 : string; // Used for moments of success, validation, wayfinding, status
export const ColorPaletteGreen600 : string; // n/a
export const ColorPaletteGreen900 : string; // Used for moments of success, validation, wayfinding
export const ColorPaletteGreen000 : string; // Used for moments of success, validation, wayfinding
export const ColorPaletteRed300 : string; // Used for danger button disabled state fills, borders, & focus ring
export const ColorPaletteRed500 : string; // Used for system errors, danger buttons, error states, status dot
export const ColorPaletteRed900 : string; // Used for destructive button & invalid input hovers
export const ColorPaletteRed000 : string; // Used for system errors, danger buttons, error states
export const ColorPaletteYellow300 : string; // n/a
export const ColorPaletteYellow500 : string; // Used for moments of caution, status dot
export const ColorPaletteYellow900 : string; // Used for moments of caution
export const ColorPaletteYellow000 : string; // Used for moments of caution
export const ColorPaletteOrange500 : string; // n/a
export const ColorPaletteTurquoise400 : string; // Used for background color
export const ColorPaletteTurquoise500 : string; // Used for brand moments
export const ColorPalettePurple500 : string; // Used for moments of learning, tips, brand moments
export const ColorTextBody : string; // Base text color used for most typography
export const ColorTextHeading : string; // Base text color used for headings
export const ColorTextBodyInverse : string; // Inverse text color typically used on a colorful background
export const ColorTextPrimary : string; // Branded text color, primarily used within button
export const ColorTextSub : string; // Text color for subordinate text like captions
/** Used for read-only/disabled states */
export const ColorPaletteNeutral100 : string;
/** Used for display borders */
export const ColorPaletteNeutral200 : string;
/** Used for interactive UI borders */
export const ColorPaletteNeutral500 : string;
/** Used for caption text, status label, disabled overlay buttons */
export const ColorPaletteNeutral600 : string;
/** Used for titles, body copy, icons, shadows, tooltips */
export const ColorPaletteNeutral900 : string;
/** Used for page backgrounds, text */
export const ColorPaletteNeutralWhite : string;
/** Used for backgrounds, read-only & disabled input fills */
export const ColorPaletteNeutral000 : string;
/** Used for buttons disabled state fills & borders, focus rings */
export const ColorPaletteBlue300 : string;
/** Used for links, buttons, icons, hover states, selected states */
export const ColorPaletteBlue500 : string;
/** Used for okta logo, brand moments, button hovers */
export const ColorPaletteBlue900 : string;
/** Used for clear button hover, backgrounds */
export const ColorPaletteBlue000 : string;
/** n/a */
export const ColorPaletteGreen300 : string;
/** Used for moments of success, validation, wayfinding, status */
export const ColorPaletteGreen500 : string;
/** n/a */
export const ColorPaletteGreen600 : string;
/** Used for moments of success, validation, wayfinding */
export const ColorPaletteGreen900 : string;
/** Used for moments of success, validation, wayfinding */
export const ColorPaletteGreen000 : string;
/** Used for danger button disabled state fills, borders, & focus ring */
export const ColorPaletteRed300 : string;
/** Used for system errors, danger buttons, error states, status dot */
export const ColorPaletteRed500 : string;
/** Used for destructive button & invalid input hovers */
export const ColorPaletteRed900 : string;
/** Used for system errors, danger buttons, error states */
export const ColorPaletteRed000 : string;
/** n/a */
export const ColorPaletteYellow300 : string;
/** Used for moments of caution, status dot */
export const ColorPaletteYellow500 : string;
/** Used for moments of caution */
export const ColorPaletteYellow900 : string;
/** Used for moments of caution */
export const ColorPaletteYellow000 : string;
/** n/a */
export const ColorPaletteOrange500 : string;
/** Used for background color */
export const ColorPaletteTurquoise400 : string;
/** Used for brand moments */
export const ColorPaletteTurquoise500 : string;
/** Used for moments of learning, tips, brand moments */
export const ColorPalettePurple500 : string;
/** Base text color used for most typography */
export const ColorTextBody : string;
/** Base text color used for headings */
export const ColorTextHeading : string;
/** Inverse text color typically used on a colorful background */
export const ColorTextBodyInverse : string;
/** Branded text color, primarily used within button */
export const ColorTextPrimary : string;
/** Text color for subordinate text like captions */
export const ColorTextSub : string;
export const ColorTextDanger : string;

@@ -87,4 +120,6 @@ export const FocusOutlineColorPrimary : string;

export const FocusOutlineWidthTight : string;
export const FontFamilyBase : string; // Default font used within all Okta product user interfaces
export const FontFamilyMono : string; // Monospace font used within all Okta product user interfaces
/** Default font used within all Okta product user interfaces */
export const FontFamilyBase : string;
/** Monospace font used within all Okta product user interfaces */
export const FontFamilyMono : string;
export const FontScale0 : string;

@@ -136,2 +171,2 @@ export const FontScale1 : string;

export const TransitionDurationBase : string;
export const TransitionTimingBase : string;
export const TransitionTimingBase : string;

4

dist/index.js
/**
* Do not edit directly
* Generated on Mon, 08 May 2023 19:07:54 GMT
* Generated on Thu, 25 May 2023 20:47:28 GMT
*/

@@ -134,2 +134,2 @@

export const TransitionDurationBase = "100ms";
export const TransitionTimingBase = "linear";
export const TransitionTimingBase = "linear";

4

package.json
{
"name": "@okta/odyssey-design-tokens",
"version": "0.23.0",
"version": "0.24.0",
"description": "Design tokens for Odyssey, Okta's design system",

@@ -22,3 +22,3 @@ "author": "Okta, Inc.",

},
"gitHead": "46e7484fa0317496e65b9ba8b3f930956b0470e9"
"gitHead": "a0606b67a94216882f377514f2f733c6ebb39f9d"
}
dist/index.scss

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc