Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@okta/odyssey-design-tokens

Package Overview
Dependencies
Maintainers
0
Versions
145
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@okta/odyssey-design-tokens - npm Package Versions

1
1314

0.10.0

Diff

Changelog

Source

0.10.0 (2022-03-03)

⚠ BREAKING CHANGES

  • odyssey-react: Heading now applies standard line-heights for each semantic and visual heading level. If custom line-heights are desired for these headings, they can now be themed. Alternately, Text may be used to generate custom font-size/line-height combinations.
  • odyssey-react: removes "normal" and "heading" line height props in favor of "body" and "heading"s 1-6; (e.g. "heading3")
  • odyssey-design-tokens: set space scale under "scale"
  • odyssey-design-tokens: removes prior space tokens from dict
  • odyssey-react: utilizes new type tokens
  • odyssey-design-tokens: updates type tokens to match new scale
  • odyssey-react: icons deleted and renamed
  • odyssey-icons: icons deleted and renamed
  • odyssey-design-tokens: migrates all focus tokens under Focus; renames outlines tokens
  • odyssey-design-tokens: define explicit exports and module type
  • odyssey-react: define explicit exports and module type
  • odyssey-react-theme: define explicit exports and module type

Features

  • browserslist-config-odyssey: make package public (d0341bf)
  • odyssey-design-tokens: add new spacing scale (faf6f19)
  • odyssey-design-tokens: make Neutral Dark color available (a718368)
  • odyssey-design-tokens: standardize focus styles for outline (c6556a0)
  • odyssey-design-tokens: updates type tokens to match new scale (b763705)
  • odyssey-icons: update icons with new designs (c46a433)
  • odyssey-react-theme: useTheme hook (fce5848)
  • odyssey-react: add SvgIcon to exported components (bbe1ff3)
  • odyssey-react: update focus styles to be a11y-friendly (a9dc7c4)
  • odyssey-react: update icons with new designs, update components with icons (a5430b9)
  • odyssey-storybook: force 14px font-size on preview html (9eb4fdc)
  • odyssey-storybook: update Icon and Link stories with new icons (67d9d3f)
  • odyssey: add package for IE 11 testing sandbox (e30b754)

Code Refactoring

  • odyssey-design-tokens: define explicit exports and module type (fdb56c5)
  • odyssey-design-tokens: removes prior space tokens from dict (f35b3f5)
  • odyssey-design-tokens: set space scale under "scale" (5ddbe65)
  • odyssey-react-theme: define explicit exports and module type (f71a20b)
  • odyssey-react: define explicit exports and module type (6a194a5)
  • odyssey-react: remove lineheight props from Heading (d0538d0)
  • odyssey-react: update Text props to reflect new line-heights (f0ef803)
  • odyssey-react: utilizes new type tokens (3650b7c)
oktauploader
published 0.9.3 •

Changelog

Source

0.9.3 (2022-02-24)

Features

  • odyssey-babel-plugin: make package public (072c628)
  • odyssey-babel-preset: make package public (082b214)
  • odyssey-lifecycle: add new package to reduce duplication for lifecycle scripts (aff7760)
  • odyssey-postcss-preset: make package public (e06adcc)
  • odyssey-postcss-scss: make package public (a215fab)
  • odyssey-postcss-theme: make package public (00a7555)
oktauploader
published 0.9.2 •

Changelog

Source

0.9.2 (2022-02-17)

Features

  • odyssey-react: add resize prop to TextArea (9e71ba0)

Bug Fixes

  • improve class name hashing (a22e295)
oktauploader
published 0.9.1 •

Changelog

Source

0.9.1 (2022-02-10)

Features

  • odyssey-storybook: add autogenerated theme tokens tables and component theme table (705057b)
  • odyssey-storybook: add build to prepublishOnly (0ebf5a6)
  • odyssey-storybook: add theme variable tables to all component doc pages (b6a8a1f)
  • odyssey-storybook: move component location and update props based on feedback (3edfdbe)

Bug Fixes

  • odyssey-react: add relatively positioned containers to Checkbox and Radio (1e48b51)
  • odyssey-react: allow Infobox to have content without extra space for heading (93a67dd)
  • odyssey-storybook: add Infobox stories with only heading and content (3e3e401)
oktauploader
published 0.9.0 •

Changelog

Source

0.9.0 (2022-02-02)

⚠ BREAKING CHANGES

  • odyssey-react: rename TextInput "inputRef" prop to "ref"
  • odyssey-react: rename TextArea "textareaRef" prop to "ref"
  • odyssey-react: renames "title" props to "heading"
  • odyssey-react: renames FieldGroup "title" prop to "legend"
  • odyssey-react: renames Table "title" prop to "caption"
  • odyssey-react: rename Tag component to TagList
  • odyssey-react: rename Table prop "title" to "heading"
  • odyssey-react: remove odyssey-deprecated-global.css stylesheet. Odyssey consumers should now use component composition.
  • odyssey-react: remove data-testid="ods-toast-pen" from Toast
  • odyssey-react: remove data-testid="ods-tabs" from Tabs
  • odyssey-react: Text prop fontWeight "regular" renamed to "normal"
  • odyssey-react: Text props color "heading" "danger-disabled" and "code" removed
  • odyssey-react: Text prop fontSize "lede" removed
  • odyssey-react: Text props textTransform "full-width" and "full-size-kana" removed
  • odyssey-react: Text prop lineHeight "font" removed
  • odyssey-react: Text prop overflowWrap "anywhere" removed
  • odyssey-react: required form input components must now declare true prop for required
  • odyssey-react: non-required form input components must now declare translated string prop for optionalLabel
  • odyssey-react: rename Text props and values to match standard css, remove text interaction props
  • odyssey-react: Text prop hoverBorderColor prop "interactive" renamed to "ui"

Features

  • expose hidden choices reference (a64597a)
  • no invalid theme properties eslint rule (847d506)
  • odyssey-design-tokens: add heading color token (2e55f7b)
  • odyssey-design-tokens: add new functional colors (a7890f8)
  • odyssey-design-tokens: add space tokens (e8ff2de)
  • odyssey-design-tokens: add tokens for sizing, addl colors (6b8d9a0)
  • odyssey-design-tokens: add transition and line height tokens (b8a1d9f)
  • odyssey-react-theme: add new react-theme package (d2197f2)
  • odyssey-react: add base styles and theme variables to TextInput (3216e72)
  • odyssey-react: add Box as Button root (c0971de)
  • odyssey-react: add Box as root of Banner (3321802)
  • odyssey-react: add Box as root of Checkbox (ce14011)
  • odyssey-react: add Box as root of FieldGroup (e325f50)
  • odyssey-react: add Box as root of Link (35d74f9)
  • odyssey-react: add Box in Heading (564d674)
  • odyssey-react: add Box to Tag (ab87e11)
  • odyssey-react: add Box to Modal and sub-components (0b8f85a)
  • odyssey-react: add Box to Select option and optiongroup (a48a5d4)
  • odyssey-react: add Box to Table (f7aed53)
  • odyssey-react: add Box to Tabs components (d4bfae9)
  • odyssey-react: add Box to Toast (581a8eb)
  • odyssey-react: add Box to Tooltip (f157469)
  • odyssey-react: add Box wrapper to RadioButton (31938c6)
  • odyssey-react: add full Box component implementation (35c47af)
  • odyssey-react: add inherit to Box text prop values (4ba9794)
  • odyssey-react: add reset styles to box, expose as prop (ab539a8)
  • odyssey-react: add support for className prop in Box (117e0bb)
  • odyssey-react: add text classes to Box withStyles (264218f)
  • odyssey-react: add Text component to Button to remove dependence on global styles (16e7b3e)
  • odyssey-react: add text styles to Box root (a653b3d)
  • odyssey-react: add theme variables to List (2364006)
  • odyssey-react: add theme variables to RadioButton. Consistency pass for variable naming (be14acc)
  • odyssey-react: add themeing variables to Checkbox (fbf79e5)
  • odyssey-react: add themeing variables to Toast (752d1ea)
  • odyssey-react: add ThemeProvider (41a5516)
  • odyssey-react: add theming to CircularLoadIndicator (d58604f)
  • odyssey-react: add theming to Table (e059ac3)
  • odyssey-react: add theming to Tooltip (2ec9e86)
  • odyssey-react: add WithTheme HOC (325155e)
  • odyssey-react: add withTheme to Infobox (015256d)
  • odyssey-react: additional theme vars in Checkbox (27cafca)
  • odyssey-react: additional theme vars in Checkbox (54e3f38)
  • odyssey-react: align theme variables between components (97ee069)
  • odyssey-react: align types related to Box (0c4d4d9)
  • odyssey-react: allow Button to control font-family (8eb6d05)
  • odyssey-react: allow default text properties to be overriden in Box (da68956)
  • odyssey-react: allow font-style to be set by Link with Box (0cfe6d0)
  • odyssey-react: cleanup Box api docs and css rules (014b867)
  • odyssey-react: consistent margin and padding theme varible names in Checkbox (899789f)
  • odyssey-react: convert Status to tokens (be5b1f2)
  • odyssey-react: correct order of stylesheets withStyles in Box (4a627e7)
  • odyssey-react: enable theming for Link (81a7b1b)
  • odyssey-react: eternalize string case conversion utils, remove duplicate root Text styles (75178c1)
  • odyssey-react: exclude lineHeight from Table Box wrapper (e2588a1)
  • odyssey-react: fix TS error in Box story (a86e98f)
  • odyssey-react: heading withTheme (d8cbae5)
  • odyssey-react: initial theme setup for TextInput (1e0ac34)
  • odyssey-react: omit fontSize from Heading's Box root (916011f)
  • odyssey-react: omit lineHeight from Heading's Box root (7f16d75)
  • odyssey-react: only style unclassed HTML 5 elements under box (759681a)
  • odyssey-react: refactor CircularLoadIndicator to use Box (d0d4666)
  • odyssey-react: refactor Infobox to use Box (1508d2e)
  • odyssey-react: remove defaults for Box margin and padding (df07d90)
  • odyssey-react: remove lineheight from TableSortButton Box wrapper (8262093)
  • odyssey-react: remove Text styles form Box (505c7a4)
  • odyssey-react: remove unused style declaration and add missing variables to TextInput (2d72b10)
  • odyssey-react: remove use of ReactDOMServer in Select (6f484a4)
  • odyssey-react: rename theme properties in List (e9bb90c)
  • odyssey-react: set overrides for Tooltip font styles (575112c)
  • odyssey-react: spread omitted rest props for TextInput (e86aaaf)
  • odyssey-react: spread omitted rest props through for Modal (aeed8f0)
  • odyssey-react: Text component refactor in Banner (#1160) (8795f01)
  • odyssey-react: trim Box css reset (7daac55)
  • odyssey-react: unset default text properties in Box using false value for props (d0ba167)
  • odyssey-react: update Box docs to match implementation (fd09115)
  • odyssey-react: update Button with Text to overcome regressions (235863b)
  • odyssey-react: update indicator size in TextInput (254398d)
  • odyssey-react: update max width variable (f4d039b)
  • odyssey-react: update overflow story for Box (6fc2261)
  • odyssey-react: update spacing css for RadioButton (4b7834d)
  • odyssey-react: update Text api to simplify and align with standard css (54b2538)
  • odyssey-react: update text import (d48393a)
  • odyssey-react: update to correct FontSize theme variable name in Checkbox (a09cb4c)
  • odyssey-react: update variable naming (bbea0f5)
  • odyssey-react: updated Box to use polymorphic as prop (32a3cf2)
  • odyssey-react: use root class name from styles object in RadioButton (de032a0)
  • odyssey-react: use Text component in Field (c0b5735)
  • odyssey-react: utilize Space tokens in Status (e8f052e)
  • odyssey-react: withTheme for Banner (e56d09e)
  • odyssey-react: withTheme for Box (6916b7a)
  • odyssey-react: withTheme for Button (fe466a7)
  • odyssey-react: withTheme for Field (a6b9cfa)
  • odyssey-react: withTheme for Form (fa77ce3)
  • odyssey-react: withTheme for Modal (75ad6f2)
  • odyssey-react: withTheme for ScreenReaderText (b21e4f3)
  • odyssey-react: withTheme for Select (95008bf)
  • odyssey-react: withTheme for SvgIcon (a1d66d3)
  • odyssey-react: withTheme for Tabs (b037e68)
  • odyssey-react: withTheme for tag (970ccdd)
  • odyssey-react: withTheme for Text (83ddd3f)
  • odyssey-react: withTheme for TextArea (1a52082)
  • odyssey-storybook: add stories to document Box (eb4bf3d)
  • odyssey-storybook: update stories to use new Text api (a269860)
  • support async select options (0bc1986)

Bug Fixes

  • controlled select case by using to ref.current (b61b2bd)
  • lint (617b736)
  • odyssey-design-tokens: fix em to rem (4774ae5)
  • odyssey-react: disabled text color for Select (38445f2)
  • odyssey-react: fix failing Field related tests (0fd1fe0)
  • odyssey-react: fix Search Icon layer height (b597d73)
  • odyssey-react: fix types path (674ba20)
  • odyssey-react: fixes visual blemishes in Select styling (d52d054)
  • odyssey-react: improve List children type annotation (1676b58)
  • odyssey-react: input height for multiple Select (5cf6a79)
  • odyssey-react: remove inherited color from props for StatusProps (704b226)
  • odyssey-react: remove stray console log (48cde40)
  • odyssey-react: required prop default to true (0ad6b7a)
  • odyssey-storybook: add Field.docgen to fix props table (f2672bc)
  • odyssey-storybook: updated deprecated prop in box (5658844)
  • remove added dep / prop (a349727)
  • type issue need cast to force union start type when using callback (2f8f482)
  • updates per review feedback (10cf21e)

Code Refactoring

  • odyssey-design-tokens: renames "title" tokens to "heading" (fd650fd)
  • odyssey-react: remove data-testid="ods-tabs" from Tabs (641a332)
  • odyssey-react: remove data-testid="ods-toast-pen" from Toast (8689746)
  • odyssey-react: remove global typography styles (01f0b0e)
  • odyssey-react: rename Table prop "title" to "heading" (1aa9bd1)
  • odyssey-react: rename Tag to TagList (6bdbfa6)
  • odyssey-react: rename TextArea textareaRef prop to ref, forward spread rest props (354bd84)
  • odyssey-react: rename TextInput inputRef prop to ref (a795c66)
  • odyssey-react: renames "title" props to "heading" (0be3fb7)
  • odyssey-react: renames FieldGroup "title" prop to "legend" (44dc958)
  • odyssey-react: renames Table "heading" and "caption" props (a515cee)
  • odyssey: renames "title" variables to "heading" (622d4ec)
1
1314
SocketSocket SOC 2 Logo

Product

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

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc