@times-design-system/components-react 1.1.0 → 1.1.2-alpha.11

package/dist/Text/Text.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.cjs.js","sources":["../../src/Text/Text.tsx"],"sourcesContent":["import React from 'react';\nimport './styles.css';\nimport { cn } from '../utils/cn';\n\ninterface TextProps {\n  as?: 'p' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5';\n  typographyStyle?: string;\n  classes?: string;\n  styles?: { [key: string]: string };\n  children?: React.ReactNode;\n}\n\nexport const Text: React.FC<TextProps> = ({\n  as,\n  typographyStyle,\n  styles,\n  classes,\n  children\n}) => {\n  const TextComponent = as || 'p';\n  const transformedTypographyStyle =\n    typographyStyle?.replaceAll('.', '-').toLowerCase() ?? '';\n\n  return (\n    <TextComponent\n      className={cn(\n        classes,\n        typographyStyle ? transformedTypographyStyle : undefined\n      )}\n      style={styles ? styles : undefined}\n    >\n      {children}\n    </TextComponent>\n  );\n};\n"],"names":["Text","_ref","_typographyStyle$repl","as","typographyStyle","styles","classes","children","TextComponent","transformedTypographyStyle","replaceAll","toLowerCase","React","createElement","className","cn","undefined","style"],"mappings":";;;;;;;;;IAYaA,IAAI,GAAwB,SAA5BA,IAAIA,CAAAC,IAAA,EAMZ;AAAA,EAAA,IAAAC,qBAAA;AAAA,EAAA,IALHC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IACFC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,OAAO,GAAAL,IAAA,CAAPK,OAAO;IACPC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;AAER,EAAA,IAAMC,aAAa,GAAGL,EAAE,IAAI,GAAG;EAC/B,IAAMM,0BAA0B,GAAA,CAAAP,qBAAA,GAC9BE,eAAe,aAAfA,eAAe,KAAA,MAAA,GAAA,MAAA,GAAfA,eAAe,CAAEM,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAACC,WAAW,EAAE,MAAA,IAAA,IAAAT,qBAAA,KAAA,MAAA,GAAAA,qBAAA,GAAI,EAAE;AAE3D,EAAA,oBACEU,KAAA,CAAAC,aAAA,CAACL,aAAa,EAAA;IACZM,SAAS,EAAEC,KAAE,CACXT,OAAO,EACPF,eAAe,GAAGK,0BAA0B,GAAGO,SAAS,CACzD;AACDC,IAAAA,KAAK,EAAEZ,MAAM,GAAGA,MAAM,GAAGW;GAAS,EAEjCT,QAAQ,CACK;AAEpB;;;;"}

package/dist/Toast/Toast.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toast.cjs.js","sources":["../../src/Toast/Toast.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { type IconName } from '@times-design-system/icons';\nimport { Icon } from '../Icon/Icon';\nimport { cn } from '../utils/cn';\nimport './styles.css';\n\nconst EXIT_ANIMATION_MS = 180;\n\ntype ToastIntent = 'success' | 'info' | 'warning' | 'error';\n\nconst TOAST_INTENT_ICON: Record<ToastIntent, IconName> = {\n  success: 'filled_check_circle',\n  info: 'filled_info',\n  warning: 'filled_warning',\n  error: 'filled_report'\n};\n\nexport interface ToastProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Semantic intent for toast visuals and icon */\n  intent?: ToastIntent;\n  /** Primary toast message */\n  label?: string;\n  /** Show/hide optional inline link */\n  link?: boolean;\n  /** Optional link text */\n  linkLabel?: string;\n  /** Auto-dismiss delay in milliseconds */\n  timeout?: number;\n}\n\n/**\n * Compact, transient feedback message. Use for low-disruption status updates.\n */\nexport const Toast: React.FC<ToastProps> = ({\n  intent = 'success',\n  label = 'Short toast message goes here.',\n  link = true,\n  linkLabel = 'Link',\n  timeout = 2000,\n  className,\n  ...rest\n}) => {\n  const [isVisible, setIsVisible] = useState(true);\n  const [isExiting, setIsExiting] = useState(false);\n  const iconName = TOAST_INTENT_ICON[intent];\n  const resolvedTimeout = Math.max(timeout, 1500);\n\n  useEffect(() => {\n    setIsVisible(true);\n    setIsExiting(false);\n\n    const exitTimer = window.setTimeout(() => {\n      setIsExiting(true);\n    }, resolvedTimeout);\n\n    const removeTimer = window.setTimeout(() => {\n      setIsVisible(false);\n    }, resolvedTimeout + EXIT_ANIMATION_MS);\n\n    return () => {\n      window.clearTimeout(exitTimer);\n      window.clearTimeout(removeTimer);\n    };\n  }, [intent, label, link, linkLabel, resolvedTimeout]);\n\n  if (!isVisible) {\n    return null;\n  }\n\n  return (\n    <div\n      className={cn(\n        'tds-toast',\n        'animate__animated',\n        isExiting ? 'animate__fadeOutDown' : 'animate__fadeInUp',\n        `tds-toast--intent-${intent}`,\n        className\n      )}\n      {...rest}\n    >\n      <span className=\"tds-toast__icon\" aria-hidden=\"true\">\n        <Icon iconName={iconName} size={{ width: '20px', height: '20px' }} />\n      </span>\n\n      <span className=\"tds-toast__label\">{label}</span>\n\n      {link && (\n        <span className=\"tds-toast__link\" role=\"link\" tabIndex={0}>\n          {linkLabel}\n        </span>\n      )}\n    </div>\n  );\n};\n"],"names":["EXIT_ANIMATION_MS","TOAST_INTENT_ICON","success","info","warning","error","Toast","_ref","_ref$intent","intent","_ref$label","label","_ref$link","link","_ref$linkLabel","linkLabel","_ref$timeout","timeout","className","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isVisible","setIsVisible","_useState3","_useState4","isExiting","setIsExiting","iconName","resolvedTimeout","Math","max","useEffect","exitTimer","window","setTimeout","removeTimer","clearTimeout","React","createElement","_objectSpread","cn","concat","Icon","size","width","height","role","tabIndex"],"mappings":";;;;;;;;;;;;AAMA,IAAMA,iBAAiB,GAAG,GAAG;AAI7B,IAAMC,iBAAiB,GAAkC;AACvDC,EAAAA,OAAO,EAAE,qBAAqB;AAC9BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,OAAO,EAAE,gBAAgB;AACzBC,EAAAA,KAAK,EAAE;CACR;AAeD;;AAEG;IACUC,KAAK,GAAyB,SAA9BA,KAAKA,CAAAC,IAAA,EAQb;AAAA,EAAA,IAAAC,WAAA,GAAAD,IAAA,CAPHE,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,WAAA;IAAAE,UAAA,GAAAH,IAAA,CAClBI,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,gCAAgC,GAAAA,UAAA;IAAAE,SAAA,GAAAL,IAAA,CACxCM,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,SAAA;IAAAE,cAAA,GAAAP,IAAA,CACXQ,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAA,MAAA,GAAG,MAAM,GAAAA,cAAA;IAAAE,YAAA,GAAAT,IAAA,CAClBU,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAA,MAAA,GAAG,IAAI,GAAAA,YAAA;IACdE,SAAS,GAAAX,IAAA,CAATW,SAAS;AACNC,IAAAA,IAAI,GAAAC,kDAAA,CAAAb,IAAA,EAAAc,SAAA,CAAA;AAEP,EAAA,IAAAC,SAAA,GAAkCC,cAAQ,CAAC,IAAI,CAAC;IAAAC,UAAA,GAAAC,wCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAzCI,IAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA;AAC9B,EAAA,IAAAI,UAAA,GAAkCL,cAAQ,CAAC,KAAK,CAAC;IAAAM,UAAA,GAAAJ,wCAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA1CE,IAAAA,SAAS,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,YAAY,GAAAF,UAAA,CAAA,CAAA,CAAA;AAC9B,EAAA,IAAMG,QAAQ,GAAG/B,iBAAiB,CAACQ,MAAM,CAAC;EAC1C,IAAMwB,eAAe,GAAGC,IAAI,CAACC,GAAG,CAAClB,OAAO,EAAE,IAAI,CAAC;AAE/CmB,EAAAA,eAAS,CAAC,YAAK;IACbT,YAAY,CAAC,IAAI,CAAC;IAClBI,YAAY,CAAC,KAAK,CAAC;AAEnB,IAAA,IAAMM,SAAS,GAAGC,MAAM,CAACC,UAAU,CAAC,YAAK;MACvCR,YAAY,CAAC,IAAI,CAAC;IACpB,CAAC,EAAEE,eAAe,CAAC;AAEnB,IAAA,IAAMO,WAAW,GAAGF,MAAM,CAACC,UAAU,CAAC,YAAK;MACzCZ,YAAY,CAAC,KAAK,CAAC;AACrB,IAAA,CAAC,EAAEM,eAAe,GAAGjC,iBAAiB,CAAC;AAEvC,IAAA,OAAO,YAAK;AACVsC,MAAAA,MAAM,CAACG,YAAY,CAACJ,SAAS,CAAC;AAC9BC,MAAAA,MAAM,CAACG,YAAY,CAACD,WAAW,CAAC;IAClC,CAAC;AACH,EAAA,CAAC,EAAE,CAAC/B,MAAM,EAAEE,KAAK,EAAEE,IAAI,EAAEE,SAAS,EAAEkB,eAAe,CAAC,CAAC;EAErD,IAAI,CAACP,SAAS,EAAE;AACd,IAAA,OAAO,IAAI;AACb,EAAA;AAEA,EAAA,oBACEgB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,wCAAA,CAAA;AACE1B,IAAAA,SAAS,EAAE2B,KAAE,CACX,WAAW,EACX,mBAAmB,EACnBf,SAAS,GAAG,sBAAsB,GAAG,mBAAmB,EAAA,oBAAA,CAAAgB,MAAA,CACnCrC,MAAM,GAC3BS,SAAS;AACV,GAAA,EACGC,IAAI,CAAA,eAERuB,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMzB,IAAAA,SAAS,EAAC,iBAAiB;AAAA,IAAA,aAAA,EAAa;AAAM,GAAA,eAClDwB,KAAA,CAAAC,aAAA,CAACI,cAAI,EAAA;AAACf,IAAAA,QAAQ,EAAEA,QAAQ;AAAEgB,IAAAA,IAAI,EAAE;AAAEC,MAAAA,KAAK,EAAE,MAAM;AAAEC,MAAAA,MAAM,EAAE;AAAM;IAAM,CAChE,eAEPR,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMzB,IAAAA,SAAS,EAAC;GAAkB,EAAEP,KAAK,CAAQ,EAEhDE,IAAI,kBACH6B,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMzB,IAAAA,SAAS,EAAC,iBAAiB;AAACiC,IAAAA,IAAI,EAAC,MAAM;AAACC,IAAAA,QAAQ,EAAE;AAAC,GAAA,EACtDrC,SAAS,CACL,CACR,CACG;AAEV;;;;"}

package/dist/index.cjs.js

@@ -1,38 +0,0 @@
-'use strict';
-
-var Button_Button = require('./Button/Button.cjs.js');
-var IconButton_IconButton = require('./IconButton/IconButton.cjs.js');
-var AdContainer_AdContainer = require('./AdContainer/AdContainer.cjs.js');
-var CommentsDisabled_CommentsDisabled = require('./CommentsDisabled/CommentsDisabled.cjs.js');
-var Text_Text = require('./Text/Text.cjs.js');
-var Input_Input = require('./Input/Input.cjs.js');
-var Divider_Divider = require('./Divider/Divider.cjs.js');
-var Link_Link = require('./Link/Link.cjs.js');
-var Chip_Chip = require('./Chip/Chip.cjs.js');
-var Flag_Flag = require('./Flag/Flag.cjs.js');
-var Toast_Toast = require('./Toast/Toast.cjs.js');
-var Article_UpNextArticles = require('./Article/UpNextArticles.cjs.js');
-var utils_hooks = require('./utils/hooks.cjs.js');
-require('react');
-require('./Button/ButtonContainer.cjs.js');
-require('./shared/cn-CPfjOlzZ.cjs.js');
-require('./shared/style-inject.es-DnsWrQaj.cjs.js');
-require('./Icon/Icon.cjs.js');
-require('./shared/_rollupPluginBabelHelpers-xUOatjtv.cjs.js');
-
-
-
-exports.Button = Button_Button.Button;
-exports.IconButton = IconButton_IconButton.IconButton;
-exports.AdContainer = AdContainer_AdContainer.AdContainer;
-exports.CommentsDisabled = CommentsDisabled_CommentsDisabled.CommentsDisabled;
-exports.Text = Text_Text.Text;
-exports.Input = Input_Input.Input;
-exports.Divider = Divider_Divider.Divider;
-exports.Link = Link_Link.Link;
-exports.Chip = Chip_Chip.Chip;
-exports.Flag = Flag_Flag.Flag;
-exports.Toast = Toast_Toast.Toast;
-exports.UpNextArticles = Article_UpNextArticles.UpNextArticles;
-exports.useTypographyToken = utils_hooks.useTypographyToken;
-//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/shared/_rollupPluginBabelHelpers-xUOatjtv.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_rollupPluginBabelHelpers-xUOatjtv.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/shared/cn-CPfjOlzZ.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"cn-CPfjOlzZ.cjs.js","sources":["../../src/utils/cn.tsx"],"sourcesContent":["export const cn = (...classNames: (string | undefined)[]) => {\n  return classNames.filter(Boolean).join(' ');\n};\n"],"names":["cn","_len","arguments","length","classNames","Array","_key","filter","Boolean","join"],"mappings":";;IAAaA,EAAE,GAAG,SAALA,EAAEA,GAA6C;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAtCC,UAAkC,GAAA,IAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAlCF,IAAAA,UAAkC,CAAAE,IAAA,CAAA,GAAAJ,SAAA,CAAAI,IAAA,CAAA;AAAA,EAAA;EACtD,OAAOF,UAAU,CAACG,MAAM,CAACC,OAAO,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC;AAC7C;;;;"}

package/dist/shared/style-inject.es-DnsWrQaj.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style-inject.es-DnsWrQaj.cjs.js","sources":["../../../../node_modules/style-inject/dist/style-inject.es.js"],"sourcesContent":["function styleInject(css, ref) {\n  if ( ref === void 0 ) ref = {};\n  var insertAt = ref.insertAt;\n\n  if (!css || typeof document === 'undefined') { return; }\n\n  var head = document.head || document.getElementsByTagName('head')[0];\n  var style = document.createElement('style');\n  style.type = 'text/css';\n\n  if (insertAt === 'top') {\n    if (head.firstChild) {\n      head.insertBefore(style, head.firstChild);\n    } else {\n      head.appendChild(style);\n    }\n  } else {\n    head.appendChild(style);\n  }\n\n  if (style.styleSheet) {\n    style.styleSheet.cssText = css;\n  } else {\n    style.appendChild(document.createTextNode(css));\n  }\n}\n\nexport default styleInject;\n"],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode"],"mappings":";;AAAA,SAASA,WAAWA,CAACC,GAAG,EAAEC,GAAG,EAAE;EAC7B,IAAKA,GAAG,KAAK,MAAM,EAAGA,GAAG,GAAG,EAAE;AAC9B,EAAA,IAAIC,QAAQ,GAAGD,GAAG,CAACC,QAAQ;AAE3B,EAAA,IAAI,CAACF,GAAG,IAAI,OAAOG,QAAQ,KAAK,WAAW,EAAE;AAAE,IAAA;AAAQ,EAAA;AAEvD,EAAA,IAAIC,IAAI,GAAGD,QAAQ,CAACC,IAAI,IAAID,QAAQ,CAACE,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AACpE,EAAA,IAAIC,KAAK,GAAGH,QAAQ,CAACI,aAAa,CAAC,OAAO,CAAC;EAC3CD,KAAK,CAACE,IAAI,GAAG,UAAU;EAEvB,IAAIN,QAAQ,KAAK,KAAK,EAAE;IACtB,IAAIE,IAAI,CAACK,UAAU,EAAE;MACnBL,IAAI,CAACM,YAAY,CAACJ,KAAK,EAAEF,IAAI,CAACK,UAAU,CAAC;AAC3C,IAAA,CAAC,MAAM;AACLL,MAAAA,IAAI,CAACO,WAAW,CAACL,KAAK,CAAC;AACzB,IAAA;AACF,EAAA,CAAC,MAAM;AACLF,IAAAA,IAAI,CAACO,WAAW,CAACL,KAAK,CAAC;AACzB,EAAA;EAEA,IAAIA,KAAK,CAACM,UAAU,EAAE;AACpBN,IAAAA,KAAK,CAACM,UAAU,CAACC,OAAO,GAAGb,GAAG;AAChC,EAAA,CAAC,MAAM;IACLM,KAAK,CAACK,WAAW,CAACR,QAAQ,CAACW,cAAc,CAACd,GAAG,CAAC,CAAC;AACjD,EAAA;AACF;;;;","x_google_ignoreList":[0]}

package/dist/utils/hooks.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.cjs.js","sources":["../../src/utils/hooks.ts"],"sourcesContent":["// function possibly for future use with typography tokens.\n// takes a token and tokens object, returns media query string referencing typography token values.\ntype UseTypographyToken = (\n  typographyToken: string,\n  tokens: {\n    breakpoints: { [key: string]: number };\n    [key: string]: any; // eslint-disable-line @typescript-eslint/no-explicit-any\n  }\n) => string;\n\nexport const useTypographyToken: UseTypographyToken = (\n  typographyToken,\n  tokens\n) => `\n  .${typographyToken} {\n    font: ${typographyToken}\n\n    @media (min-width: ${tokens.breakpoints.sm}px) {\n      fontSize: ${tokens['Viewport/ Small'].typography[typographyToken].fontSize};\n    }\n\n    @media (min-width: ${tokens.breakpoints.md}px) {\n      fontSize: ${tokens['Viewport/ Medium'].typography[typographyToken].fontSize};\n    }\n\n    @media (min-width: ${tokens.breakpoints.lg}px) {\n      fontSize: ${tokens['Viewport/ Large'].typography[typographyToken].fontSize};\n    }\n\n    @media (min-width: ${tokens.breakpoints.xl}px) {\n      fontSize: ${tokens['Viewport/ XLarge'].typography[typographyToken].fontSize};\n    }\n  }\n`;\n"],"names":["useTypographyToken","typographyToken","tokens","concat","breakpoints","sm","typography","fontSize","md","lg","xl"],"mappings":";;AAUO,IAAMA,kBAAkB,GAAuB,SAAzCA,kBAAkBA,CAC7BC,eAAe,EACfC,MAAM,EAAA;EAAA,OAAA,OAAA,CAAAC,MAAA,CAEHF,eAAe,EAAA,gBAAA,CAAA,CAAAE,MAAA,CACRF,eAAe,iCAAAE,MAAA,CAEFD,MAAM,CAACE,WAAW,CAACC,EAAE,EAAA,yBAAA,CAAA,CAAAF,MAAA,CAC5BD,MAAM,CAAC,iBAAiB,CAAC,CAACI,UAAU,CAACL,eAAe,CAAC,CAACM,QAAQ,EAAA,qCAAA,CAAA,CAAAJ,MAAA,CAGvDD,MAAM,CAACE,WAAW,CAACI,EAAE,6BAAAL,MAAA,CAC5BD,MAAM,CAAC,kBAAkB,CAAC,CAACI,UAAU,CAACL,eAAe,CAAC,CAACM,QAAQ,EAAA,qCAAA,CAAA,CAAAJ,MAAA,CAGxDD,MAAM,CAACE,WAAW,CAACK,EAAE,6BAAAN,MAAA,CAC5BD,MAAM,CAAC,iBAAiB,CAAC,CAACI,UAAU,CAACL,eAAe,CAAC,CAACM,QAAQ,EAAA,qCAAA,CAAA,CAAAJ,MAAA,CAGvDD,MAAM,CAACE,WAAW,CAACM,EAAE,EAAA,yBAAA,CAAA,CAAAP,MAAA,CAC5BD,MAAM,CAAC,kBAAkB,CAAC,CAACI,UAAU,CAACL,eAAe,CAAC,CAACM,QAAQ,EAAA,iBAAA,CAAA;AAAA;;;;"}