@leafygreen-ui/ordered-list - npm Package Compare versions

Comparing version 3.0.10 to 3.0.11

CHANGELOG.md

 # @leafygreen-ui/ordered-list
 
+## 3.0.11
+
+### Patch Changes
+
+- 1c0c03a: Updates the focus ring token to use the base blue color in light mode. [LG-5847](https://jira.mongodb.org/browse/LG-5847)
+- Updated dependencies [1c0c03a]
+  - @leafygreen-ui/tokens@4.2.2
+  - @leafygreen-ui/typography@22.2.4
+
 ## 3.0.10
@@ -4,0 +13,0 @@

dist/esm/index.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.js","sources":["../../src/OrderedListContext/OrderedListContext.ts","../../src/OrderedList/OrderedList.styles.ts","../../src/OrderedListItem/OrderedListItem.styles.ts","../../src/OrderedList/OrderedList.tsx","../../src/OrderedListItem/OrderedListItem.tsx"],"sourcesContent":["import {\n  createDescendantsContext,\n  useDescendantsContext,\n} from '@leafygreen-ui/descendants';\n\nexport const OrderedListContext =\n  createDescendantsContext<HTMLLIElement>('OrderedListContext');\n\nexport function useOrderedListContext() {\n  return useDescendantsContext(OrderedListContext);\n}\n","import { css } from '@leafygreen-ui/emotion';\nimport { spacing } from '@leafygreen-ui/tokens';\n\nexport const baseStyles = css`\n  list-style-type: none;\n  display: flex;\n  flex-direction: column;\n  gap: ${spacing[400]}px;\n  padding: 0;\n  margin: 0;\n`;\n","import { css } from '@leafygreen-ui/emotion';\nimport { createUniqueClassName, Theme } from '@leafygreen-ui/lib';\nimport { color, spacing } from '@leafygreen-ui/tokens';\n\nexport const stepIconClassName = createUniqueClassName('step');\n\nconst MARKER_SIZE = 20;\n\nexport const baseStyles = css`\n  display: flex;\n  gap: ${spacing[200]}px;\n  margin-bottom: ${spacing[100]}px;\n`;\n\nexport const contentStyles = css`\n  width: 100%;\n`;\n\nexport const markerStyles = css`\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid;\n  width: ${MARKER_SIZE}px;\n  height: ${MARKER_SIZE}px;\n  position: relative;\n  font-size: 12px;\n  font-weight: 500;\n`;\n\nexport const titleStyles = css`\n  font-weight: bold;\n  line-height: unset;\n`;\n\nexport const getThemedStateStyles = (theme: Theme) => css`\n  color: ${color[theme].text.primary.default};\n  background-color: rgba(255, 255, 255, 0);\n  border-color: ${color[theme].border.primary.default};\n`;\n","import React from 'react';\n\nimport {\n  DescendantsProvider,\n  useInitDescendants,\n} from '@leafygreen-ui/descendants';\nimport { cx } from '@leafygreen-ui/emotion';\nimport LeafyGreenProvider, {\n  useDarkMode,\n} from '@leafygreen-ui/leafygreen-provider';\n\nimport { OrderedListContext } from '../OrderedListContext';\n\nimport { baseStyles } from './OrderedList.styles';\nimport { OrderedListProps } from './OrderedList.types';\n\nconst OrderedList = React.forwardRef(\n  (\n    { children, className, darkMode: darkModeProp, ...rest }: OrderedListProps,\n    ref: React.ForwardedRef<HTMLOListElement>,\n  ) => {\n    const { descendants, dispatch } =\n      useInitDescendants<HTMLLIElement>(OrderedListContext);\n\n    const { darkMode } = useDarkMode(darkModeProp);\n\n    return (\n      <LeafyGreenProvider darkMode={darkMode}>\n        <DescendantsProvider\n          context={OrderedListContext}\n          descendants={descendants}\n          dispatch={dispatch}\n        >\n          <ol {...rest} ref={ref} className={cx(baseStyles, className)}>\n            {children}\n          </ol>\n        </DescendantsProvider>\n      </LeafyGreenProvider>\n    );\n  },\n);\n\nOrderedList.displayName = 'OrderedList';\n\nexport { OrderedList };\n","import React from 'react';\n\nimport { useDescendant } from '@leafygreen-ui/descendants';\nimport { cx } from '@leafygreen-ui/emotion';\nimport { useDarkMode } from '@leafygreen-ui/leafygreen-provider';\nimport { Body, Description } from '@leafygreen-ui/typography';\n\nimport { OrderedListContext } from '../OrderedListContext/OrderedListContext';\n\nimport {\n  baseStyles,\n  contentStyles,\n  getThemedStateStyles,\n  markerStyles,\n  stepIconClassName,\n  titleStyles,\n} from './OrderedListItem.styles';\nimport { OrderedListItemProps } from './OrderedListItem.types';\n\nconst OrderedListItem = React.forwardRef(\n  (\n    { children, className, title, description, ...rest }: OrderedListItemProps,\n    forwardRef: React.ForwardedRef<HTMLLIElement>,\n  ) => {\n    const { index, ref } = useDescendant(OrderedListContext, forwardRef);\n    const { theme } = useDarkMode();\n\n    return (\n      <li ref={ref} className={cx(baseStyles, className)} {...rest}>\n        <div className={stepIconClassName}>\n          <div className={cx(markerStyles, getThemedStateStyles(theme))}>\n            {index + 1}\n          </div>\n        </div>\n\n        <div className={contentStyles}>\n          <Body baseFontSize={16} className={titleStyles}>\n            {title}\n          </Body>\n          <Description>{description}</Description>\n        </div>\n      </li>\n    );\n  },\n);\n\nOrderedListItem.displayName = 'OrderedListItem';\n\nexport { OrderedListItem };\n"],"names":["_templateObject","OrderedListContext","createDescendantsContext","useOrderedListContext","useDescendantsContext","_templateObject2","_templateObject3","_templateObject4","_templateObject5","baseStyles","css","_taggedTemplateLiteral","spacing","_excluded","OrderedList","React","forwardRef","_ref","ref","children","className","darkModeProp","darkMode","rest","_objectWithoutProperties","_useInitDescendants","useInitDescendants","descendants","dispatch","useDarkMode","createElement","LeafyGreenProvider","DescendantsProvider","context","_extends","cx","displayName","stepIconClassName","createUniqueClassName","contentStyles","markerStyles","titleStyles","getThemedStateStyles","theme","color","text","primary","default","border","OrderedListItem","title","description","_useDescendant","useDescendant","index","Body","baseFontSize","Description"],"mappings":"oqCACU,ICANA,EDAOC,EAAqBC,EAAyB,sBAClD,SAASC,IACd,OAAOC,EAAsBH,EAC/B,CCAO,ICHHD,EAAiBK,EAAkBC,EAAkBC,EAAkBC,EDGhEC,EAAaC,EAAIV,IAAoBA,EAAkBW,EAAuB,CAAC,mFAAoF,wCAAyCC,EAAQ,MEH3NC,EAAY,CAAC,WAAY,YAAa,YAOtCC,EAA2BC,EAAMC,WAAW,SAAUC,EAAMC,GAC9D,IAAIC,EAAWF,EAAKE,SAClBC,EAAYH,EAAKG,UACjBC,EAAeJ,EAAKK,SACpBC,EAAOC,EAAyBP,EAAMJ,GACpCY,EAAsBC,EAAmBzB,GAC3C0B,EAAcF,EAAoBE,YAClCC,EAAWH,EAAoBG,SAE/BN,EADiBO,EAAYR,GACLC,SAC1B,OAAoBP,EAAMe,cAAcC,EAAoB,CAC1DT,SAAUA,GACIP,EAAMe,cAAcE,EAAqB,CACvDC,QAAShC,EACT0B,YAAaA,EACbC,SAAUA,GACIb,EAAMe,cAAc,KAAMI,EAAS,CAAA,EAAIX,EAAM,CAC3DL,IAAKA,EACLE,UAAWe,EAAG1B,EAAYW,KACxBD,IACN,GACAL,EAAYsB,YAAc,cDxBnB,IAAIC,EAAoBC,EAAsB,QAE1C7B,EAAaC,EAAIV,IAAoBA,EAAkBW,EAAuB,CAAC,8BAA+B,yBAA0B,WAAYC,EAAQ,KAAMA,EAAQ,MAC1K2B,EAAgB7B,EAAIL,IAAqBA,EAAmBM,EAAuB,CAAC,yBACpF6B,EAAe9B,EAAIJ,IAAqBA,EAAmBK,EAAuB,CAAC,iIAAkI,kBAAmB,2EAHjO,OAIP8B,EAAc/B,EAAIH,IAAqBA,EAAmBI,EAAuB,CAAC,sDAClF+B,EAAuB,SAA8BC,GAC9D,OAAOjC,EAAIF,IAAqBA,EAAmBG,EAAuB,CAAC,cAAe,mEAAoE,SAAUiC,EAAMD,GAAOE,KAAKC,QAAQC,QAASH,EAAMD,GAAOK,OAAOF,QAAQC,QACzO,EEZIlC,EAAY,CAAC,WAAY,YAAa,QAAS,eAQ/CoC,EAA+BlC,EAAMC,WAAW,SAAUC,EAAMD,GACnDC,EAAKE,SACtB,IAAIC,EAAYH,EAAKG,UACjB8B,EAAQjC,EAAKiC,MACbC,EAAclC,EAAKkC,YACnB5B,EAAOC,EAAyBP,EAAMJ,GACpCuC,EAAiBC,EAAcpD,EAAoBe,GACrDsC,EAAQF,EAAeE,MACvBpC,EAAMkC,EAAelC,IAErByB,EADiBd,IACIc,MACvB,OAAoB5B,EAAMe,cAAc,KAAMI,EAAS,CACrDhB,IAAKA,EACLE,UAAWe,EAAG1B,EAAYW,IACzBG,GAAoBR,EAAMe,cAAc,MAAO,CAChDV,UAAWiB,GACGtB,EAAMe,cAAc,MAAO,CACzCV,UAAWe,EAAGK,EAAcE,EAAqBC,KAChDW,EAAQ,IAAkBvC,EAAMe,cAAc,MAAO,CACtDV,UAAWmB,GACGxB,EAAMe,cAAcyB,EAAM,CACxCC,aAAc,GACdpC,UAAWqB,GACVS,GAAqBnC,EAAMe,cAAc2B,EAAa,KAAMN,IACjE,GACAF,EAAgBb,YAAc"}
+{"version":3,"file":"index.js","sources":["../../src/OrderedListContext/OrderedListContext.ts","../../src/OrderedList/OrderedList.styles.ts","../../src/OrderedList/OrderedList.tsx","../../src/OrderedListItem/OrderedListItem.styles.ts","../../src/OrderedListItem/OrderedListItem.tsx"],"sourcesContent":["import {\n  createDescendantsContext,\n  useDescendantsContext,\n} from '@leafygreen-ui/descendants';\n\nexport const OrderedListContext =\n  createDescendantsContext<HTMLLIElement>('OrderedListContext');\n\nexport function useOrderedListContext() {\n  return useDescendantsContext(OrderedListContext);\n}\n","import { css } from '@leafygreen-ui/emotion';\nimport { spacing } from '@leafygreen-ui/tokens';\n\nexport const baseStyles = css`\n  list-style-type: none;\n  display: flex;\n  flex-direction: column;\n  gap: ${spacing[400]}px;\n  padding: 0;\n  margin: 0;\n`;\n","import React from 'react';\n\nimport {\n  DescendantsProvider,\n  useInitDescendants,\n} from '@leafygreen-ui/descendants';\nimport { cx } from '@leafygreen-ui/emotion';\nimport LeafyGreenProvider, {\n  useDarkMode,\n} from '@leafygreen-ui/leafygreen-provider';\n\nimport { OrderedListContext } from '../OrderedListContext';\n\nimport { baseStyles } from './OrderedList.styles';\nimport { OrderedListProps } from './OrderedList.types';\n\nconst OrderedList = React.forwardRef(\n  (\n    { children, className, darkMode: darkModeProp, ...rest }: OrderedListProps,\n    ref: React.ForwardedRef<HTMLOListElement>,\n  ) => {\n    const { descendants, dispatch } =\n      useInitDescendants<HTMLLIElement>(OrderedListContext);\n\n    const { darkMode } = useDarkMode(darkModeProp);\n\n    return (\n      <LeafyGreenProvider darkMode={darkMode}>\n        <DescendantsProvider\n          context={OrderedListContext}\n          descendants={descendants}\n          dispatch={dispatch}\n        >\n          <ol {...rest} ref={ref} className={cx(baseStyles, className)}>\n            {children}\n          </ol>\n        </DescendantsProvider>\n      </LeafyGreenProvider>\n    );\n  },\n);\n\nOrderedList.displayName = 'OrderedList';\n\nexport { OrderedList };\n","import { css } from '@leafygreen-ui/emotion';\nimport { createUniqueClassName, Theme } from '@leafygreen-ui/lib';\nimport { color, spacing } from '@leafygreen-ui/tokens';\n\nexport const stepIconClassName = createUniqueClassName('step');\n\nconst MARKER_SIZE = 20;\n\nexport const baseStyles = css`\n  display: flex;\n  gap: ${spacing[200]}px;\n  margin-bottom: ${spacing[100]}px;\n`;\n\nexport const contentStyles = css`\n  width: 100%;\n`;\n\nexport const markerStyles = css`\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid;\n  width: ${MARKER_SIZE}px;\n  height: ${MARKER_SIZE}px;\n  position: relative;\n  font-size: 12px;\n  font-weight: 500;\n`;\n\nexport const titleStyles = css`\n  font-weight: bold;\n  line-height: unset;\n`;\n\nexport const getThemedStateStyles = (theme: Theme) => css`\n  color: ${color[theme].text.primary.default};\n  background-color: rgba(255, 255, 255, 0);\n  border-color: ${color[theme].border.primary.default};\n`;\n","import React from 'react';\n\nimport { useDescendant } from '@leafygreen-ui/descendants';\nimport { cx } from '@leafygreen-ui/emotion';\nimport { useDarkMode } from '@leafygreen-ui/leafygreen-provider';\nimport { Body, Description } from '@leafygreen-ui/typography';\n\nimport { OrderedListContext } from '../OrderedListContext/OrderedListContext';\n\nimport {\n  baseStyles,\n  contentStyles,\n  getThemedStateStyles,\n  markerStyles,\n  stepIconClassName,\n  titleStyles,\n} from './OrderedListItem.styles';\nimport { OrderedListItemProps } from './OrderedListItem.types';\n\nconst OrderedListItem = React.forwardRef(\n  (\n    { children, className, title, description, ...rest }: OrderedListItemProps,\n    forwardRef: React.ForwardedRef<HTMLLIElement>,\n  ) => {\n    const { index, ref } = useDescendant(OrderedListContext, forwardRef);\n    const { theme } = useDarkMode();\n\n    return (\n      <li ref={ref} className={cx(baseStyles, className)} {...rest}>\n        <div className={stepIconClassName}>\n          <div className={cx(markerStyles, getThemedStateStyles(theme))}>\n            {index + 1}\n          </div>\n        </div>\n\n        <div className={contentStyles}>\n          <Body baseFontSize={16} className={titleStyles}>\n            {title}\n          </Body>\n          <Description>{description}</Description>\n        </div>\n      </li>\n    );\n  },\n);\n\nOrderedListItem.displayName = 'OrderedListItem';\n\nexport { OrderedListItem };\n"],"names":["OrderedListContext","createDescendantsContext","useOrderedListContext","useDescendantsContext","baseStyles","css","_templateObject","_taggedTemplateLiteral","spacing","OrderedList","React","forwardRef","_ref","ref","children","className","darkModeProp","darkMode","rest","_objectWithoutProperties","_excluded","_useInitDescendants","useInitDescendants","descendants","dispatch","useDarkMode","createElement","LeafyGreenProvider","DescendantsProvider","context","_extends","cx","displayName","stepIconClassName","createUniqueClassName","contentStyles","_templateObject2","markerStyles","_templateObject3","titleStyles","_templateObject4","getThemedStateStyles","theme","_templateObject5","color","text","primary","default","border","OrderedListItem","title","description","_useDescendant","useDescendant","index","Body","baseFontSize","Description"],"mappings":"0qCAKaA,EACXC,EAAwC,sBAEnC,SAASC,IACd,OAAOC,EAAsBH,EAC/B,CCPO,cAAMI,EAAaC,EAAGC,IAAAA,EAAAC,EAIpBC,CAAAA,mFAAAA,wCAAAA,EAAQ,4CCSXC,EAAcC,EAAMC,WACxB,SAAAC,EAEEC,GACG,IAFDC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAqBC,EAAYJ,EAAtBK,SAA2BC,EAAIC,EAAAP,EAAAQ,GAGtDC,EACEC,EAAkCtB,GAD5BuB,EAAWF,EAAXE,YAAaC,EAAQH,EAARG,SAGbP,EAAaQ,EAAYT,GAAzBC,SAER,OACEP,EAAAgB,cAACC,EAAkB,CAACV,SAAUA,GAC5BP,EAAAgB,cAACE,EAAmB,CAClBC,QAAS7B,EACTuB,YAAaA,EACbC,SAAUA,GAEVd,EAAAgB,cAAAI,KAAAA,KAAQZ,EAAI,CAAEL,IAAKA,EAAKE,UAAWgB,EAAG3B,EAAYW,KAC/CD,IAKX,GAGFL,EAAYuB,YAAc,cCtCnB,IAAMC,EAAoBC,EAAsB,QAI1C9B,EAAaC,EAAGC,IAAAA,EAAAC,qEAEpBC,EAAQ,KACEA,EAAQ,MAGd2B,EAAgB9B,EAAG+B,IAAAA,EAAA7B,EAE/B,CAAA,yBAEY8B,EAAehC,EAAGiC,IAAAA,EAAA/B,EAAA,CAAA,iIAAA,kBAAA,2EAZX,OAyBPgC,EAAclC,EAAGmC,IAAAA,EAAAjC,EAG7B,CAAA,sDAEYkC,EAAuB,SAACC,GAAY,OAAKrC,EAAGsC,IAAAA,EAAApC,EAAA,CAAA,cAAA,mEAAA,SAC9CqC,EAAMF,GAAOG,KAAKC,QAAQC,QAEnBH,EAAMF,GAAOM,OAAOF,QAAQC,QAAO,mDCpB/CE,EAAkBvC,EAAMC,WAC5B,SAAAC,EAEED,GADUC,EAARE,aAAUC,EAASH,EAATG,UAAWmC,EAAKtC,EAALsC,MAAOC,EAAWvC,EAAXuC,YAAgBjC,EAAIC,EAAAP,EAAAQ,GAGlDgC,EAAuBC,EAAcrD,EAAoBW,GAAjD2C,EAAKF,EAALE,MAAOzC,EAAGuC,EAAHvC,IACP6B,EAAUjB,IAAViB,MAER,OACEhC,EAAAgB,cAAA,KAAAI,EAAA,CAAIjB,IAAKA,EAAKE,UAAWgB,EAAG3B,EAAYW,IAAgBG,GACtDR,EAAAgB,cAAA,MAAA,CAAKX,UAAWkB,GACdvB,EAAAgB,cAAA,MAAA,CAAKX,UAAWgB,EAAGM,EAAcI,EAAqBC,KACnDY,EAAQ,IAIb5C,EAAAgB,cAAA,MAAA,CAAKX,UAAWoB,GACdzB,EAAAgB,cAAC6B,EAAI,CAACC,aAAc,GAAIzC,UAAWwB,GAChCW,GAEHxC,EAAAgB,cAAC+B,EAAaN,KAAAA,IAItB,GAGFF,EAAgBjB,YAAc"}

dist/umd/index.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.js","sources":["../../src/OrderedListContext/OrderedListContext.ts","../../src/OrderedList/OrderedList.styles.ts","../../src/OrderedListItem/OrderedListItem.styles.ts","../../src/OrderedList/OrderedList.tsx","../../src/OrderedListItem/OrderedListItem.tsx"],"sourcesContent":["import {\n  createDescendantsContext,\n  useDescendantsContext,\n} from '@leafygreen-ui/descendants';\n\nexport const OrderedListContext =\n  createDescendantsContext<HTMLLIElement>('OrderedListContext');\n\nexport function useOrderedListContext() {\n  return useDescendantsContext(OrderedListContext);\n}\n","import { css } from '@leafygreen-ui/emotion';\nimport { spacing } from '@leafygreen-ui/tokens';\n\nexport const baseStyles = css`\n  list-style-type: none;\n  display: flex;\n  flex-direction: column;\n  gap: ${spacing[400]}px;\n  padding: 0;\n  margin: 0;\n`;\n","import { css } from '@leafygreen-ui/emotion';\nimport { createUniqueClassName, Theme } from '@leafygreen-ui/lib';\nimport { color, spacing } from '@leafygreen-ui/tokens';\n\nexport const stepIconClassName = createUniqueClassName('step');\n\nconst MARKER_SIZE = 20;\n\nexport const baseStyles = css`\n  display: flex;\n  gap: ${spacing[200]}px;\n  margin-bottom: ${spacing[100]}px;\n`;\n\nexport const contentStyles = css`\n  width: 100%;\n`;\n\nexport const markerStyles = css`\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid;\n  width: ${MARKER_SIZE}px;\n  height: ${MARKER_SIZE}px;\n  position: relative;\n  font-size: 12px;\n  font-weight: 500;\n`;\n\nexport const titleStyles = css`\n  font-weight: bold;\n  line-height: unset;\n`;\n\nexport const getThemedStateStyles = (theme: Theme) => css`\n  color: ${color[theme].text.primary.default};\n  background-color: rgba(255, 255, 255, 0);\n  border-color: ${color[theme].border.primary.default};\n`;\n","import React from 'react';\n\nimport {\n  DescendantsProvider,\n  useInitDescendants,\n} from '@leafygreen-ui/descendants';\nimport { cx } from '@leafygreen-ui/emotion';\nimport LeafyGreenProvider, {\n  useDarkMode,\n} from '@leafygreen-ui/leafygreen-provider';\n\nimport { OrderedListContext } from '../OrderedListContext';\n\nimport { baseStyles } from './OrderedList.styles';\nimport { OrderedListProps } from './OrderedList.types';\n\nconst OrderedList = React.forwardRef(\n  (\n    { children, className, darkMode: darkModeProp, ...rest }: OrderedListProps,\n    ref: React.ForwardedRef<HTMLOListElement>,\n  ) => {\n    const { descendants, dispatch } =\n      useInitDescendants<HTMLLIElement>(OrderedListContext);\n\n    const { darkMode } = useDarkMode(darkModeProp);\n\n    return (\n      <LeafyGreenProvider darkMode={darkMode}>\n        <DescendantsProvider\n          context={OrderedListContext}\n          descendants={descendants}\n          dispatch={dispatch}\n        >\n          <ol {...rest} ref={ref} className={cx(baseStyles, className)}>\n            {children}\n          </ol>\n        </DescendantsProvider>\n      </LeafyGreenProvider>\n    );\n  },\n);\n\nOrderedList.displayName = 'OrderedList';\n\nexport { OrderedList };\n","import React from 'react';\n\nimport { useDescendant } from '@leafygreen-ui/descendants';\nimport { cx } from '@leafygreen-ui/emotion';\nimport { useDarkMode } from '@leafygreen-ui/leafygreen-provider';\nimport { Body, Description } from '@leafygreen-ui/typography';\n\nimport { OrderedListContext } from '../OrderedListContext/OrderedListContext';\n\nimport {\n  baseStyles,\n  contentStyles,\n  getThemedStateStyles,\n  markerStyles,\n  stepIconClassName,\n  titleStyles,\n} from './OrderedListItem.styles';\nimport { OrderedListItemProps } from './OrderedListItem.types';\n\nconst OrderedListItem = React.forwardRef(\n  (\n    { children, className, title, description, ...rest }: OrderedListItemProps,\n    forwardRef: React.ForwardedRef<HTMLLIElement>,\n  ) => {\n    const { index, ref } = useDescendant(OrderedListContext, forwardRef);\n    const { theme } = useDarkMode();\n\n    return (\n      <li ref={ref} className={cx(baseStyles, className)} {...rest}>\n        <div className={stepIconClassName}>\n          <div className={cx(markerStyles, getThemedStateStyles(theme))}>\n            {index + 1}\n          </div>\n        </div>\n\n        <div className={contentStyles}>\n          <Body baseFontSize={16} className={titleStyles}>\n            {title}\n          </Body>\n          <Description>{description}</Description>\n        </div>\n      </li>\n    );\n  },\n);\n\nOrderedListItem.displayName = 'OrderedListItem';\n\nexport { OrderedListItem };\n"],"names":["_templateObject","OrderedListContext","createDescendantsContext","_templateObject2","_templateObject3","_templateObject4","_templateObject5","baseStyles","css","_taggedTemplateLiteral","spacing","_excluded","OrderedList","React","forwardRef","_ref","ref","children","className","darkModeProp","darkMode","rest","_objectWithoutProperties","_useInitDescendants","useInitDescendants","descendants","dispatch","useDarkMode","default","createElement","LeafyGreenProvider","DescendantsProvider","context","_extends","cx","displayName","stepIconClassName","createUniqueClassName","contentStyles","markerStyles","titleStyles","getThemedStateStyles","theme","color","text","primary","border","OrderedListItem","title","description","_useDescendant","useDescendant","index","Body","baseFontSize","Description","useDescendantsContext"],"mappings":"0kDACU,ICANA,EDAOC,EAAqBC,EAAwBA,yBAAC,sBCGlD,ICHHF,EAAiBG,EAAkBC,EAAkBC,EAAkBC,EDGhEC,EAAaC,EAAGA,IAACR,IAAoBA,EAAkBS,EAAuB,CAAC,mFAAoF,wCAAyCC,EAAOA,QAAC,MEH3NC,EAAY,CAAC,WAAY,YAAa,YAOtCC,EAA2BC,EAAAA,QAAMC,WAAW,SAAUC,EAAMC,GAC9D,IAAIC,EAAWF,EAAKE,SAClBC,EAAYH,EAAKG,UACjBC,EAAeJ,EAAKK,SACpBC,EAAOC,EAAyBP,EAAMJ,GACpCY,EAAsBC,EAAkBA,mBAACvB,GAC3CwB,EAAcF,EAAoBE,YAClCC,EAAWH,EAAoBG,SAE/BN,EADiBO,EAAWA,YAACR,GACLC,SAC1B,OAAoBP,EAAKe,QAACC,cAAcC,UAAoB,CAC1DV,SAAUA,GACIP,EAAKe,QAACC,cAAcE,sBAAqB,CACvDC,QAAS/B,EACTwB,YAAaA,EACbC,SAAUA,GACIb,EAAAA,QAAMgB,cAAc,KAAMI,EAAS,CAAA,EAAIZ,EAAM,CAC3DL,IAAKA,EACLE,UAAWgB,EAAAA,GAAG3B,EAAYW,KACxBD,IACN,GACAL,EAAYuB,YAAc,cDxBnB,IAAIC,EAAoBC,EAAAA,sBAAsB,QAE1C9B,EAAaC,EAAGA,IAACR,IAAoBA,EAAkBS,EAAuB,CAAC,8BAA+B,yBAA0B,WAAYC,EAAAA,QAAQ,KAAMA,EAAOA,QAAC,MAC1K4B,EAAgB9B,EAAAA,IAAIL,IAAqBA,EAAmBM,EAAuB,CAAC,yBACpF8B,EAAe/B,EAAAA,IAAIJ,IAAqBA,EAAmBK,EAAuB,CAAC,iIAAkI,kBAAmB,2EAHjO,OAIP+B,EAAchC,EAAAA,IAAIH,IAAqBA,EAAmBI,EAAuB,CAAC,sDAClFgC,EAAuB,SAA8BC,GAC9D,OAAOlC,EAAGA,IAACF,IAAqBA,EAAmBG,EAAuB,CAAC,cAAe,mEAAoE,SAAUkC,EAAAA,MAAMD,GAAOE,KAAKC,QAAQjB,QAASe,EAAAA,MAAMD,GAAOI,OAAOD,QAAQjB,QACzO,EEZIjB,EAAY,CAAC,WAAY,YAAa,QAAS,eAQ/CoC,EAA+BlC,EAAAA,QAAMC,WAAW,SAAUC,EAAMD,GACnDC,EAAKE,SACtB,IAAIC,EAAYH,EAAKG,UACjB8B,EAAQjC,EAAKiC,MACbC,EAAclC,EAAKkC,YACnB5B,EAAOC,EAAyBP,EAAMJ,GACpCuC,EAAiBC,EAAAA,cAAclD,EAAoBa,GACrDsC,EAAQF,EAAeE,MACvBpC,EAAMkC,EAAelC,IAErB0B,EADiBf,EAAAA,cACIe,MACvB,OAAoB7B,UAAMgB,cAAc,KAAMI,EAAS,CACrDjB,IAAKA,EACLE,UAAWgB,EAAAA,GAAG3B,EAAYW,IACzBG,GAAoBR,UAAMgB,cAAc,MAAO,CAChDX,UAAWkB,GACGvB,EAAKe,QAACC,cAAc,MAAO,CACzCX,UAAWgB,EAAAA,GAAGK,EAAcE,EAAqBC,KAChDU,EAAQ,IAAkBvC,EAAAA,QAAMgB,cAAc,MAAO,CACtDX,UAAWoB,GACGzB,EAAKe,QAACC,cAAcwB,OAAM,CACxCC,aAAc,GACdpC,UAAWsB,GACVQ,GAAqBnC,EAAAA,QAAMgB,cAAc0B,EAAWA,YAAE,KAAMN,IACjE,GACAF,EAAgBZ,YAAc,qGJhCvB,WACL,OAAOqB,EAAAA,sBAAsBvD,EAC/B"}
+{"version":3,"file":"index.js","sources":["../../src/OrderedListContext/OrderedListContext.ts","../../src/OrderedList/OrderedList.styles.ts","../../src/OrderedList/OrderedList.tsx","../../src/OrderedListItem/OrderedListItem.styles.ts","../../src/OrderedListItem/OrderedListItem.tsx"],"sourcesContent":["import {\n  createDescendantsContext,\n  useDescendantsContext,\n} from '@leafygreen-ui/descendants';\n\nexport const OrderedListContext =\n  createDescendantsContext<HTMLLIElement>('OrderedListContext');\n\nexport function useOrderedListContext() {\n  return useDescendantsContext(OrderedListContext);\n}\n","import { css } from '@leafygreen-ui/emotion';\nimport { spacing } from '@leafygreen-ui/tokens';\n\nexport const baseStyles = css`\n  list-style-type: none;\n  display: flex;\n  flex-direction: column;\n  gap: ${spacing[400]}px;\n  padding: 0;\n  margin: 0;\n`;\n","import React from 'react';\n\nimport {\n  DescendantsProvider,\n  useInitDescendants,\n} from '@leafygreen-ui/descendants';\nimport { cx } from '@leafygreen-ui/emotion';\nimport LeafyGreenProvider, {\n  useDarkMode,\n} from '@leafygreen-ui/leafygreen-provider';\n\nimport { OrderedListContext } from '../OrderedListContext';\n\nimport { baseStyles } from './OrderedList.styles';\nimport { OrderedListProps } from './OrderedList.types';\n\nconst OrderedList = React.forwardRef(\n  (\n    { children, className, darkMode: darkModeProp, ...rest }: OrderedListProps,\n    ref: React.ForwardedRef<HTMLOListElement>,\n  ) => {\n    const { descendants, dispatch } =\n      useInitDescendants<HTMLLIElement>(OrderedListContext);\n\n    const { darkMode } = useDarkMode(darkModeProp);\n\n    return (\n      <LeafyGreenProvider darkMode={darkMode}>\n        <DescendantsProvider\n          context={OrderedListContext}\n          descendants={descendants}\n          dispatch={dispatch}\n        >\n          <ol {...rest} ref={ref} className={cx(baseStyles, className)}>\n            {children}\n          </ol>\n        </DescendantsProvider>\n      </LeafyGreenProvider>\n    );\n  },\n);\n\nOrderedList.displayName = 'OrderedList';\n\nexport { OrderedList };\n","import { css } from '@leafygreen-ui/emotion';\nimport { createUniqueClassName, Theme } from '@leafygreen-ui/lib';\nimport { color, spacing } from '@leafygreen-ui/tokens';\n\nexport const stepIconClassName = createUniqueClassName('step');\n\nconst MARKER_SIZE = 20;\n\nexport const baseStyles = css`\n  display: flex;\n  gap: ${spacing[200]}px;\n  margin-bottom: ${spacing[100]}px;\n`;\n\nexport const contentStyles = css`\n  width: 100%;\n`;\n\nexport const markerStyles = css`\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid;\n  width: ${MARKER_SIZE}px;\n  height: ${MARKER_SIZE}px;\n  position: relative;\n  font-size: 12px;\n  font-weight: 500;\n`;\n\nexport const titleStyles = css`\n  font-weight: bold;\n  line-height: unset;\n`;\n\nexport const getThemedStateStyles = (theme: Theme) => css`\n  color: ${color[theme].text.primary.default};\n  background-color: rgba(255, 255, 255, 0);\n  border-color: ${color[theme].border.primary.default};\n`;\n","import React from 'react';\n\nimport { useDescendant } from '@leafygreen-ui/descendants';\nimport { cx } from '@leafygreen-ui/emotion';\nimport { useDarkMode } from '@leafygreen-ui/leafygreen-provider';\nimport { Body, Description } from '@leafygreen-ui/typography';\n\nimport { OrderedListContext } from '../OrderedListContext/OrderedListContext';\n\nimport {\n  baseStyles,\n  contentStyles,\n  getThemedStateStyles,\n  markerStyles,\n  stepIconClassName,\n  titleStyles,\n} from './OrderedListItem.styles';\nimport { OrderedListItemProps } from './OrderedListItem.types';\n\nconst OrderedListItem = React.forwardRef(\n  (\n    { children, className, title, description, ...rest }: OrderedListItemProps,\n    forwardRef: React.ForwardedRef<HTMLLIElement>,\n  ) => {\n    const { index, ref } = useDescendant(OrderedListContext, forwardRef);\n    const { theme } = useDarkMode();\n\n    return (\n      <li ref={ref} className={cx(baseStyles, className)} {...rest}>\n        <div className={stepIconClassName}>\n          <div className={cx(markerStyles, getThemedStateStyles(theme))}>\n            {index + 1}\n          </div>\n        </div>\n\n        <div className={contentStyles}>\n          <Body baseFontSize={16} className={titleStyles}>\n            {title}\n          </Body>\n          <Description>{description}</Description>\n        </div>\n      </li>\n    );\n  },\n);\n\nOrderedListItem.displayName = 'OrderedListItem';\n\nexport { OrderedListItem };\n"],"names":["OrderedListContext","createDescendantsContext","baseStyles","css","_templateObject","_taggedTemplateLiteral","spacing","OrderedList","React","forwardRef","_ref","ref","children","className","darkModeProp","darkMode","rest","_objectWithoutProperties","_excluded","_useInitDescendants","useInitDescendants","descendants","dispatch","useDarkMode","default","createElement","LeafyGreenProvider","DescendantsProvider","context","_extends","cx","displayName","stepIconClassName","createUniqueClassName","contentStyles","_templateObject2","markerStyles","_templateObject3","titleStyles","_templateObject4","getThemedStateStyles","theme","_templateObject5","color","text","primary","border","OrderedListItem","title","description","_useDescendant","useDescendant","index","Body","baseFontSize","Description","useDescendantsContext"],"mappings":"glDAKaA,EACXC,EAAwBA,yBAAgB,sBCHnC,cAAMC,EAAaC,EAAGA,IAAAC,IAAAA,EAAAC,EAIpBC,CAAAA,mFAAAA,wCAAAA,EAAOA,QAAC,4CCSXC,EAAcC,EAAAA,QAAMC,WACxB,SAAAC,EAEEC,GACG,IAFDC,EAAQF,EAARE,SAAUC,EAASH,EAATG,UAAqBC,EAAYJ,EAAtBK,SAA2BC,EAAIC,EAAAP,EAAAQ,GAGtDC,EACEC,EAAkBA,mBAAgBpB,GAD5BqB,EAAWF,EAAXE,YAAaC,EAAQH,EAARG,SAGbP,EAAaQ,EAAWA,YAACT,GAAzBC,SAER,OACEP,EAAAgB,QAAAC,cAACC,UAAkB,CAACX,SAAUA,GAC5BP,EAAAgB,QAAAC,cAACE,sBAAmB,CAClBC,QAAS5B,EACTqB,YAAaA,EACbC,SAAUA,GAEVd,EAAAA,QAAAiB,cAAAI,KAAAA,KAAQb,EAAI,CAAEL,IAAKA,EAAKE,UAAWiB,EAAAA,GAAG5B,EAAYW,KAC/CD,IAKX,GAGFL,EAAYwB,YAAc,cCtCnB,IAAMC,EAAoBC,EAAAA,sBAAsB,QAI1C/B,EAAaC,EAAGA,IAAAC,IAAAA,EAAAC,qEAEpBC,EAAAA,QAAQ,KACEA,EAAOA,QAAC,MAGd4B,EAAgB/B,EAAAA,IAAGgC,IAAAA,EAAA9B,EAE/B,CAAA,yBAEY+B,EAAejC,EAAAA,IAAGkC,IAAAA,EAAAhC,EAAA,CAAA,iIAAA,kBAAA,2EAZX,OAyBPiC,EAAcnC,EAAAA,IAAGoC,IAAAA,EAAAlC,EAG7B,CAAA,sDAEYmC,EAAuB,SAACC,GAAY,OAAKtC,EAAGA,IAAAuC,IAAAA,EAAArC,EAAA,CAAA,cAAA,mEAAA,SAC9CsC,EAAAA,MAAMF,GAAOG,KAAKC,QAAQrB,QAEnBmB,EAAAA,MAAMF,GAAOK,OAAOD,QAAQrB,QAAO,mDCpB/CuB,EAAkBvC,EAAAA,QAAMC,WAC5B,SAAAC,EAEED,GADUC,EAARE,aAAUC,EAASH,EAATG,UAAWmC,EAAKtC,EAALsC,MAAOC,EAAWvC,EAAXuC,YAAgBjC,EAAIC,EAAAP,EAAAQ,GAGlDgC,EAAuBC,EAAAA,cAAcnD,EAAoBS,GAAjD2C,EAAKF,EAALE,MAAOzC,EAAGuC,EAAHvC,IACP8B,EAAUlB,EAAAA,cAAVkB,MAER,OACEjC,UAAAiB,cAAA,KAAAI,EAAA,CAAIlB,IAAKA,EAAKE,UAAWiB,EAAAA,GAAG5B,EAAYW,IAAgBG,GACtDR,UAAAiB,cAAA,MAAA,CAAKZ,UAAWmB,GACdxB,EAAAgB,QAAAC,cAAA,MAAA,CAAKZ,UAAWiB,EAAAA,GAAGM,EAAcI,EAAqBC,KACnDW,EAAQ,IAIb5C,EAAAA,QAAAiB,cAAA,MAAA,CAAKZ,UAAWqB,GACd1B,EAAAgB,QAAAC,cAAC4B,OAAI,CAACC,aAAc,GAAIzC,UAAWyB,GAChCU,GAEHxC,EAAAA,QAAAiB,cAAC8B,EAAWA,YAAEN,KAAAA,IAItB,GAGFF,EAAgBhB,YAAc,qGJtCvB,WACL,OAAOyB,EAAAA,sBAAsBxD,EAC/B"}

package.json

 {
   "name": "@leafygreen-ui/ordered-list",
-  "version": "3.0.10",
+  "version": "3.0.11",
   "description": "LeafyGreen UI Kit Ordered List",
@@ -13,7 +13,7 @@ "main": "./dist/umd/index.js",
   "dependencies": {
-    "@leafygreen-ui/descendants": "^3.0.6",
-    "@leafygreen-ui/lib": "^15.6.2",
-    "@leafygreen-ui/emotion": "^5.1.0",
-    "@leafygreen-ui/tokens": "^4.1.0",
-    "@leafygreen-ui/typography": "^22.2.3"
+    "@leafygreen-ui/descendants": "^3.1.0",
+    "@leafygreen-ui/lib": "^15.7.0",
+    "@leafygreen-ui/emotion": "^5.2.0",
+    "@leafygreen-ui/tokens": "^4.2.2",
+    "@leafygreen-ui/typography": "^22.2.4"
   },
@@ -24,3 +24,3 @@ "peerDependencies": {
   "devDependencies": {
-    "@lg-tools/build": "^0.8.4"
+    "@lg-tools/build": "^0.9.0"
   },
@@ -27,0 +27,0 @@ "homepage": "https://github.com/mongodb/leafygreen-ui/tree/main/packages/ordered-list",

No alert changes

Worsened metrics

Total package byte prevSize

66188

-0.09%

Dependency changes

• Updated

  @leafygreen-ui/descendants@^3.1.0

• Updated

  @leafygreen-ui/emotion@^5.2.0

• Updated

  @leafygreen-ui/lib@^15.7.0

• Updated

  @leafygreen-ui/tokens@^4.2.2

• Updated

  @leafygreen-ui/typography@^22.2.4