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

Comparing version 3.0.3 to 3.0.4

dist/types/OrderedList/OrderedList.spec.d.ts

+export {};
+//# sourceMappingURL=OrderedList.spec.d.ts.map

dist/types/OrderedList/OrderedList.spec.d.ts.map

+{"version":3,"file":"OrderedList.spec.d.ts","sourceRoot":"","sources":["../../../src/OrderedList/OrderedList.spec.tsx"],"names":[],"mappings":""}

CHANGELOG.md

 # @leafygreen-ui/ordered-list
 
+## 3.0.4
+
+### Patch Changes
+
+- 172c228: Removes `*.spec.ts` files from tsconfig `exclude` pattern, ensuring that tests are type-checked at build time.
+  Also adds missing TS "references" for packages that are imported into test files
+- Updated dependencies [172c228]
+  - @leafygreen-ui/descendants@3.0.3
+  - @leafygreen-ui/emotion@5.0.1
+  - @leafygreen-ui/leafygreen-provider@5.0.3
+  - @leafygreen-ui/lib@15.2.1
+  - @leafygreen-ui/tokens@3.2.3
+  - @leafygreen-ui/typography@22.1.1
+
 ## 3.0.3
@@ -4,0 +18,0 @@

dist/esm/index.js

@@ -1,2 +0,2 @@
-import e from"react";import{createDescendantsContext as r,useDescendantsContext as n,useInitDescendants as t,DescendantsProvider as a,useDescendant as i}from"@leafygreen-ui/descendants";import{css as l,cx as o}from"@leafygreen-ui/emotion";import c,{useDarkMode as s}from"@leafygreen-ui/leafygreen-provider";import{spacing as d,color as f}from"@leafygreen-ui/tokens";import{Body as m,Description as p}from"@leafygreen-ui/typography";import{createUniqueClassName as u}from"@leafygreen-ui/lib";function y(){return y=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)({}).hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},y.apply(null,arguments)}function g(e,r){if(null==e)return{};var n,t,a=function(e,r){if(null==e)return{};var n={};for(var t in e)if({}.hasOwnProperty.call(e,t)){if(-1!==r.indexOf(t))continue;n[t]=e[t]}return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t<i.length;t++)n=i[t],-1===r.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function b(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}var h,v=r("OrderedListContext");function x(){return n(v)}var O,N,w,E,j,k=l(h||(h=b(["\n  list-style-type: none;\n  display: flex;\n  flex-direction: column;\n  gap: ","px;\n  padding: 0;\n  margin: 0;\n"])),d[400]),P=["children","className","darkMode"],z=e.forwardRef((function(r,n){var i=r.children,l=r.className,d=r.darkMode,f=g(r,P),m=t(v),p=m.descendants,u=m.dispatch,b=s(d).darkMode;return e.createElement(c,{darkMode:b},e.createElement(a,{context:v,descendants:p,dispatch:u},e.createElement("ol",y({},f,{ref:n,className:o(k,l)}),i)))}));z.displayName="OrderedList";var M=u("step"),L=l(O||(O=b(["\n  display: flex;\n  gap: ","px;\n  margin-bottom: ","px;\n"])),d[200],d[100]),S=l(N||(N=b(["\n  width: 100%;\n"]))),I=l(w||(w=b(["\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid;\n  width: ","px;\n  height: ","px;\n  position: relative;\n  font-size: 12px;\n  font-weight: 500;\n"])),20,20),R=l(E||(E=b(["\n  font-weight: bold;\n  line-height: unset;\n"]))),C=function(e){return l(j||(j=b(["\n  color: ",";\n  background-color: rgba(255, 255, 255, 0);\n  border-color: ",";\n"])),f[e].text.primary.default,f[e].border.primary.default)},F=["children","className","title","description"],q=e.forwardRef((function(r,n){r.children;var t=r.className,a=r.title,l=r.description,c=g(r,F),d=i(v,n),f=d.index,u=d.ref,b=s().theme;return e.createElement("li",y({ref:u,className:o(L,t)},c),e.createElement("div",{className:M},e.createElement("div",{className:o(I,C(b))},f+1)),e.createElement("div",{className:S},e.createElement(m,{baseFontSize:16,className:R},a),e.createElement(p,null,l)))}));q.displayName="OrderedListItem";export{z as OrderedList,v as OrderedListContext,q as OrderedListItem,x as useOrderedListContext};
+import e from"react";import{createDescendantsContext as r,useDescendantsContext as n,useInitDescendants as t,DescendantsProvider as a,useDescendant as i}from"@leafygreen-ui/descendants";import{css as l,cx as o}from"@leafygreen-ui/emotion";import c,{useDarkMode as s}from"@leafygreen-ui/leafygreen-provider";import{spacing as d,color as f}from"@leafygreen-ui/tokens";import{Body as m,Description as p}from"@leafygreen-ui/typography";import{createUniqueClassName as u}from"@leafygreen-ui/lib";function y(){return y=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var n=arguments[r];for(var t in n)({}).hasOwnProperty.call(n,t)&&(e[t]=n[t])}return e},y.apply(null,arguments)}function g(e,r){if(null==e)return{};var n,t,a=function(e,r){if(null==e)return{};var n={};for(var t in e)if({}.hasOwnProperty.call(e,t)){if(-1!==r.indexOf(t))continue;n[t]=e[t]}return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t<i.length;t++)n=i[t],-1===r.indexOf(n)&&{}.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function b(e,r){return r||(r=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(r)}}))}var h,v=r("OrderedListContext");function x(){return n(v)}var O,N,w,E,j,k=l(h||(h=b(["\n  list-style-type: none;\n  display: flex;\n  flex-direction: column;\n  gap: ","px;\n  padding: 0;\n  margin: 0;\n"])),d[400]),P=["children","className","darkMode"],z=e.forwardRef(function(r,n){var i=r.children,l=r.className,d=r.darkMode,f=g(r,P),m=t(v),p=m.descendants,u=m.dispatch,b=s(d).darkMode;return e.createElement(c,{darkMode:b},e.createElement(a,{context:v,descendants:p,dispatch:u},e.createElement("ol",y({},f,{ref:n,className:o(k,l)}),i)))});z.displayName="OrderedList";var M=u("step"),L=l(O||(O=b(["\n  display: flex;\n  gap: ","px;\n  margin-bottom: ","px;\n"])),d[200],d[100]),S=l(N||(N=b(["\n  width: 100%;\n"]))),I=l(w||(w=b(["\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid;\n  width: ","px;\n  height: ","px;\n  position: relative;\n  font-size: 12px;\n  font-weight: 500;\n"])),20,20),R=l(E||(E=b(["\n  font-weight: bold;\n  line-height: unset;\n"]))),C=function(e){return l(j||(j=b(["\n  color: ",";\n  background-color: rgba(255, 255, 255, 0);\n  border-color: ",";\n"])),f[e].text.primary.default,f[e].border.primary.default)},F=["children","className","title","description"],q=e.forwardRef(function(r,n){r.children;var t=r.className,a=r.title,l=r.description,c=g(r,F),d=i(v,n),f=d.index,u=d.ref,b=s().theme;return e.createElement("li",y({ref:u,className:o(L,t)},c),e.createElement("div",{className:M},e.createElement("div",{className:o(I,C(b))},f+1)),e.createElement("div",{className:S},e.createElement(m,{baseFontSize:16,className:R},a),e.createElement(p,null,l)))});q.displayName="OrderedListItem";export{z as OrderedList,v as OrderedListContext,q as OrderedListItem,x as useOrderedListContext};
 //# sourceMappingURL=index.js.map

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,YAAW,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,IACAL,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,YAAW,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,IACAF,EAAgBb,YAAc"}
+{"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"}

dist/umd/index.js

@@ -1,2 +0,2 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react"),require("@leafygreen-ui/descendants"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/leafygreen-provider"),require("@leafygreen-ui/tokens"),require("@leafygreen-ui/typography"),require("@leafygreen-ui/lib")):"function"==typeof define&&define.amd?define(["exports","react","@leafygreen-ui/descendants","@leafygreen-ui/emotion","@leafygreen-ui/leafygreen-provider","@leafygreen-ui/tokens","@leafygreen-ui/typography","@leafygreen-ui/lib"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/ordered-list"]={},e.React,e.descendants,e.emotion,e.LeafyGreenProvider,e.tokens,e.typography,e.lib)}(this,(function(e,n,r,t,a,i,s,l){"use strict";function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=d(n),c=d(a);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)({}).hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},f.apply(null,arguments)}function u(e,n){if(null==e)return{};var r,t,a=function(e,n){if(null==e)return{};var r={};for(var t in e)if({}.hasOwnProperty.call(e,t)){if(-1!==n.indexOf(t))continue;r[t]=e[t]}return r}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t<i.length;t++)r=i[t],-1===n.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function p(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var y,g=r.createDescendantsContext("OrderedListContext");var m,b,x,h,v,O=t.css(y||(y=p(["\n  list-style-type: none;\n  display: flex;\n  flex-direction: column;\n  gap: ","px;\n  padding: 0;\n  margin: 0;\n"])),i.spacing[400]),N=["children","className","darkMode"],w=o.default.forwardRef((function(e,n){var i=e.children,s=e.className,l=e.darkMode,d=u(e,N),p=r.useInitDescendants(g),y=p.descendants,m=p.dispatch,b=a.useDarkMode(l).darkMode;return o.default.createElement(c.default,{darkMode:b},o.default.createElement(r.DescendantsProvider,{context:g,descendants:y,dispatch:m},o.default.createElement("ol",f({},d,{ref:n,className:t.cx(O,s)}),i)))}));w.displayName="OrderedList";var j=l.createUniqueClassName("step"),k=t.css(m||(m=p(["\n  display: flex;\n  gap: ","px;\n  margin-bottom: ","px;\n"])),i.spacing[200],i.spacing[100]),E=t.css(b||(b=p(["\n  width: 100%;\n"]))),q=t.css(x||(x=p(["\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid;\n  width: ","px;\n  height: ","px;\n  position: relative;\n  font-size: 12px;\n  font-weight: 500;\n"])),20,20),D=t.css(h||(h=p(["\n  font-weight: bold;\n  line-height: unset;\n"]))),L=function(e){return t.css(v||(v=p(["\n  color: ",";\n  background-color: rgba(255, 255, 255, 0);\n  border-color: ",";\n"])),i.color[e].text.primary.default,i.color[e].border.primary.default)},P=["children","className","title","description"],C=o.default.forwardRef((function(e,n){e.children;var i=e.className,l=e.title,d=e.description,c=u(e,P),p=r.useDescendant(g,n),y=p.index,m=p.ref,b=a.useDarkMode().theme;return o.default.createElement("li",f({ref:m,className:t.cx(k,i)},c),o.default.createElement("div",{className:j},o.default.createElement("div",{className:t.cx(q,L(b))},y+1)),o.default.createElement("div",{className:E},o.default.createElement(s.Body,{baseFontSize:16,className:D},l),o.default.createElement(s.Description,null,d)))}));C.displayName="OrderedListItem",e.OrderedList=w,e.OrderedListContext=g,e.OrderedListItem=C,e.useOrderedListContext=function(){return r.useDescendantsContext(g)}}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react"),require("@leafygreen-ui/descendants"),require("@leafygreen-ui/emotion"),require("@leafygreen-ui/leafygreen-provider"),require("@leafygreen-ui/tokens"),require("@leafygreen-ui/typography"),require("@leafygreen-ui/lib")):"function"==typeof define&&define.amd?define(["exports","react","@leafygreen-ui/descendants","@leafygreen-ui/emotion","@leafygreen-ui/leafygreen-provider","@leafygreen-ui/tokens","@leafygreen-ui/typography","@leafygreen-ui/lib"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self)["@leafygreen-ui/ordered-list"]={},e.React,e.descendants,e.emotion,e.LeafyGreenProvider,e.tokens,e.typography,e.lib)}(this,function(e,n,r,t,a,i,s,l){"use strict";function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=d(n),c=d(a);function f(){return f=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)({}).hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},f.apply(null,arguments)}function u(e,n){if(null==e)return{};var r,t,a=function(e,n){if(null==e)return{};var r={};for(var t in e)if({}.hasOwnProperty.call(e,t)){if(-1!==n.indexOf(t))continue;r[t]=e[t]}return r}(e,n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(t=0;t<i.length;t++)r=i[t],-1===n.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}function p(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}var y,g=r.createDescendantsContext("OrderedListContext");var m,b,x,h,v,O=t.css(y||(y=p(["\n  list-style-type: none;\n  display: flex;\n  flex-direction: column;\n  gap: ","px;\n  padding: 0;\n  margin: 0;\n"])),i.spacing[400]),N=["children","className","darkMode"],w=o.default.forwardRef(function(e,n){var i=e.children,s=e.className,l=e.darkMode,d=u(e,N),p=r.useInitDescendants(g),y=p.descendants,m=p.dispatch,b=a.useDarkMode(l).darkMode;return o.default.createElement(c.default,{darkMode:b},o.default.createElement(r.DescendantsProvider,{context:g,descendants:y,dispatch:m},o.default.createElement("ol",f({},d,{ref:n,className:t.cx(O,s)}),i)))});w.displayName="OrderedList";var j=l.createUniqueClassName("step"),k=t.css(m||(m=p(["\n  display: flex;\n  gap: ","px;\n  margin-bottom: ","px;\n"])),i.spacing[200],i.spacing[100]),E=t.css(b||(b=p(["\n  width: 100%;\n"]))),q=t.css(x||(x=p(["\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid;\n  width: ","px;\n  height: ","px;\n  position: relative;\n  font-size: 12px;\n  font-weight: 500;\n"])),20,20),D=t.css(h||(h=p(["\n  font-weight: bold;\n  line-height: unset;\n"]))),L=function(e){return t.css(v||(v=p(["\n  color: ",";\n  background-color: rgba(255, 255, 255, 0);\n  border-color: ",";\n"])),i.color[e].text.primary.default,i.color[e].border.primary.default)},P=["children","className","title","description"],C=o.default.forwardRef(function(e,n){e.children;var i=e.className,l=e.title,d=e.description,c=u(e,P),p=r.useDescendant(g,n),y=p.index,m=p.ref,b=a.useDarkMode().theme;return o.default.createElement("li",f({ref:m,className:t.cx(k,i)},c),o.default.createElement("div",{className:j},o.default.createElement("div",{className:t.cx(q,L(b))},y+1)),o.default.createElement("div",{className:E},o.default.createElement(s.Body,{baseFontSize:16,className:D},l),o.default.createElement(s.Description,null,d)))});C.displayName="OrderedListItem",e.OrderedList=w,e.OrderedListContext=g,e.OrderedListItem=C,e.useOrderedListContext=function(){return r.useDescendantsContext(g)}});
 //# sourceMappingURL=index.js.map

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":"+gDACU,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,YAAW,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,IACAL,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,YAAW,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,IACAF,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/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":"8gDACU,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"}

package.json

 {
   "name": "@leafygreen-ui/ordered-list",
-  "version": "3.0.3",
+  "version": "3.0.4",
   "description": "LeafyGreen UI Kit Ordered List",
@@ -13,13 +13,13 @@ "main": "./dist/umd/index.js",
   "dependencies": {
-    "@leafygreen-ui/descendants": "^3.0.2",
-    "@leafygreen-ui/emotion": "^5.0.0",
-    "@leafygreen-ui/lib": "^15.2.0",
-    "@leafygreen-ui/typography": "^22.0.1",
-    "@leafygreen-ui/tokens": "^3.1.2"
+    "@leafygreen-ui/descendants": "^3.0.3",
+    "@leafygreen-ui/emotion": "^5.0.1",
+    "@leafygreen-ui/lib": "^15.2.1",
+    "@leafygreen-ui/tokens": "^3.2.3",
+    "@leafygreen-ui/typography": "^22.1.1"
   },
   "peerDependencies": {
-    "@leafygreen-ui/leafygreen-provider": "^5.0.2"
+    "@leafygreen-ui/leafygreen-provider": "^5.0.3"
   },
   "devDependencies": {
-    "@lg-tools/build": "^0.8.0"
+    "@lg-tools/build": "^0.8.1"
   },
@@ -26,0 +26,0 @@ "homepage": "https://github.com/mongodb/leafygreen-ui/tree/main/packages/ordered-list",

README.md

@@ -9,2 +9,8 @@ # Ordered List
 
+### PNPM
+
+```shell
+pnpm add @leafygreen-ui/ordered-list
+```
+
 ### Yarn
@@ -11,0 +17,0 @@

src/OrderedList.stories.tsx

@@ -11,3 +11,3 @@ import React from 'react';
 const meta: StoryMetaType<typeof OrderedList> = {
-  title: 'Components/OrderedList',
+  title: 'Components/Typography/OrderedList',
   component: OrderedList,
@@ -14,0 +14,0 @@ parameters: {

stories.js

@@ -1,1 +0,1 @@
-import e from"react";import{Body as t,Description as r,Link as n}from"@leafygreen-ui/typography";import{createDescendantsContext as i,useInitDescendants as a,DescendantsProvider as l,useDescendant as o}from"@leafygreen-ui/descendants";import{css as d,cx as c}from"@leafygreen-ui/emotion";import s,{useDarkMode as m}from"@leafygreen-ui/leafygreen-provider";import{spacing as u,color as p}from"@leafygreen-ui/tokens";import{createUniqueClassName as f}from"@leafygreen-ui/lib";function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},g.apply(null,arguments)}function y(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function b(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var h,v,E,x,O,N,w=i("OrderedListContext"),L=d(h||(h=b(["\n  list-style-type: none;\n  display: flex;\n  flex-direction: column;\n  gap: ","px;\n  padding: 0;\n  margin: 0;\n"])),u[400]),j=["children","className","darkMode"],k=e.forwardRef((function(t,r){var n=t.children,i=t.className,o=t.darkMode,d=y(t,j),u=a(w),p=u.descendants,f=u.dispatch,b=m(o).darkMode;return e.createElement(s,{darkMode:b},e.createElement(l,{context:w,descendants:p,dispatch:f},e.createElement("ol",g({},d,{ref:r,className:c(L,i)}),n)))}));k.displayName="OrderedList";var M=f("step"),P=d(v||(v=b(["\n  display: flex;\n  gap: ","px;\n  margin-bottom: ","px;\n"])),u[200],u[100]),z=d(E||(E=b(["\n  width: 100%;\n"]))),F=d(x||(x=b(["\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid;\n  width: ","px;\n  height: ","px;\n  position: relative;\n  font-size: 12px;\n  font-weight: 500;\n"])),20,20),S=d(O||(O=b(["\n  font-weight: bold;\n  line-height: unset;\n"]))),T=function(e){return d(N||(N=b(["\n  color: ",";\n  background-color: rgba(255, 255, 255, 0);\n  border-color: ",";\n"])),p[e].text.primary.default,p[e].border.primary.default)},C=["children","className","title","description"],I=e.forwardRef((function(n,i){n.children;var a=n.className,l=n.title,d=n.description,s=y(n,C),u=o(w,i),p=u.index,f=u.ref,b=m().theme;return e.createElement("li",g({ref:f,className:c(P,a)},s),e.createElement("div",{className:M},e.createElement("div",{className:c(F,T(b))},p+1)),e.createElement("div",{className:z},e.createElement(t,{baseFontSize:16,className:S},l),e.createElement(r,null,d)))}));I.displayName="OrderedListItem";var R={title:"Components/OrderedList",component:k,parameters:{default:"LiveExample",generate:{combineArgs:{darkMode:[!1,!0]}}},args:{children:e.createElement(e.Fragment,null," ",e.createElement(I,{title:"Title",description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna."}),e.createElement(I,{title:"Title",description:e.createElement(e.Fragment,null,e.createElement("span",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna."," "),e.createElement(n,null,"Learn more."))}),e.createElement(I,{title:"Title",description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna."})),darkMode:!1}},A=function(t){return e.createElement(k,t)};A.parameters={chromatic:{disableSnapshot:!0}};var q=function(){return e.createElement(e.Fragment,null)};export{q as Generated,A as LiveExample,R as default};
+import e from"react";import{Body as t,Description as r,Link as n}from"@leafygreen-ui/typography";import{createDescendantsContext as i,useInitDescendants as a,DescendantsProvider as o,useDescendant as l}from"@leafygreen-ui/descendants";import{css as d,cx as c}from"@leafygreen-ui/emotion";import s,{useDarkMode as m}from"@leafygreen-ui/leafygreen-provider";import{spacing as p,color as u}from"@leafygreen-ui/tokens";import{createUniqueClassName as f}from"@leafygreen-ui/lib";function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},g.apply(null,arguments)}function y(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==t.indexOf(n))continue;r[n]=e[n]}return r}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],-1===t.indexOf(r)&&{}.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}function b(e,t){return t||(t=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(t)}}))}var h,v,E,x,O,N,w=i("OrderedListContext"),L=d(h||(h=b(["\n  list-style-type: none;\n  display: flex;\n  flex-direction: column;\n  gap: ","px;\n  padding: 0;\n  margin: 0;\n"])),p[400]),j=["children","className","darkMode"],k=e.forwardRef(function(t,r){var n=t.children,i=t.className,l=t.darkMode,d=y(t,j),p=a(w),u=p.descendants,f=p.dispatch,b=m(l).darkMode;return e.createElement(s,{darkMode:b},e.createElement(o,{context:w,descendants:u,dispatch:f},e.createElement("ol",g({},d,{ref:r,className:c(L,i)}),n)))});k.displayName="OrderedList";var M=f("step"),P=d(v||(v=b(["\n  display: flex;\n  gap: ","px;\n  margin-bottom: ","px;\n"])),p[200],p[100]),z=d(E||(E=b(["\n  width: 100%;\n"]))),F=d(x||(x=b(["\n  border-radius: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: 1px solid;\n  width: ","px;\n  height: ","px;\n  position: relative;\n  font-size: 12px;\n  font-weight: 500;\n"])),20,20),S=d(O||(O=b(["\n  font-weight: bold;\n  line-height: unset;\n"]))),T=function(e){return d(N||(N=b(["\n  color: ",";\n  background-color: rgba(255, 255, 255, 0);\n  border-color: ",";\n"])),u[e].text.primary.default,u[e].border.primary.default)},C=["children","className","title","description"],I=e.forwardRef(function(n,i){n.children;var a=n.className,o=n.title,d=n.description,s=y(n,C),p=l(w,i),u=p.index,f=p.ref,b=m().theme;return e.createElement("li",g({ref:f,className:c(P,a)},s),e.createElement("div",{className:M},e.createElement("div",{className:c(F,T(b))},u+1)),e.createElement("div",{className:z},e.createElement(t,{baseFontSize:16,className:S},o),e.createElement(r,null,d)))});I.displayName="OrderedListItem";var R={title:"Components/Typography/OrderedList",component:k,parameters:{default:"LiveExample",generate:{combineArgs:{darkMode:[!1,!0]}}},args:{children:e.createElement(e.Fragment,null," ",e.createElement(I,{title:"Title",description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna."}),e.createElement(I,{title:"Title",description:e.createElement(e.Fragment,null,e.createElement("span",null,"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna."," "),e.createElement(n,null,"Learn more."))}),e.createElement(I,{title:"Title",description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna."})),darkMode:!1}},A=function(t){return e.createElement(k,t)};A.parameters={chromatic:{disableSnapshot:!0}};var q=function(){return e.createElement(e.Fragment,null)};export{q as Generated,A as LiveExample,R as default};

tsconfig.json

@@ -17,3 +17,2 @@ {
   "exclude": [
-    "**/*.spec.*",
     "**/*.stories.*"
@@ -20,0 +19,0 @@ ],

No alert changes

Improved metrics

Total package byte prevSize

64054

1.16%

Number of package files

48

4.35%

Number of lines in readme file

63

10.53%

Dependency changes

• Updated

  @leafygreen-ui/descendants@^3.0.3

• Updated

  @leafygreen-ui/emotion@^5.0.1

• Updated

  @leafygreen-ui/lib@^15.2.1

• Updated

  @leafygreen-ui/tokens@^3.2.3

• Updated

  @leafygreen-ui/typography@^22.1.1