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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/README.md +1 -2
  2. package/dist/AdContainer/{AdContainer.cjs.js → AdContainer.cjs} +4 -4
  3. package/dist/AdContainer/AdContainer.cjs.map +1 -0
  4. package/dist/Button/{Button.cjs.js → Button.cjs} +6 -6
  5. package/dist/Button/Button.cjs.map +1 -0
  6. package/dist/Button/{ButtonContainer.cjs.js → ButtonContainer.cjs} +5 -5
  7. package/dist/Button/ButtonContainer.cjs.map +1 -0
  8. package/dist/Chip/{Chip.cjs.js → Chip.cjs} +5 -5
  9. package/dist/Chip/Chip.cjs.map +1 -0
  10. package/dist/Divider/{Divider.cjs.js → Divider.cjs} +4 -4
  11. package/dist/Divider/Divider.cjs.map +1 -0
  12. package/dist/Flag/{Flag.cjs.js → Flag.cjs} +5 -5
  13. package/dist/Flag/Flag.cjs.map +1 -0
  14. package/dist/Icon/{Icon.cjs.js → Icon.cjs} +2 -2
  15. package/dist/Icon/{Icon.cjs.js.map → Icon.cjs.map} +1 -1
  16. package/dist/IconButton/{IconButton.cjs.js → IconButton.cjs} +6 -6
  17. package/dist/IconButton/IconButton.cjs.map +1 -0
  18. package/dist/Input/{Input.cjs.js → Input.cjs} +3 -3
  19. package/dist/Input/Input.cjs.map +1 -0
  20. package/dist/Link/{Link.cjs.js → Link.cjs} +5 -5
  21. package/dist/Link/Link.cjs.map +1 -0
  22. package/dist/Text/{Text.cjs.js → Text.cjs} +3 -3
  23. package/dist/Text/Text.cjs.map +1 -0
  24. package/dist/Toast/{Toast.cjs.js → Toast.cjs} +5 -5
  25. package/dist/Toast/Toast.cjs.map +1 -0
  26. package/dist/index.cjs +34 -0
  27. package/dist/index.cjs.map +1 -0
  28. package/dist/index.js +0 -2
  29. package/dist/index.js.map +1 -1
  30. package/dist/shared/{_rollupPluginBabelHelpers-xUOatjtv.cjs.js → _rollupPluginBabelHelpers-xUOatjtv.cjs} +1 -1
  31. package/dist/shared/_rollupPluginBabelHelpers-xUOatjtv.cjs.map +1 -0
  32. package/dist/shared/{cn-CPfjOlzZ.cjs.js → cn-CPfjOlzZ.cjs} +1 -1
  33. package/dist/shared/cn-CPfjOlzZ.cjs.map +1 -0
  34. package/dist/shared/{style-inject.es-DnsWrQaj.cjs.js → style-inject.es-DnsWrQaj.cjs} +1 -1
  35. package/dist/shared/style-inject.es-DnsWrQaj.cjs.map +1 -0
  36. package/dist/styles.css +63 -142
  37. package/dist/utils/{hooks.cjs.js → hooks.cjs} +1 -1
  38. package/dist/utils/hooks.cjs.map +1 -0
  39. package/package.json +15 -25
  40. package/dist/AdContainer/AdContainer.cjs.js.map +0 -1
  41. package/dist/Article/ArticleMetaContainer/ArticleMetaContainer.d.ts +0 -8
  42. package/dist/Article/UpNextArticles/UpNextArticles.d.ts +0 -13
  43. package/dist/Article/UpNextArticles.cjs.js +0 -63
  44. package/dist/Article/UpNextArticles.cjs.js.map +0 -1
  45. package/dist/Article/UpNextArticles.js +0 -61
  46. package/dist/Article/UpNextArticles.js.map +0 -1
  47. package/dist/Button/Button.cjs.js.map +0 -1
  48. package/dist/Button/ButtonContainer.cjs.js.map +0 -1
  49. package/dist/Chip/Chip.cjs.js.map +0 -1
  50. package/dist/CommentsDisabled/CommentsDisabled.cjs.js +0 -47
  51. package/dist/CommentsDisabled/CommentsDisabled.cjs.js.map +0 -1
  52. package/dist/CommentsDisabled/CommentsDisabled.d.ts +0 -10
  53. package/dist/CommentsDisabled/CommentsDisabled.js +0 -45
  54. package/dist/CommentsDisabled/CommentsDisabled.js.map +0 -1
  55. package/dist/Divider/Divider.cjs.js.map +0 -1
  56. package/dist/Flag/Flag.cjs.js.map +0 -1
  57. package/dist/IconButton/IconButton.cjs.js.map +0 -1
  58. package/dist/Input/Input.cjs.js.map +0 -1
  59. package/dist/Link/Link.cjs.js.map +0 -1
  60. package/dist/Text/Text.cjs.js.map +0 -1
  61. package/dist/Toast/Toast.cjs.js.map +0 -1
  62. package/dist/index.cjs.js +0 -38
  63. package/dist/index.cjs.js.map +0 -1
  64. package/dist/shared/_rollupPluginBabelHelpers-xUOatjtv.cjs.js.map +0 -1
  65. package/dist/shared/cn-CPfjOlzZ.cjs.js.map +0 -1
  66. package/dist/shared/style-inject.es-DnsWrQaj.cjs.js.map +0 -1
  67. package/dist/utils/hooks.cjs.js.map +0 -1
@@ -1,11 +1,11 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var Icon_Icon = require('../Icon/Icon.cjs.js');
5
- var cn = require('../shared/cn-CPfjOlzZ.cjs.js');
6
- var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs.js');
7
- var Button_ButtonContainer = require('../Button/ButtonContainer.cjs.js');
8
- require('../shared/_rollupPluginBabelHelpers-xUOatjtv.cjs.js');
4
+ var Icon_Icon = require('../Icon/Icon.cjs');
5
+ var cn = require('../shared/cn-CPfjOlzZ.cjs');
6
+ var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs');
7
+ var Button_ButtonContainer = require('../Button/ButtonContainer.cjs');
8
+ require('../shared/_rollupPluginBabelHelpers-xUOatjtv.cjs');
9
9
 
10
10
  var css_248z = ".tds-icon-button--size-small{height:var(--spacing-15);padding:var(--spacing-04);width:var(--spacing-15)}.tds-icon-button--size-medium{height:var(--spacing-18);padding:var(--spacing-07);width:var(--spacing-18)}.tds-icon-button--size-large{height:var(--spacing-20);padding:var(--spacing-10);width:var(--spacing-20)}.tds-icon-button--round.tds-button{border-radius:calc(var(--border-radius-full, 9999)*1px)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsNkJBRUUsd0JBQXlCLENBQ3pCLHlCQUEwQixDQUYxQix1QkFHRixDQUVBLDhCQUVFLHdCQUF5QixDQUN6Qix5QkFBMEIsQ0FGMUIsdUJBR0YsQ0FFQSw2QkFFRSx3QkFBeUIsQ0FDekIseUJBQTBCLENBRjFCLHVCQUdGLENBRUEsbUNBQ0UsdURBQ0YiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi50ZHMtaWNvbi1idXR0b24tLXNpemUtc21hbGwge1xuICB3aWR0aDogdmFyKC0tc3BhY2luZy0xNSk7XG4gIGhlaWdodDogdmFyKC0tc3BhY2luZy0xNSk7XG4gIHBhZGRpbmc6IHZhcigtLXNwYWNpbmctMDQpO1xufVxuXG4udGRzLWljb24tYnV0dG9uLS1zaXplLW1lZGl1bSB7XG4gIHdpZHRoOiB2YXIoLS1zcGFjaW5nLTE4KTtcbiAgaGVpZ2h0OiB2YXIoLS1zcGFjaW5nLTE4KTtcbiAgcGFkZGluZzogdmFyKC0tc3BhY2luZy0wNyk7XG59XG5cbi50ZHMtaWNvbi1idXR0b24tLXNpemUtbGFyZ2Uge1xuICB3aWR0aDogdmFyKC0tc3BhY2luZy0yMCk7XG4gIGhlaWdodDogdmFyKC0tc3BhY2luZy0yMCk7XG4gIHBhZGRpbmc6IHZhcigtLXNwYWNpbmctMTApO1xufVxuXG4udGRzLWljb24tYnV0dG9uLS1yb3VuZC50ZHMtYnV0dG9uIHtcbiAgYm9yZGVyLXJhZGl1czogY2FsYyh2YXIoLS1ib3JkZXItcmFkaXVzLWZ1bGwsIDk5OTkpICogMXB4KTtcbn1cbiJdfQ== */";
11
11
  styleInject_es.styleInject(css_248z);
@@ -53,4 +53,4 @@ var IconButton = function IconButton(_ref) {
53
53
  };
54
54
 
55
55
  exports.IconButton = IconButton;
56
- //# sourceMappingURL=IconButton.cjs.js.map
56
+ //# sourceMappingURL=IconButton.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"IconButton.cjs","sources":["../../src/IconButton/IconButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Icon } from '../Icon/Icon';\nimport { cn } from '../utils/cn';\nimport './styles.css';\nimport { IconName } from '@times-design-system/icons';\nimport {\n ButtonContainer,\n ButtonContainerProps\n} from '../Button/ButtonContainer';\n\nexport interface IconButtonProps extends ButtonContainerProps {\n /** Corner style for parity with Figma variant values */\n round?: boolean;\n /** Icon to render in the button */\n iconName?: IconName;\n /** Optional href to render as a link */\n href?: string;\n /** Optional target attribute for links */\n target?: '_blank' | '_self' | '_parent' | '_top';\n /** Optional rel attribute for links */\n rel?: string;\n}\n\n/** Icon-only action button */\nexport const IconButton: React.FC<IconButtonProps> = ({\n ariaLabel,\n intent = 'primary',\n size = 'large',\n state = 'base',\n round = 'off',\n iconName = 'filled_add' as IconName,\n disabled = false,\n className,\n onClick,\n type = 'button',\n href,\n target,\n rel\n}) => {\n return (\n <ButtonContainer\n intent={intent}\n size={size}\n state={state}\n disabled={disabled}\n type={type}\n href={href}\n target={target}\n rel={rel}\n className={cn(\n `tds-icon-button--size-${size}`,\n round ? `tds-icon-button--round` : undefined,\n className\n )}\n ariaLabel={ariaLabel}\n onClick={onClick}\n >\n <span className=\"tds-button__icon\" aria-hidden=\"true\">\n {<Icon iconName={iconName} />}\n </span>\n </ButtonContainer>\n );\n};\n"],"names":["IconButton","_ref","ariaLabel","_ref$intent","intent","_ref$size","size","_ref$state","state","_ref$round","round","_ref$iconName","iconName","_ref$disabled","disabled","className","onClick","_ref$type","type","href","target","rel","React","createElement","ButtonContainer","cn","concat","undefined","Icon"],"mappings":";;;;;;;;;;;;AAuBA;IACaA,UAAU,GAA8B,SAAxCA,UAAUA,CAAAC,IAAA,EAclB;AAAA,EAAA,IAbHC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAAC,WAAA,GAAAF,IAAA,CACTG,MAAM;AAANA,IAAAA,MAAM,GAAAD,WAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,WAAA;IAAAE,SAAA,GAAAJ,IAAA,CAClBK,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,OAAO,GAAAA,SAAA;IAAAE,UAAA,GAAAN,IAAA,CACdO,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,MAAM,GAAAA,UAAA;IAAAE,UAAA,GAAAR,IAAA,CACdS,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,UAAA;IAAAE,aAAA,GAAAV,IAAA,CACbW,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,YAAwB,GAAAA,aAAA;IAAAE,aAAA,GAAAZ,IAAA,CACnCa,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;IAChBE,SAAS,GAAAd,IAAA,CAATc,SAAS;IACTC,OAAO,GAAAf,IAAA,CAAPe,OAAO;IAAAC,SAAA,GAAAhB,IAAA,CACPiB,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,QAAQ,GAAAA,SAAA;IACfE,IAAI,GAAAlB,IAAA,CAAJkB,IAAI;IACJC,MAAM,GAAAnB,IAAA,CAANmB,MAAM;IACNC,GAAG,GAAApB,IAAA,CAAHoB,GAAG;AAEH,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAACC,sCAAe,EAAA;AACdpB,IAAAA,MAAM,EAAEA,MAAM;AACdE,IAAAA,IAAI,EAAEA,IAAI;AACVE,IAAAA,KAAK,EAAEA,KAAK;AACZM,IAAAA,QAAQ,EAAEA,QAAQ;AAClBI,IAAAA,IAAI,EAAEA,IAAI;AACVC,IAAAA,IAAI,EAAEA,IAAI;AACVC,IAAAA,MAAM,EAAEA,MAAM;AACdC,IAAAA,GAAG,EAAEA,GAAG;AACRN,IAAAA,SAAS,EAAEU,KAAE,CAAA,wBAAA,CAAAC,MAAA,CACcpB,IAAI,CAAA,EAC7BI,KAAK,GAAA,wBAAA,GAA8BiB,SAAS,EAC5CZ,SAAS,CACV;AACDb,IAAAA,SAAS,EAAEA,SAAS;AACpBc,IAAAA,OAAO,EAAEA;AAAO,GAAA,eAEhBM,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMR,IAAAA,SAAS,EAAC,kBAAkB;AAAA,IAAA,aAAA,EAAa;kBAC5CO,KAAA,CAAAC,aAAA,CAACK,cAAI,EAAA;AAAChB,IAAAA,QAAQ,EAAEA;GAAQ,CAAI,CACxB,CACS;AAEtB;;;;"}
@@ -1,8 +1,8 @@
1
1
  'use strict';
2
2
 
3
- var _rollupPluginBabelHelpers = require('../shared/_rollupPluginBabelHelpers-xUOatjtv.cjs.js');
3
+ var _rollupPluginBabelHelpers = require('../shared/_rollupPluginBabelHelpers-xUOatjtv.cjs');
4
4
  var React = require('react');
5
- var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs.js');
5
+ var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs');
6
6
 
7
7
  var css_248z = ".tds-input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-05)}.tds-input-label{align-items:center;color:var(--text-primary,#1a1a1a);display:flex;gap:var(--spacing-03)}.tds-input-required{color:var(--text-error,#c00)}.tds-input{background-color:var(--interactive-background-default,#fff);border:1px solid var(--border-primary,#999);border-radius:0;box-sizing:border-box;color:var(--text-primary,#1a1a1a);padding:var(--spacing-05) var(--spacing-07);transition:all .2s ease-in-out;width:100%}.tds-input:focus{box-shadow:0 0 0 var(--spacing-01) rgba(15,74,162,.1);outline:none}.tds-input:focus,.tds-input:hover:not(:disabled){border-color:var(--text-interactive-primary,#0f4aa2)}.tds-input:disabled{background-color:var(--interactive-background-disabled,#f2f2f2);border-color:var(--border-disabled,#ccc);color:var(--text-disabled,#999);cursor:not-allowed}.tds-input::placeholder{color:var(--text-secondary,#666)}.tds-input.error,.tds-input.error:focus{border-color:var(--text-error,#c00)}.tds-input.error:focus{box-shadow:0 0 0 var(--spacing-01) rgba(204,0,0,.1)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsbUJBQ0UsWUFBYSxDQUNiLHFCQUFzQixDQUN0QixxQkFDRixDQUdBLGlCQUdFLGtCQUFtQixDQUZuQixpQ0FBbUMsQ0FDbkMsWUFBYSxDQUViLHFCQUNGLENBR0Esb0JBQ0UsNEJBQ0YsQ0FHQSxXQUlFLDJEQUFnRSxDQUNoRSwyQ0FBZ0QsQ0FDaEQsZUFBZ0IsQ0FFaEIscUJBQXNCLENBTHRCLGlDQUFtQyxDQURuQywyQ0FBNEMsQ0FLNUMsOEJBQWdDLENBTmhDLFVBUUYsQ0FHQSxpQkFHRSxxREFBMEQsQ0FGMUQsWUFHRixDQUdBLGlEQUxFLG9EQU9GLENBR0Esb0JBQ0UsK0RBQWlFLENBRWpFLHdDQUE2QyxDQUQ3QywrQkFBb0MsQ0FFcEMsa0JBQ0YsQ0FHQSx3QkFDRSxnQ0FDRixDQU9BLHdDQUhFLG1DQU1GLENBSEEsdUJBRUUsbURBQ0YiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi8qIElucHV0IGNvbXBvbmVudCBzdHlsZXMgdXNpbmcgZGVzaWduIHRva2VucyAqL1xuXG4udGRzLWlucHV0LXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IHZhcigtLXNwYWNpbmctMDUpO1xufVxuXG4vKiBMYWJlbCBzdHlsZXMgKi9cbi50ZHMtaW5wdXQtbGFiZWwge1xuICBjb2xvcjogdmFyKC0tdGV4dC1wcmltYXJ5LCAjMWExYTFhKTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiB2YXIoLS1zcGFjaW5nLTAzKTtcbn1cblxuLyogUmVxdWlyZWQgYXN0ZXJpc2sgKi9cbi50ZHMtaW5wdXQtcmVxdWlyZWQge1xuICBjb2xvcjogdmFyKC0tdGV4dC1lcnJvciwgI2NjMDAwMCk7XG59XG5cbi8qIElucHV0IGZpZWxkIHN0eWxlcyAqL1xuLnRkcy1pbnB1dCB7XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiB2YXIoLS1zcGFjaW5nLTA1KSB2YXIoLS1zcGFjaW5nLTA3KTtcbiAgY29sb3I6IHZhcigtLXRleHQtcHJpbWFyeSwgIzFhMWExYSk7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLWludGVyYWN0aXZlLWJhY2tncm91bmQtZGVmYXVsdCwgI2ZmZmZmZik7XG4gIGJvcmRlcjogMXB4IHNvbGlkIHZhcigtLWJvcmRlci1wcmltYXJ5LCAjOTk5OTk5KTtcbiAgYm9yZGVyLXJhZGl1czogMDtcbiAgdHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZS1pbi1vdXQ7XG4gIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG59XG5cbi8qIElucHV0IGZvY3VzIHN0YXRlICovXG4udGRzLWlucHV0OmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS10ZXh0LWludGVyYWN0aXZlLXByaW1hcnksICMwZjRhYTIpO1xuICBib3gtc2hhZG93OiAwIDAgMCB2YXIoLS1zcGFjaW5nLTAxKSByZ2JhKDE1LCA3NCwgMTYyLCAwLjEpO1xufVxuXG4vKiBJbnB1dCBob3ZlciBzdGF0ZSAqL1xuLnRkcy1pbnB1dDpob3Zlcjpub3QoOmRpc2FibGVkKSB7XG4gIGJvcmRlci1jb2xvcjogdmFyKC0tdGV4dC1pbnRlcmFjdGl2ZS1wcmltYXJ5LCAjMGY0YWEyKTtcbn1cblxuLyogSW5wdXQgZGlzYWJsZWQgc3RhdGUgKi9cbi50ZHMtaW5wdXQ6ZGlzYWJsZWQge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1pbnRlcmFjdGl2ZS1iYWNrZ3JvdW5kLWRpc2FibGVkLCAjZjJmMmYyKTtcbiAgY29sb3I6IHZhcigtLXRleHQtZGlzYWJsZWQsICM5OTk5OTkpO1xuICBib3JkZXItY29sb3I6IHZhcigtLWJvcmRlci1kaXNhYmxlZCwgI2NjY2NjYyk7XG4gIGN1cnNvcjogbm90LWFsbG93ZWQ7XG59XG5cbi8qIElucHV0IHBsYWNlaG9sZGVyICovXG4udGRzLWlucHV0OjpwbGFjZWhvbGRlciB7XG4gIGNvbG9yOiB2YXIoLS10ZXh0LXNlY29uZGFyeSwgIzY2NjY2Nik7XG59XG5cbi8qIElucHV0IGVycm9yIHN0YXRlIChvcHRpb25hbCBjbGFzcyB0byBhcHBseSkgKi9cbi50ZHMtaW5wdXQuZXJyb3Ige1xuICBib3JkZXItY29sb3I6IHZhcigtLXRleHQtZXJyb3IsICNjYzAwMDApO1xufVxuXG4udGRzLWlucHV0LmVycm9yOmZvY3VzIHtcbiAgYm9yZGVyLWNvbG9yOiB2YXIoLS10ZXh0LWVycm9yLCAjY2MwMDAwKTtcbiAgYm94LXNoYWRvdzogMCAwIDAgdmFyKC0tc3BhY2luZy0wMSkgcmdiYSgyMDQsIDAsIDAsIDAuMSk7XG59XG4iXX0= */";
8
8
  styleInject_es.styleInject(css_248z);
@@ -45,4 +45,4 @@ var Input = function Input(_ref) {
45
45
  };
46
46
 
47
47
  exports.Input = Input;
48
- //# sourceMappingURL=Input.cjs.js.map
48
+ //# sourceMappingURL=Input.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input.cjs","sources":["../../src/Input/Input.tsx"],"sourcesContent":["import React from 'react';\nimport './styles.css';\n\ninterface InputProps {\n /** Label text for the input */\n label?: string;\n /** Input placeholder text */\n placeholder?: string;\n /** Input type */\n type?: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';\n /** Input value */\n value?: string;\n /** Change handler */\n onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n /** Disabled state */\n disabled?: boolean;\n /** Required state */\n required?: boolean;\n /** Input name attribute */\n name?: string;\n /** Input id attribute */\n id?: string;\n}\n\n/** Input component with label using design tokens */\nexport const Input: React.FC<InputProps> = ({\n label,\n placeholder,\n type = 'text',\n value,\n onChange,\n disabled = false,\n required = false,\n name,\n id,\n ...props\n}) => {\n const inputId = id || name;\n\n return (\n <div className=\"tds-input-wrapper\">\n {label && (\n <label\n htmlFor={inputId}\n className=\"tds-input-label --tds-utility-label-medium\"\n >\n {label}\n {required && <span className=\"tds-input-required\">*</span>}\n </label>\n )}\n <input\n id={inputId}\n type={type}\n name={name}\n className=\"tds-input --tds-utility-body-regular-medium\"\n placeholder={placeholder}\n value={value}\n onChange={onChange}\n disabled={disabled}\n required={required}\n {...props}\n />\n </div>\n );\n};\n"],"names":["Input","_ref","label","placeholder","_ref$type","type","value","onChange","_ref$disabled","disabled","_ref$required","required","name","id","props","_objectWithoutProperties","_excluded","inputId","React","createElement","className","htmlFor","_objectSpread"],"mappings":";;;;;;;;;;AAwBA;IACaA,KAAK,GAAyB,SAA9BA,KAAKA,CAAAC,IAAA,EAWb;AAAA,EAAA,IAVHC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAAC,SAAA,GAAAH,IAAA,CACXI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAA,MAAA,GAAG,MAAM,GAAAA,SAAA;IACbE,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IAAAC,aAAA,GAAAP,IAAA,CACRQ,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;IAAAE,aAAA,GAAAT,IAAA,CAChBU,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;IAChBE,IAAI,GAAAX,IAAA,CAAJW,IAAI;IACJC,EAAE,GAAAZ,IAAA,CAAFY,EAAE;AACCC,IAAAA,KAAK,GAAAC,kDAAA,CAAAd,IAAA,EAAAe,SAAA,CAAA;AAER,EAAA,IAAMC,OAAO,GAAGJ,EAAE,IAAID,IAAI;AAE1B,EAAA,oBACEM,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC;GAAmB,EAC/BlB,KAAK,kBACJgB,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACEE,IAAAA,OAAO,EAAEJ,OAAO;AAChBG,IAAAA,SAAS,EAAC;GAA4C,EAErDlB,KAAK,EACLS,QAAQ,iBAAIO,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMC,IAAAA,SAAS,EAAC;AAAoB,GAAA,EAAA,GAAA,CAAS,CACpD,CACT,eACDF,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAAG,wCAAA,CAAA;AACET,IAAAA,EAAE,EAAEI,OAAO;AACXZ,IAAAA,IAAI,EAAEA,IAAI;AACVO,IAAAA,IAAI,EAAEA,IAAI;AACVQ,IAAAA,SAAS,EAAC,6CAA6C;AACvDjB,IAAAA,WAAW,EAAEA,WAAW;AACxBG,IAAAA,KAAK,EAAEA,KAAK;AACZC,IAAAA,QAAQ,EAAEA,QAAQ;AAClBE,IAAAA,QAAQ,EAAEA,QAAQ;AAClBE,IAAAA,QAAQ,EAAEA;GAAQ,EACdG,KAAK,CAAA,CACT,CACE;AAEV;;;;"}
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs.js');
5
- var cn = require('../shared/cn-CPfjOlzZ.cjs.js');
6
- var Icon_Icon = require('../Icon/Icon.cjs.js');
7
- require('../shared/_rollupPluginBabelHelpers-xUOatjtv.cjs.js');
4
+ var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs');
5
+ var cn = require('../shared/cn-CPfjOlzZ.cjs');
6
+ var Icon_Icon = require('../Icon/Icon.cjs');
7
+ require('../shared/_rollupPluginBabelHelpers-xUOatjtv.cjs');
8
8
 
9
9
  var css_248z = ".tds-link{--tds-link-color-default:var(--interactive-link-primary-text-default,#286c96);--tds-link-color-hover:var(--interactive-link-primary-text-hover,#286c96);--tds-link-color-pressed:var(--interactive-link-primary-text-pressed,#286c96);--tds-link-color-visited:var(--interactive-link-primary-text-visited,#286c96);--tds-link-color-disabled:var(--interactive-disabled-b,#bfbfbf);--tds-link-underline-default:var(\n --interactive-link-primary-underline-default,var(--tds-link-color-default)\n );--tds-link-underline-hover:var(\n --interactive-link-primary-underline-hover,var(--tds-link-color-hover)\n );--tds-link-underline-pressed:var(\n --interactive-link-primary-underline-pressed,var(--tds-link-color-pressed)\n );--tds-link-underline-visited:var(\n --interactive-link-primary-underline-visited,var(--tds-link-color-visited)\n );--tds-link-focus-ring:var(--focus-border,#737373);--tds-link-icon-size:20px;align-items:center;color:var(--tds-link-color-default);cursor:pointer;display:inline-flex;font-family:var(--fontFamily040,sans-serif);font-size:var(--fontSize030,1rem);font-weight:var(--fontWeight040,400);gap:var(--spacing-03);line-height:var(--fontLineHeight040,1.5);position:relative;text-decoration:underline;text-decoration-color:var(--tds-link-underline-default);text-decoration-skip-ink:auto;text-decoration-thickness:var(--spacing-01);text-underline-offset:var(--spacing-03);transition:color .36s cubic-bezier(.22,1,.36,1),text-decoration-color .36s cubic-bezier(.22,1,.36,1),text-decoration-thickness .36s cubic-bezier(.22,1,.36,1)}.tds-link--secondary{--tds-link-color-default:var(\n --interactive-link-secondary-text-default,#1a191a\n );--tds-link-color-hover:var(\n --interactive-link-secondary-text-hover,#1a191a\n );--tds-link-color-pressed:var(\n --interactive-link-secondary-text-pressed,#1a191a\n );--tds-link-color-visited:var(\n --interactive-link-secondary-text-visited,var(--interactive-link-secondary-text-default,#1a191a)\n );--tds-link-underline-default:var(\n --interactive-link-secondary-underline-default,var(--tds-link-color-default)\n );--tds-link-underline-hover:var(\n --interactive-link-secondary-underline-hover,var(--tds-link-color-hover)\n );--tds-link-underline-pressed:var(\n --interactive-link-secondary-underline-pressed,var(--tds-link-color-pressed)\n );--tds-link-underline-visited:var(\n --interactive-link-secondary-underline-visited,var(--tds-link-color-visited)\n )}.tds-link--danger{--tds-link-color-default:var(--interactive-negative-text-default,#cc0705);--tds-link-color-hover:var(--interactive-negative-text-hover,#cc0705);--tds-link-color-pressed:var(--interactive-negative-text-pressed,#cc0705);--tds-link-color-visited:var(--interactive-negative-text-default,#cc0705);--tds-link-underline-default:var(--interactive-negative-text-default,#cc0705);--tds-link-underline-hover:var(--interactive-negative-text-hover,#cc0705);--tds-link-underline-pressed:var(--interactive-negative-text-pressed,#cc0705);--tds-link-underline-visited:var(--interactive-negative-text-default,#cc0705)}.tds-link--sentiment-brand{font-family:var(--fontFamily020)}.tds-link--sentiment-utility{font-family:var(--fontFamily040);font-weight:var(--fontWeight070)}.tds-link--size-xsmall{font-size:var(--fontSize010,12px)}.tds-link--size-small,.tds-link--size-xsmall{--tds-link-icon-size:var(--spacing-09);gap:var(--spacing-03)}.tds-link--size-small{font-size:var(--fontSize020,14px)}.tds-link--size-medium{--tds-link-icon-size:var(--spacing-11);font-size:var(--fontSize030,16px);gap:var(--spacing-04)}.tds-link--size-large{--tds-link-icon-size:var(--spacing-13);font-size:var(--fontSize040,18px);gap:var(--spacing-05)}.tds-link__label{white-space:nowrap}.tds-link__icon{align-items:center;display:inline-flex;flex:0 0 var(--tds-link-icon-size);height:var(--tds-link-icon-size);justify-content:center;width:var(--tds-link-icon-size)}.tds-link__icon-svg{height:100%;width:100%}.tds-link:hover:not(.tds-link--is-disabled){color:var(--tds-link-color-hover);text-decoration-color:var(--tds-link-underline-hover);text-decoration-thickness:var(--spacing-02)}.tds-link:active:not(.tds-link--is-disabled){color:var(--tds-link-color-pressed);text-decoration-color:var(--tds-link-underline-pressed)}.tds-link:visited:not(.tds-link--is-disabled){color:var(--tds-link-color-visited);text-decoration-color:var(--tds-link-underline-visited)}.tds-link:focus-visible:not(.tds-link--is-disabled){color:var(--tds-link-color-default);outline:none;text-decoration-color:var(--tds-link-underline-default)}.tds-link:focus-visible:not(.tds-link--is-disabled):after{border:var(--spacing-01) solid var(--tds-link-focus-ring);content:\"\";inset:calc(var(--spacing-03)*-1);pointer-events:none;position:absolute}.tds-link.tds-link--is-disabled,.tds-link[aria-disabled=true]{color:var(--tds-link-color-disabled);cursor:not-allowed;pointer-events:none;text-decoration-color:var(--tds-link-color-disabled)}.tds-link--standalone,.tds-link--standalone.tds-link--is-disabled,.tds-link--standalone:active:not(.tds-link--is-disabled),.tds-link--standalone:hover:not(.tds-link--is-disabled),.tds-link--standalone[aria-disabled=true]{text-decoration:none}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsVUFDRSw2RUFBK0UsQ0FDL0UseUVBQTJFLENBQzNFLDZFQUErRSxDQUMvRSw2RUFBK0UsQ0FDL0UsK0RBQWlFLENBQ2pFOztHQUdDLENBQ0Q7O0dBR0MsQ0FDRDs7R0FHQyxDQUNEOztHQUdDLENBQ0QsaURBQW1ELENBQ25ELHlCQUEwQixDQUkxQixrQkFBbUIsQ0FFbkIsbUNBQW9DLENBQ3BDLGNBQWUsQ0FKZixtQkFBb0IsQ0FLcEIsMkNBQTZDLENBQzdDLGlDQUFtQyxDQUNuQyxvQ0FBc0MsQ0FMdEMscUJBQXNCLENBTXRCLHdDQUEwQyxDQVQxQyxpQkFBa0IsQ0FVbEIseUJBQTBCLENBQzFCLHVEQUF3RCxDQUN4RCw2QkFBOEIsQ0FFOUIsMkNBQTRDLENBRDVDLHVDQUF3QyxDQUV4Qyw2SkFJRixDQUVBLHFCQUNFOztHQUdDLENBQ0Q7O0dBR0MsQ0FDRDs7R0FHQyxDQUNEOztHQUdDLENBQ0Q7O0dBR0MsQ0FDRDs7R0FHQyxDQUNEOztHQUdDLENBQ0Q7O0dBSUYsQ0FFQSxrQkFDRSx5RUFBMkUsQ0FDM0UscUVBQXVFLENBQ3ZFLHlFQUEyRSxDQUMzRSx5RUFBMkUsQ0FDM0UsNkVBQStFLENBQy9FLHlFQUEyRSxDQUMzRSw2RUFBK0UsQ0FDL0UsNkVBQ0YsQ0FFQSwyQkFDRSxnQ0FDRixDQUVBLDZCQUNFLGdDQUFpQyxDQUNqQyxnQ0FDRixDQUVBLHVCQUNFLGlDQUdGLENBRUEsNkNBSEUsc0NBQXVDLENBRHZDLHFCQVFGLENBSkEsc0JBQ0UsaUNBR0YsQ0FFQSx1QkFHRSxzQ0FBdUMsQ0FGdkMsaUNBQW1DLENBQ25DLHFCQUVGLENBRUEsc0JBR0Usc0NBQXVDLENBRnZDLGlDQUFtQyxDQUNuQyxxQkFFRixDQUVBLGlCQUNFLGtCQUNGLENBRUEsZ0JBRUUsa0JBQW1CLENBRG5CLG1CQUFvQixDQUtwQixrQ0FBbUMsQ0FEbkMsZ0NBQWlDLENBRmpDLHNCQUF1QixDQUN2QiwrQkFHRixDQUVBLG9CQUVFLFdBQVksQ0FEWixVQUVGLENBRUEsNENBQ0UsaUNBQWtDLENBQ2xDLHFEQUFzRCxDQUN0RCwyQ0FDRixDQUVBLDZDQUNFLG1DQUFvQyxDQUNwQyx1REFDRixDQUVBLDhDQUNFLG1DQUFvQyxDQUNwQyx1REFDRixDQUVBLG9EQUVFLG1DQUFvQyxDQURwQyxZQUFhLENBRWIsdURBQ0YsQ0FFQSwwREFJRSx5REFBMEQsQ0FIMUQsVUFBVyxDQUVYLGdDQUFtQyxDQUVuQyxtQkFBb0IsQ0FIcEIsaUJBSUYsQ0FFQSw4REFFRSxvQ0FBcUMsQ0FFckMsa0JBQW1CLENBQ25CLG1CQUFvQixDQUZwQixvREFHRixDQWVBLDZOQUVFLG9CQUNGIiwiZmlsZSI6InN0eWxlcy5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIudGRzLWxpbmsge1xuICAtLXRkcy1saW5rLWNvbG9yLWRlZmF1bHQ6IHZhcigtLWludGVyYWN0aXZlLWxpbmstcHJpbWFyeS10ZXh0LWRlZmF1bHQsICMyODZjOTYpO1xuICAtLXRkcy1saW5rLWNvbG9yLWhvdmVyOiB2YXIoLS1pbnRlcmFjdGl2ZS1saW5rLXByaW1hcnktdGV4dC1ob3ZlciwgIzI4NmM5Nik7XG4gIC0tdGRzLWxpbmstY29sb3ItcHJlc3NlZDogdmFyKC0taW50ZXJhY3RpdmUtbGluay1wcmltYXJ5LXRleHQtcHJlc3NlZCwgIzI4NmM5Nik7XG4gIC0tdGRzLWxpbmstY29sb3ItdmlzaXRlZDogdmFyKC0taW50ZXJhY3RpdmUtbGluay1wcmltYXJ5LXRleHQtdmlzaXRlZCwgIzI4NmM5Nik7XG4gIC0tdGRzLWxpbmstY29sb3ItZGlzYWJsZWQ6IHZhcigtLWludGVyYWN0aXZlLWRpc2FibGVkLWIsICNiZmJmYmYpO1xuICAtLXRkcy1saW5rLXVuZGVybGluZS1kZWZhdWx0OiB2YXIoXG4gICAgLS1pbnRlcmFjdGl2ZS1saW5rLXByaW1hcnktdW5kZXJsaW5lLWRlZmF1bHQsXG4gICAgdmFyKC0tdGRzLWxpbmstY29sb3ItZGVmYXVsdClcbiAgKTtcbiAgLS10ZHMtbGluay11bmRlcmxpbmUtaG92ZXI6IHZhcihcbiAgICAtLWludGVyYWN0aXZlLWxpbmstcHJpbWFyeS11bmRlcmxpbmUtaG92ZXIsXG4gICAgdmFyKC0tdGRzLWxpbmstY29sb3ItaG92ZXIpXG4gICk7XG4gIC0tdGRzLWxpbmstdW5kZXJsaW5lLXByZXNzZWQ6IHZhcihcbiAgICAtLWludGVyYWN0aXZlLWxpbmstcHJpbWFyeS11bmRlcmxpbmUtcHJlc3NlZCxcbiAgICB2YXIoLS10ZHMtbGluay1jb2xvci1wcmVzc2VkKVxuICApO1xuICAtLXRkcy1saW5rLXVuZGVybGluZS12aXNpdGVkOiB2YXIoXG4gICAgLS1pbnRlcmFjdGl2ZS1saW5rLXByaW1hcnktdW5kZXJsaW5lLXZpc2l0ZWQsXG4gICAgdmFyKC0tdGRzLWxpbmstY29sb3ItdmlzaXRlZClcbiAgKTtcbiAgLS10ZHMtbGluay1mb2N1cy1yaW5nOiB2YXIoLS1mb2N1cy1ib3JkZXIsICM3MzczNzMpO1xuICAtLXRkcy1saW5rLWljb24tc2l6ZTogMjBweDtcblxuICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IHZhcigtLXNwYWNpbmctMDMpO1xuICBjb2xvcjogdmFyKC0tdGRzLWxpbmstY29sb3ItZGVmYXVsdCk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnRGYW1pbHkwNDAsIHNhbnMtc2VyaWYpO1xuICBmb250LXNpemU6IHZhcigtLWZvbnRTaXplMDMwLCAxcmVtKTtcbiAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnRXZWlnaHQwNDAsIDQwMCk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1mb250TGluZUhlaWdodDA0MCwgMS41KTtcbiAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmU7XG4gIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogdmFyKC0tdGRzLWxpbmstdW5kZXJsaW5lLWRlZmF1bHQpO1xuICB0ZXh0LWRlY29yYXRpb24tc2tpcC1pbms6IGF1dG87XG4gIHRleHQtdW5kZXJsaW5lLW9mZnNldDogdmFyKC0tc3BhY2luZy0wMyk7XG4gIHRleHQtZGVjb3JhdGlvbi10aGlja25lc3M6IHZhcigtLXNwYWNpbmctMDEpO1xuICB0cmFuc2l0aW9uOlxuICAgIGNvbG9yIDAuMzZzIGN1YmljLWJlemllcigwLjIyLCAxLCAwLjM2LCAxKSxcbiAgICB0ZXh0LWRlY29yYXRpb24tY29sb3IgMC4zNnMgY3ViaWMtYmV6aWVyKDAuMjIsIDEsIDAuMzYsIDEpLFxuICAgIHRleHQtZGVjb3JhdGlvbi10aGlja25lc3MgMC4zNnMgY3ViaWMtYmV6aWVyKDAuMjIsIDEsIDAuMzYsIDEpO1xufVxuXG4udGRzLWxpbmstLXNlY29uZGFyeSB7XG4gIC0tdGRzLWxpbmstY29sb3ItZGVmYXVsdDogdmFyKFxuICAgIC0taW50ZXJhY3RpdmUtbGluay1zZWNvbmRhcnktdGV4dC1kZWZhdWx0LFxuICAgICMxYTE5MWFcbiAgKTtcbiAgLS10ZHMtbGluay1jb2xvci1ob3ZlcjogdmFyKFxuICAgIC0taW50ZXJhY3RpdmUtbGluay1zZWNvbmRhcnktdGV4dC1ob3ZlcixcbiAgICAjMWExOTFhXG4gICk7XG4gIC0tdGRzLWxpbmstY29sb3ItcHJlc3NlZDogdmFyKFxuICAgIC0taW50ZXJhY3RpdmUtbGluay1zZWNvbmRhcnktdGV4dC1wcmVzc2VkLFxuICAgICMxYTE5MWFcbiAgKTtcbiAgLS10ZHMtbGluay1jb2xvci12aXNpdGVkOiB2YXIoXG4gICAgLS1pbnRlcmFjdGl2ZS1saW5rLXNlY29uZGFyeS10ZXh0LXZpc2l0ZWQsXG4gICAgdmFyKC0taW50ZXJhY3RpdmUtbGluay1zZWNvbmRhcnktdGV4dC1kZWZhdWx0LCAjMWExOTFhKVxuICApO1xuICAtLXRkcy1saW5rLXVuZGVybGluZS1kZWZhdWx0OiB2YXIoXG4gICAgLS1pbnRlcmFjdGl2ZS1saW5rLXNlY29uZGFyeS11bmRlcmxpbmUtZGVmYXVsdCxcbiAgICB2YXIoLS10ZHMtbGluay1jb2xvci1kZWZhdWx0KVxuICApO1xuICAtLXRkcy1saW5rLXVuZGVybGluZS1ob3ZlcjogdmFyKFxuICAgIC0taW50ZXJhY3RpdmUtbGluay1zZWNvbmRhcnktdW5kZXJsaW5lLWhvdmVyLFxuICAgIHZhcigtLXRkcy1saW5rLWNvbG9yLWhvdmVyKVxuICApO1xuICAtLXRkcy1saW5rLXVuZGVybGluZS1wcmVzc2VkOiB2YXIoXG4gICAgLS1pbnRlcmFjdGl2ZS1saW5rLXNlY29uZGFyeS11bmRlcmxpbmUtcHJlc3NlZCxcbiAgICB2YXIoLS10ZHMtbGluay1jb2xvci1wcmVzc2VkKVxuICApO1xuICAtLXRkcy1saW5rLXVuZGVybGluZS12aXNpdGVkOiB2YXIoXG4gICAgLS1pbnRlcmFjdGl2ZS1saW5rLXNlY29uZGFyeS11bmRlcmxpbmUtdmlzaXRlZCxcbiAgICB2YXIoLS10ZHMtbGluay1jb2xvci12aXNpdGVkKVxuICApO1xufVxuXG4udGRzLWxpbmstLWRhbmdlciB7XG4gIC0tdGRzLWxpbmstY29sb3ItZGVmYXVsdDogdmFyKC0taW50ZXJhY3RpdmUtbmVnYXRpdmUtdGV4dC1kZWZhdWx0LCAjY2MwNzA1KTtcbiAgLS10ZHMtbGluay1jb2xvci1ob3ZlcjogdmFyKC0taW50ZXJhY3RpdmUtbmVnYXRpdmUtdGV4dC1ob3ZlciwgI2NjMDcwNSk7XG4gIC0tdGRzLWxpbmstY29sb3ItcHJlc3NlZDogdmFyKC0taW50ZXJhY3RpdmUtbmVnYXRpdmUtdGV4dC1wcmVzc2VkLCAjY2MwNzA1KTtcbiAgLS10ZHMtbGluay1jb2xvci12aXNpdGVkOiB2YXIoLS1pbnRlcmFjdGl2ZS1uZWdhdGl2ZS10ZXh0LWRlZmF1bHQsICNjYzA3MDUpO1xuICAtLXRkcy1saW5rLXVuZGVybGluZS1kZWZhdWx0OiB2YXIoLS1pbnRlcmFjdGl2ZS1uZWdhdGl2ZS10ZXh0LWRlZmF1bHQsICNjYzA3MDUpO1xuICAtLXRkcy1saW5rLXVuZGVybGluZS1ob3ZlcjogdmFyKC0taW50ZXJhY3RpdmUtbmVnYXRpdmUtdGV4dC1ob3ZlciwgI2NjMDcwNSk7XG4gIC0tdGRzLWxpbmstdW5kZXJsaW5lLXByZXNzZWQ6IHZhcigtLWludGVyYWN0aXZlLW5lZ2F0aXZlLXRleHQtcHJlc3NlZCwgI2NjMDcwNSk7XG4gIC0tdGRzLWxpbmstdW5kZXJsaW5lLXZpc2l0ZWQ6IHZhcigtLWludGVyYWN0aXZlLW5lZ2F0aXZlLXRleHQtZGVmYXVsdCwgI2NjMDcwNSk7XG59XG5cbi50ZHMtbGluay0tc2VudGltZW50LWJyYW5kIHtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnRGYW1pbHkwMjApO1xufVxuXG4udGRzLWxpbmstLXNlbnRpbWVudC11dGlsaXR5IHtcbiAgZm9udC1mYW1pbHk6IHZhcigtLWZvbnRGYW1pbHkwNDApO1xuICBmb250LXdlaWdodDogdmFyKC0tZm9udFdlaWdodDA3MCk7XG59XG5cbi50ZHMtbGluay0tc2l6ZS14c21hbGwge1xuICBmb250LXNpemU6IHZhcigtLWZvbnRTaXplMDEwLCAxMnB4KTtcbiAgZ2FwOiB2YXIoLS1zcGFjaW5nLTAzKTtcbiAgLS10ZHMtbGluay1pY29uLXNpemU6IHZhcigtLXNwYWNpbmctMDkpO1xufVxuXG4udGRzLWxpbmstLXNpemUtc21hbGwge1xuICBmb250LXNpemU6IHZhcigtLWZvbnRTaXplMDIwLCAxNHB4KTtcbiAgZ2FwOiB2YXIoLS1zcGFjaW5nLTAzKTtcbiAgLS10ZHMtbGluay1pY29uLXNpemU6IHZhcigtLXNwYWNpbmctMDkpO1xufVxuXG4udGRzLWxpbmstLXNpemUtbWVkaXVtIHtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250U2l6ZTAzMCwgMTZweCk7XG4gIGdhcDogdmFyKC0tc3BhY2luZy0wNCk7XG4gIC0tdGRzLWxpbmstaWNvbi1zaXplOiB2YXIoLS1zcGFjaW5nLTExKTtcbn1cblxuLnRkcy1saW5rLS1zaXplLWxhcmdlIHtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250U2l6ZTA0MCwgMThweCk7XG4gIGdhcDogdmFyKC0tc3BhY2luZy0wNSk7XG4gIC0tdGRzLWxpbmstaWNvbi1zaXplOiB2YXIoLS1zcGFjaW5nLTEzKTtcbn1cblxuLnRkcy1saW5rX19sYWJlbCB7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG59XG5cbi50ZHMtbGlua19faWNvbiB7XG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgd2lkdGg6IHZhcigtLXRkcy1saW5rLWljb24tc2l6ZSk7XG4gIGhlaWdodDogdmFyKC0tdGRzLWxpbmstaWNvbi1zaXplKTtcbiAgZmxleDogMCAwIHZhcigtLXRkcy1saW5rLWljb24tc2l6ZSk7XG59XG5cbi50ZHMtbGlua19faWNvbi1zdmcge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4udGRzLWxpbms6aG92ZXI6bm90KC50ZHMtbGluay0taXMtZGlzYWJsZWQpIHtcbiAgY29sb3I6IHZhcigtLXRkcy1saW5rLWNvbG9yLWhvdmVyKTtcbiAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiB2YXIoLS10ZHMtbGluay11bmRlcmxpbmUtaG92ZXIpO1xuICB0ZXh0LWRlY29yYXRpb24tdGhpY2tuZXNzOiB2YXIoLS1zcGFjaW5nLTAyKTtcbn1cblxuLnRkcy1saW5rOmFjdGl2ZTpub3QoLnRkcy1saW5rLS1pcy1kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tdGRzLWxpbmstY29sb3ItcHJlc3NlZCk7XG4gIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogdmFyKC0tdGRzLWxpbmstdW5kZXJsaW5lLXByZXNzZWQpO1xufVxuXG4udGRzLWxpbms6dmlzaXRlZDpub3QoLnRkcy1saW5rLS1pcy1kaXNhYmxlZCkge1xuICBjb2xvcjogdmFyKC0tdGRzLWxpbmstY29sb3ItdmlzaXRlZCk7XG4gIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogdmFyKC0tdGRzLWxpbmstdW5kZXJsaW5lLXZpc2l0ZWQpO1xufVxuXG4udGRzLWxpbms6Zm9jdXMtdmlzaWJsZTpub3QoLnRkcy1saW5rLS1pcy1kaXNhYmxlZCkge1xuICBvdXRsaW5lOiBub25lO1xuICBjb2xvcjogdmFyKC0tdGRzLWxpbmstY29sb3ItZGVmYXVsdCk7XG4gIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogdmFyKC0tdGRzLWxpbmstdW5kZXJsaW5lLWRlZmF1bHQpO1xufVxuXG4udGRzLWxpbms6Zm9jdXMtdmlzaWJsZTpub3QoLnRkcy1saW5rLS1pcy1kaXNhYmxlZCk6OmFmdGVyIHtcbiAgY29udGVudDogJyc7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaW5zZXQ6IGNhbGModmFyKC0tc3BhY2luZy0wMykgKiAtMSk7XG4gIGJvcmRlcjogdmFyKC0tc3BhY2luZy0wMSkgc29saWQgdmFyKC0tdGRzLWxpbmstZm9jdXMtcmluZyk7XG4gIHBvaW50ZXItZXZlbnRzOiBub25lO1xufVxuXG4udGRzLWxpbmsudGRzLWxpbmstLWlzLWRpc2FibGVkLFxuLnRkcy1saW5rW2FyaWEtZGlzYWJsZWQ9J3RydWUnXSB7XG4gIGNvbG9yOiB2YXIoLS10ZHMtbGluay1jb2xvci1kaXNhYmxlZCk7XG4gIHRleHQtZGVjb3JhdGlvbi1jb2xvcjogdmFyKC0tdGRzLWxpbmstY29sb3ItZGlzYWJsZWQpO1xuICBjdXJzb3I6IG5vdC1hbGxvd2VkO1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbn1cblxuLyogU3RhbmRhbG9uZSAobm9uLWlubGluZSkgbGluazogbm8gdW5kZXJsaW5lIGRlY29yYXRpb24gKi9cbi50ZHMtbGluay0tc3RhbmRhbG9uZSB7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuLnRkcy1saW5rLS1zdGFuZGFsb25lOmhvdmVyOm5vdCgudGRzLWxpbmstLWlzLWRpc2FibGVkKSB7XG4gIHRleHQtZGVjb3JhdGlvbjogbm9uZTtcbn1cblxuLnRkcy1saW5rLS1zdGFuZGFsb25lOmFjdGl2ZTpub3QoLnRkcy1saW5rLS1pcy1kaXNhYmxlZCkge1xuICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG59XG5cbi50ZHMtbGluay0tc3RhbmRhbG9uZS50ZHMtbGluay0taXMtZGlzYWJsZWQsXG4udGRzLWxpbmstLXN0YW5kYWxvbmVbYXJpYS1kaXNhYmxlZD0ndHJ1ZSddIHtcbiAgdGV4dC1kZWNvcmF0aW9uOiBub25lO1xufVxuIl19 */";
10
10
  styleInject_es.styleInject(css_248z);
@@ -73,4 +73,4 @@ var Link = function Link(_ref) {
73
73
  };
74
74
 
75
75
  exports.Link = Link;
76
- //# sourceMappingURL=Link.cjs.js.map
76
+ //# sourceMappingURL=Link.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Link.cjs","sources":["../../src/Link/Link.tsx"],"sourcesContent":["import React from 'react';\nimport './styles.css';\nimport { cn } from '../utils/cn';\nimport { IconName } from '@times-design-system/icons';\nimport { Icon } from '../Icon/Icon';\n\ntype LinkIntent = 'primary' | 'secondary';\ntype LinkSentiment = 'brand' | 'utility';\ntype LinkSize = 'xsmall' | 'small' | 'medium' | 'large';\ntype LinkState =\n | 'base'\n | 'hover'\n | 'pressed'\n | 'visited'\n | 'disabled'\n | 'focus';\ntype LinkLegacyVariant = LinkIntent | 'danger';\n\ninterface LinkProps {\n href: string;\n intent?: LinkIntent;\n variant?: LinkLegacyVariant;\n sentiment?: LinkSentiment;\n size?: LinkSize;\n state?: LinkState;\n iconLeft?: IconName;\n iconRight?: IconName;\n inline?: boolean;\n ariaLabel?: string;\n onClick?: (e: React.MouseEvent<HTMLAnchorElement>) => void;\n target?: '_self' | '_blank' | '_parent' | '_top';\n rel?: string;\n className?: string;\n classes?: string;\n styles?: { [key: string]: string };\n children?: React.ReactNode;\n}\n\n/** Link UI component for navigation and interactive linking */\nexport const Link: React.FC<LinkProps> = ({\n href,\n intent,\n variant,\n sentiment = 'brand',\n size = 'medium',\n state = 'base',\n iconLeft,\n iconRight,\n inline = true,\n ariaLabel,\n onClick,\n target,\n rel,\n className,\n classes,\n styles,\n children\n}) => {\n // If target is _blank, set rel to noopener noreferrer for security\n const linkRel =\n target === '_blank'\n ? rel\n ? `${rel} noopener noreferrer`\n : 'noopener noreferrer'\n : rel;\n\n const resolvedIntent = intent ?? variant ?? 'primary';\n const isDisabled = state === 'disabled';\n const resolvedHref = isDisabled ? undefined : href;\n const resolvedLabel = children ?? 'Link';\n\n const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n if (isDisabled) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n\n onClick?.(event);\n };\n\n return (\n <a\n href={resolvedHref}\n onClick={handleClick}\n target={target}\n rel={linkRel}\n aria-label={ariaLabel}\n aria-disabled={isDisabled || undefined}\n tabIndex={isDisabled ? -1 : undefined}\n className={cn(\n 'tds-link',\n `tds-link--${resolvedIntent}`,\n `tds-link--sentiment-${sentiment}`,\n `tds-link--size-${size}`,\n `tds-link--state-${state}`,\n isDisabled ? 'tds-link--is-disabled' : undefined,\n !inline ? 'tds-link--standalone' : undefined,\n className,\n classes\n )}\n style={styles ? styles : undefined}\n >\n {iconLeft && (\n <span className=\"tds-link__icon\" aria-hidden=\"true\">\n {<Icon iconName={iconLeft} />}\n </span>\n )}\n <span className=\"tds-link__label\">{resolvedLabel}</span>\n {iconRight && (\n <span className=\"tds-link__icon\" aria-hidden=\"true\">\n {<Icon iconName={iconRight} />}\n </span>\n )}\n </a>\n );\n};\n"],"names":["Link","_ref","_ref2","href","intent","variant","_ref$sentiment","sentiment","_ref$size","size","_ref$state","state","iconLeft","iconRight","_ref$inline","inline","ariaLabel","onClick","target","rel","className","classes","styles","children","linkRel","concat","resolvedIntent","isDisabled","resolvedHref","undefined","resolvedLabel","handleClick","event","preventDefault","stopPropagation","React","tabIndex","cn","style","createElement","Icon","iconName"],"mappings":"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"}
@@ -1,8 +1,8 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs.js');
5
- var cn = require('../shared/cn-CPfjOlzZ.cjs.js');
4
+ var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs');
5
+ var cn = require('../shared/cn-CPfjOlzZ.cjs');
6
6
 
7
7
  var css_248z = ".storybook-button{border:0;border-radius:3em;cursor:pointer;display:inline-block;font-family:Roboto,Roboto-Regular,Helvetica,Arial,sans-serif;font-weight:700;line-height:1}.storybook-button--primary{background-color:#555ab9;color:#fff}.storybook-button--secondary{background-color:transparent;box-shadow:inset 0 0 0 1px rgba(0,0,0,.15);color:#333}.storybook-button--small{font-size:12px;padding:10px 16px}.storybook-button--medium{font-size:14px;padding:11px 20px}.storybook-button--large{font-size:16px;padding:12px 24px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsa0JBR0UsUUFBUyxDQUNULGlCQUFrQixDQUZsQixjQUFlLENBRGYsb0JBQXFCLENBTXJCLDREQUFxRSxDQUZyRSxlQUFnQixDQUNoQixhQUVGLENBQ0EsMkJBQ0Usd0JBQXlCLENBQ3pCLFVBQ0YsQ0FDQSw2QkFFRSw0QkFBNkIsQ0FEN0IsMENBQXFELENBRXJELFVBQ0YsQ0FDQSx5QkFFRSxjQUFlLENBRGYsaUJBRUYsQ0FDQSwwQkFFRSxjQUFlLENBRGYsaUJBRUYsQ0FDQSx5QkFFRSxjQUFlLENBRGYsaUJBRUYiLCJmaWxlIjoic3R5bGVzLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5zdG9yeWJvb2stYnV0dG9uIHtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIGJvcmRlcjogMDtcbiAgYm9yZGVyLXJhZGl1czogM2VtO1xuICBmb250LXdlaWdodDogNzAwO1xuICBsaW5lLWhlaWdodDogMTtcbiAgZm9udC1mYW1pbHk6ICdSb2JvdG8nLCAnUm9ib3RvLVJlZ3VsYXInLCBIZWx2ZXRpY2EsIEFyaWFsLCBzYW5zLXNlcmlmO1xufVxuLnN0b3J5Ym9vay1idXR0b24tLXByaW1hcnkge1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAjNTU1YWI5O1xuICBjb2xvcjogd2hpdGU7XG59XG4uc3Rvcnlib29rLWJ1dHRvbi0tc2Vjb25kYXJ5IHtcbiAgYm94LXNoYWRvdzogcmdiYSgwLCAwLCAwLCAwLjE1KSAwcHggMHB4IDBweCAxcHggaW5zZXQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICBjb2xvcjogIzMzMztcbn1cbi5zdG9yeWJvb2stYnV0dG9uLS1zbWFsbCB7XG4gIHBhZGRpbmc6IDEwcHggMTZweDtcbiAgZm9udC1zaXplOiAxMnB4O1xufVxuLnN0b3J5Ym9vay1idXR0b24tLW1lZGl1bSB7XG4gIHBhZGRpbmc6IDExcHggMjBweDtcbiAgZm9udC1zaXplOiAxNHB4O1xufVxuLnN0b3J5Ym9vay1idXR0b24tLWxhcmdlIHtcbiAgcGFkZGluZzogMTJweCAyNHB4O1xuICBmb250LXNpemU6IDE2cHg7XG59XG4iXX0= */";
8
8
  styleInject_es.styleInject(css_248z);
@@ -23,4 +23,4 @@ var Text = function Text(_ref) {
23
23
  };
24
24
 
25
25
  exports.Text = Text;
26
- //# sourceMappingURL=Text.cjs.js.map
26
+ //# sourceMappingURL=Text.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Text.cjs","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;;;;"}
@@ -1,10 +1,10 @@
1
1
  'use strict';
2
2
 
3
- var _rollupPluginBabelHelpers = require('../shared/_rollupPluginBabelHelpers-xUOatjtv.cjs.js');
3
+ var _rollupPluginBabelHelpers = require('../shared/_rollupPluginBabelHelpers-xUOatjtv.cjs');
4
4
  var React = require('react');
5
- var Icon_Icon = require('../Icon/Icon.cjs.js');
6
- var cn = require('../shared/cn-CPfjOlzZ.cjs.js');
7
- var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs.js');
5
+ var Icon_Icon = require('../Icon/Icon.cjs');
6
+ var cn = require('../shared/cn-CPfjOlzZ.cjs');
7
+ var styleInject_es = require('../shared/style-inject.es-DnsWrQaj.cjs');
8
8
 
9
9
  var css_248z = "@import \"animate.css\";.tds-toast{--tds-toast-fill:var(--toast-fill-success,#22724f);--tds-toast-text:var(--toast-text-success,#fff);--tds-toast-link:var(--toast-link-success-default,#fff);--animate-duration:180ms;background:var(--tds-toast-fill);border-radius:4px;box-shadow:0 16px 24px 0 rgb(0 0 0/8%);box-sizing:border-box;gap:var(--spacing-07);min-height:var(--spacing-18);padding:var(--spacing-07) var(--spacing-09);width:373px}.tds-toast,.tds-toast__icon{align-items:center;color:var(--tds-toast-text);display:inline-flex}.tds-toast__icon{flex:0 0 auto;justify-content:center}.tds-toast__label{flex:1 1 auto;font-weight:var(--fontWeight040,400);min-width:0}.tds-toast__label,.tds-toast__link{font-family:var(--fontFamily040,sans-serif);font-size:var(--fontSize030,1rem);line-height:var(--fontLineHeight040,1.5)}.tds-toast__link{color:var(--tds-toast-link);cursor:pointer;flex:0 0 auto;font-weight:var(--fontWeight070,700);text-decoration:underline}.tds-toast--intent-success{--tds-toast-fill:var(--toast-fill-success,#22724f);--tds-toast-text:var(--toast-text-success,#fff);--tds-toast-link:var(--toast-link-success-default,#fff)}.tds-toast--intent-info{--tds-toast-fill:var(--toast-fill-info,#0a3472);--tds-toast-text:var(--toast-text-info,#fff);--tds-toast-link:var(--toast-link-info-default,#fff)}.tds-toast--intent-warning{--tds-toast-fill:var(--toast-fill-warning,#e49307);--tds-toast-text:var(--toast-text-warning,#000);--tds-toast-link:var(--toast-link-warning-default,#000)}.tds-toast--intent-error{--tds-toast-fill:var(--toast-fill-error,#cb0705);--tds-toast-text:var(--toast-text-error,#fff);--tds-toast-link:var(--toast-link-error-default,#fff)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEscUJBQXFCLENBRXJCLFdBQ0Usa0RBQW9ELENBQ3BELCtDQUFvRCxDQUNwRCx1REFBNEQsQ0FDNUQsd0JBQXlCLENBU3pCLGdDQUFpQyxDQURqQyxpQkFBa0IsQ0FHbEIsc0NBQXlDLENBQ3pDLHFCQUFzQixDQVJ0QixxQkFBc0IsQ0FFdEIsNEJBQTZCLENBQzdCLDJDQUE0QyxDQUY1QyxXQVFGLENBRUEsNEJBWkUsa0JBQW1CLENBT25CLDJCQUE0QixDQVI1QixtQkFtQkYsQ0FOQSxpQkFJRSxhQUFjLENBRGQsc0JBR0YsQ0FFQSxrQkFDRSxhQUFjLENBS2Qsb0NBQXNDLENBSnRDLFdBS0YsQ0FFQSxtQ0FORSwyQ0FBNkMsQ0FDN0MsaUNBQW1DLENBQ25DLHdDQWFGLENBVEEsaUJBT0UsMkJBQTRCLENBQzVCLGNBQWUsQ0FQZixhQUFjLENBSWQsb0NBQXNDLENBQ3RDLHlCQUdGLENBRUEsMkJBQ0Usa0RBQW9ELENBQ3BELCtDQUFvRCxDQUNwRCx1REFDRixDQUVBLHdCQUNFLCtDQUFpRCxDQUNqRCw0Q0FBaUQsQ0FDakQsb0RBQ0YsQ0FFQSwyQkFDRSxrREFBb0QsQ0FDcEQsK0NBQW9ELENBQ3BELHVEQUNGLENBRUEseUJBQ0UsZ0RBQWtELENBQ2xELDZDQUFrRCxDQUNsRCxxREFDRiIsImZpbGUiOiJzdHlsZXMuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCAnYW5pbWF0ZS5jc3MnO1xuXG4udGRzLXRvYXN0IHtcbiAgLS10ZHMtdG9hc3QtZmlsbDogdmFyKC0tdG9hc3QtZmlsbC1zdWNjZXNzLCAjMjI3MjRmKTtcbiAgLS10ZHMtdG9hc3QtdGV4dDogdmFyKC0tdG9hc3QtdGV4dC1zdWNjZXNzLCAjZmZmZmZmKTtcbiAgLS10ZHMtdG9hc3QtbGluazogdmFyKC0tdG9hc3QtbGluay1zdWNjZXNzLWRlZmF1bHQsICNmZmZmZmYpO1xuICAtLWFuaW1hdGUtZHVyYXRpb246IDE4MG1zO1xuXG4gIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IHZhcigtLXNwYWNpbmctMDcpO1xuICB3aWR0aDogMzczcHg7XG4gIG1pbi1oZWlnaHQ6IHZhcigtLXNwYWNpbmctMTgpO1xuICBwYWRkaW5nOiB2YXIoLS1zcGFjaW5nLTA3KSB2YXIoLS1zcGFjaW5nLTA5KTtcbiAgYm9yZGVyLXJhZGl1czogNHB4O1xuICBiYWNrZ3JvdW5kOiB2YXIoLS10ZHMtdG9hc3QtZmlsbCk7XG4gIGNvbG9yOiB2YXIoLS10ZHMtdG9hc3QtdGV4dCk7XG4gIGJveC1zaGFkb3c6IDAgMTZweCAyNHB4IDAgcmdiKDAgMCAwIC8gOCUpO1xuICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xufVxuXG4udGRzLXRvYXN0X19pY29uIHtcbiAgZGlzcGxheTogaW5saW5lLWZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBmbGV4OiAwIDAgYXV0bztcbiAgY29sb3I6IHZhcigtLXRkcy10b2FzdC10ZXh0KTtcbn1cblxuLnRkcy10b2FzdF9fbGFiZWwge1xuICBmbGV4OiAxIDEgYXV0bztcbiAgbWluLXdpZHRoOiAwO1xuICBmb250LWZhbWlseTogdmFyKC0tZm9udEZhbWlseTA0MCwgc2Fucy1zZXJpZik7XG4gIGZvbnQtc2l6ZTogdmFyKC0tZm9udFNpemUwMzAsIDFyZW0pO1xuICBsaW5lLWhlaWdodDogdmFyKC0tZm9udExpbmVIZWlnaHQwNDAsIDEuNSk7XG4gIGZvbnQtd2VpZ2h0OiB2YXIoLS1mb250V2VpZ2h0MDQwLCA0MDApO1xufVxuXG4udGRzLXRvYXN0X19saW5rIHtcbiAgZmxleDogMCAwIGF1dG87XG4gIGZvbnQtZmFtaWx5OiB2YXIoLS1mb250RmFtaWx5MDQwLCBzYW5zLXNlcmlmKTtcbiAgZm9udC1zaXplOiB2YXIoLS1mb250U2l6ZTAzMCwgMXJlbSk7XG4gIGxpbmUtaGVpZ2h0OiB2YXIoLS1mb250TGluZUhlaWdodDA0MCwgMS41KTtcbiAgZm9udC13ZWlnaHQ6IHZhcigtLWZvbnRXZWlnaHQwNzAsIDcwMCk7XG4gIHRleHQtZGVjb3JhdGlvbjogdW5kZXJsaW5lO1xuICBjb2xvcjogdmFyKC0tdGRzLXRvYXN0LWxpbmspO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG5cbi50ZHMtdG9hc3QtLWludGVudC1zdWNjZXNzIHtcbiAgLS10ZHMtdG9hc3QtZmlsbDogdmFyKC0tdG9hc3QtZmlsbC1zdWNjZXNzLCAjMjI3MjRmKTtcbiAgLS10ZHMtdG9hc3QtdGV4dDogdmFyKC0tdG9hc3QtdGV4dC1zdWNjZXNzLCAjZmZmZmZmKTtcbiAgLS10ZHMtdG9hc3QtbGluazogdmFyKC0tdG9hc3QtbGluay1zdWNjZXNzLWRlZmF1bHQsICNmZmZmZmYpO1xufVxuXG4udGRzLXRvYXN0LS1pbnRlbnQtaW5mbyB7XG4gIC0tdGRzLXRvYXN0LWZpbGw6IHZhcigtLXRvYXN0LWZpbGwtaW5mbywgIzBhMzQ3Mik7XG4gIC0tdGRzLXRvYXN0LXRleHQ6IHZhcigtLXRvYXN0LXRleHQtaW5mbywgI2ZmZmZmZik7XG4gIC0tdGRzLXRvYXN0LWxpbms6IHZhcigtLXRvYXN0LWxpbmstaW5mby1kZWZhdWx0LCAjZmZmZmZmKTtcbn1cblxuLnRkcy10b2FzdC0taW50ZW50LXdhcm5pbmcge1xuICAtLXRkcy10b2FzdC1maWxsOiB2YXIoLS10b2FzdC1maWxsLXdhcm5pbmcsICNlNDkzMDcpO1xuICAtLXRkcy10b2FzdC10ZXh0OiB2YXIoLS10b2FzdC10ZXh0LXdhcm5pbmcsICMwMDAwMDApO1xuICAtLXRkcy10b2FzdC1saW5rOiB2YXIoLS10b2FzdC1saW5rLXdhcm5pbmctZGVmYXVsdCwgIzAwMDAwMCk7XG59XG5cbi50ZHMtdG9hc3QtLWludGVudC1lcnJvciB7XG4gIC0tdGRzLXRvYXN0LWZpbGw6IHZhcigtLXRvYXN0LWZpbGwtZXJyb3IsICNjYjA3MDUpO1xuICAtLXRkcy10b2FzdC10ZXh0OiB2YXIoLS10b2FzdC10ZXh0LWVycm9yLCAjZmZmZmZmKTtcbiAgLS10ZHMtdG9hc3QtbGluazogdmFyKC0tdG9hc3QtbGluay1lcnJvci1kZWZhdWx0LCAjZmZmZmZmKTtcbn1cbiJdfQ== */";
10
10
  styleInject_es.styleInject(css_248z);
@@ -81,4 +81,4 @@ var Toast = function Toast(_ref) {
81
81
  };
82
82
 
83
83
  exports.Toast = Toast;
84
- //# sourceMappingURL=Toast.cjs.js.map
84
+ //# sourceMappingURL=Toast.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toast.cjs","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":"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"}
package/dist/index.cjs ADDED
@@ -0,0 +1,34 @@
1
+ 'use strict';
2
+
3
+ var Button_Button = require('./Button/Button.cjs');
4
+ var IconButton_IconButton = require('./IconButton/IconButton.cjs');
5
+ var AdContainer_AdContainer = require('./AdContainer/AdContainer.cjs');
6
+ var Text_Text = require('./Text/Text.cjs');
7
+ var Input_Input = require('./Input/Input.cjs');
8
+ var Divider_Divider = require('./Divider/Divider.cjs');
9
+ var Link_Link = require('./Link/Link.cjs');
10
+ var Chip_Chip = require('./Chip/Chip.cjs');
11
+ var Flag_Flag = require('./Flag/Flag.cjs');
12
+ var Toast_Toast = require('./Toast/Toast.cjs');
13
+ var utils_hooks = require('./utils/hooks.cjs');
14
+ require('react');
15
+ require('./Button/ButtonContainer.cjs');
16
+ require('./shared/cn-CPfjOlzZ.cjs');
17
+ require('./shared/style-inject.es-DnsWrQaj.cjs');
18
+ require('./Icon/Icon.cjs');
19
+ require('./shared/_rollupPluginBabelHelpers-xUOatjtv.cjs');
20
+
21
+
22
+
23
+ exports.Button = Button_Button.Button;
24
+ exports.IconButton = IconButton_IconButton.IconButton;
25
+ exports.AdContainer = AdContainer_AdContainer.AdContainer;
26
+ exports.Text = Text_Text.Text;
27
+ exports.Input = Input_Input.Input;
28
+ exports.Divider = Divider_Divider.Divider;
29
+ exports.Link = Link_Link.Link;
30
+ exports.Chip = Chip_Chip.Chip;
31
+ exports.Flag = Flag_Flag.Flag;
32
+ exports.Toast = Toast_Toast.Toast;
33
+ exports.useTypographyToken = utils_hooks.useTypographyToken;
34
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/index.js CHANGED
@@ -1,7 +1,6 @@
1
1
  export { Button } from './Button/Button.js';
2
2
  export { IconButton } from './IconButton/IconButton.js';
3
3
  export { AdContainer } from './AdContainer/AdContainer.js';
4
- export { CommentsDisabled } from './CommentsDisabled/CommentsDisabled.js';
5
4
  export { Text } from './Text/Text.js';
6
5
  export { Input } from './Input/Input.js';
7
6
  export { Divider } from './Divider/Divider.js';
@@ -9,7 +8,6 @@ export { Link } from './Link/Link.js';
9
8
  export { Chip } from './Chip/Chip.js';
10
9
  export { Flag } from './Flag/Flag.js';
11
10
  export { Toast } from './Toast/Toast.js';
12
- export { UpNextArticles } from './Article/UpNextArticles.js';
13
11
  export { useTypographyToken } from './utils/hooks.js';
14
12
  import 'react';
15
13
  import './Button/ButtonContainer.js';
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -122,4 +122,4 @@ exports._extends = _extends;
122
122
  exports._objectSpread2 = _objectSpread2;
123
123
  exports._objectWithoutProperties = _objectWithoutProperties;
124
124
  exports._slicedToArray = _slicedToArray;
125
- //# sourceMappingURL=_rollupPluginBabelHelpers-xUOatjtv.cjs.js.map
125
+ //# sourceMappingURL=_rollupPluginBabelHelpers-xUOatjtv.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"_rollupPluginBabelHelpers-xUOatjtv.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -8,4 +8,4 @@ var cn = function cn() {
8
8
  };
9
9
 
10
10
  exports.cn = cn;
11
- //# sourceMappingURL=cn-CPfjOlzZ.cjs.js.map
11
+ //# sourceMappingURL=cn-CPfjOlzZ.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"cn-CPfjOlzZ.cjs","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;;;;"}
@@ -26,4 +26,4 @@ function styleInject(css, ref) {
26
26
  }
27
27
 
28
28
  exports.styleInject = styleInject;
29
- //# sourceMappingURL=style-inject.es-DnsWrQaj.cjs.js.map
29
+ //# sourceMappingURL=style-inject.es-DnsWrQaj.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"style-inject.es-DnsWrQaj.cjs","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/styles.css CHANGED
@@ -1,151 +1,72 @@
1
- .video-article-container .video-article-up-next {
2
- width: 100%;
3
- background-color: rgb(29, 29, 27);
4
- position: relative;
5
- }
6
- .video-article-container .video-article-up-next * {
7
- width: 100%;
8
- }
9
- @media (min-width: 1024px) {
10
- .video-article-container .video-article-up-next {
11
- background-color: unset;
12
- flex-shrink: 0;
13
- width: 220px;
14
- order: 0;
15
- }
16
- }
17
- @media (min-width: 1320px) {
18
- .video-article-container .video-article-up-next {
19
- width: 270px;
20
- }
21
- }
22
- .video-article-container .video-article-up-next .vertical-divider {
23
- display: none;
24
- }
25
- @media (min-width: 768px) {
26
- .video-article-container .video-article-up-next .vertical-divider {
27
- position: absolute;
28
- display: block;
29
- height: 100%;
30
- width: var(--spacing-01);
31
- background-color: #222;
32
- margin: 0 var(--spacing-14);
33
- left: calc(-1 * var(--spacing-17));
34
- }
35
- }
1
+ @import 'animate.css';
36
2
 
37
- .up-next-articles-container {
38
- padding: var(--spacing-09);
39
- position: relative;
40
- }
41
- @media (min-width: 768px) {
42
- .up-next-articles-container {
43
- padding: var(--spacing-13);
44
- }
45
- }
46
- @media (min-width: 1024px) {
47
- .up-next-articles-container {
48
- padding: 0;
49
- }
50
- }
51
- .up-next-articles-container .up-next-article-image {
52
- padding-bottom: 56.25%;
53
- position: relative;
54
- overflow: hidden;
55
- background-color: #333;
56
- }
57
- .up-next-articles-container .up-next-article-image picture {
58
- display: block;
59
- position: absolute;
60
- top: 0;
61
- left: 0;
62
- width: 100%;
63
- }
64
- .up-next-articles-container .up-next-article-image img {
65
- max-width: 100%;
66
- }
67
- .up-next-articles-container .up-next-articles-overlay {
68
- display: none;
69
- }
70
- @media (max-width: 1023px) {
71
- .up-next-articles-container .up-next-articles-overlay {
72
- position: absolute;
73
- top: 0;
74
- right: 0;
75
- height: 100%;
76
- width: 75px;
77
- z-index: 1;
78
- }
79
- }
80
- .up-next-articles-container .up-next-articles-overlay.up-next-articles-overlay-left {
81
- left: 0;
82
- background-image: linear-gradient(to right, rgb(29, 29, 27), transparent);
83
- }
84
- .up-next-articles-container .up-next-articles-overlay.up-next-articles-overlay-right {
85
- right: 0;
86
- background-image: linear-gradient(to left, rgb(29, 29, 27), transparent);
87
- }
88
- .up-next-articles-container.show-left-overlay .up-next-articles-overlay-left, .up-next-articles-container.show-right-overlay .up-next-articles-overlay-right {
89
- display: flex;
90
- }
91
- .up-next-articles-container .up-next-articles-scroll {
92
- overflow-x: auto;
93
- position: relative;
94
- scrollbar-width: none;
95
- }
96
- .up-next-articles-container .up-next-articles {
97
- display: grid;
98
- grid-template-columns: repeat(4, minmax(156px, 1fr));
99
- -moz-column-gap: var(--spacing-13);
100
- column-gap: var(--spacing-13);
101
- }
102
- @media (min-width: 1024px) {
103
- .up-next-articles-container .up-next-articles {
104
- gap: var(--spacing-13) 0;
105
- grid-template-columns: 1fr;
106
- }
3
+ .tds-toast {
4
+ --tds-toast-fill: var(--toast-fill-success, #22724f);
5
+ --tds-toast-text: var(--toast-text-success, #ffffff);
6
+ --tds-toast-link: var(--toast-link-success-default, #ffffff);
7
+ --animate-duration: 180ms;
8
+
9
+ display: inline-flex;
10
+ align-items: center;
11
+ gap: var(--spacing-07);
12
+ width: 373px;
13
+ min-height: var(--spacing-18);
14
+ padding: var(--spacing-07) var(--spacing-09);
15
+ border-radius: 4px;
16
+ background: var(--tds-toast-fill);
17
+ color: var(--tds-toast-text);
18
+ box-shadow: 0 16px 24px 0 rgb(0 0 0 / 8%);
19
+ box-sizing: border-box;
107
20
  }
108
- .up-next-articles-container .up-next-articles .up-next-article {
109
- display: flex;
110
- flex-direction: column;
111
- gap: var(--spacing-03);
112
- position: relative;
21
+
22
+ .tds-toast__icon {
23
+ display: inline-flex;
24
+ align-items: center;
25
+ justify-content: center;
26
+ flex: 0 0 auto;
27
+ color: var(--tds-toast-text);
113
28
  }
114
- .up-next-articles-container .up-next-articles .up-next-article:not(:last-child)::after {
115
- content: "";
116
- position: absolute;
117
- background-color: #222;
118
- z-index: 1;
119
- height: 100%;
120
- width: var(--spacing-01);
121
- right: calc(-1 * var(--spacing-05));
29
+
30
+ .tds-toast__label {
31
+ flex: 1 1 auto;
32
+ min-width: 0;
33
+ font-family: var(--fontFamily040, sans-serif);
34
+ font-size: var(--fontSize030, 1rem);
35
+ line-height: var(--fontLineHeight040, 1.5);
36
+ font-weight: var(--fontWeight040, 400);
122
37
  }
123
- @media (min-width: 1024px) {
124
- .up-next-articles-container .up-next-articles .up-next-article:not(:last-child)::after {
125
- height: var(--spacing-01);
126
- width: 100%;
127
- left: 0;
128
- bottom: calc(-1 * var(--spacing-05));
129
- }
38
+
39
+ .tds-toast__link {
40
+ flex: 0 0 auto;
41
+ font-family: var(--fontFamily040, sans-serif);
42
+ font-size: var(--fontSize030, 1rem);
43
+ line-height: var(--fontLineHeight040, 1.5);
44
+ font-weight: var(--fontWeight070, 700);
45
+ text-decoration: underline;
46
+ color: var(--tds-toast-link);
47
+ cursor: pointer;
130
48
  }
131
- .up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container {
132
- position: relative;
133
- margin-bottom: var(--spacing-09);
49
+
50
+ .tds-toast--intent-success {
51
+ --tds-toast-fill: var(--toast-fill-success, #22724f);
52
+ --tds-toast-text: var(--toast-text-success, #ffffff);
53
+ --tds-toast-link: var(--toast-link-success-default, #ffffff);
134
54
  }
135
- .up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container .up-next-article-duration {
136
- z-index: 2;
137
- bottom: 0;
138
- left: var(--spacing-05);
139
- position: absolute;
55
+
56
+ .tds-toast--intent-info {
57
+ --tds-toast-fill: var(--toast-fill-info, #0a3472);
58
+ --tds-toast-text: var(--toast-text-info, #ffffff);
59
+ --tds-toast-link: var(--toast-link-info-default, #ffffff);
140
60
  }
141
- .up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container .up-next-article-image-overlay {
142
- bottom: 0;
143
- position: absolute;
144
- width: 100%;
145
- height: 50%;
146
- background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%);
147
- z-index: 1;
61
+
62
+ .tds-toast--intent-warning {
63
+ --tds-toast-fill: var(--toast-fill-warning, #e49307);
64
+ --tds-toast-text: var(--toast-text-warning, #000000);
65
+ --tds-toast-link: var(--toast-link-warning-default, #000000);
148
66
  }
149
- .up-next-articles-container .up-next-articles .up-next-article .up-next-article-image-container .up-next-article-image-container:hover .up-next-article-image-overlay {
150
- opacity: 1;
67
+
68
+ .tds-toast--intent-error {
69
+ --tds-toast-fill: var(--toast-fill-error, #cb0705);
70
+ --tds-toast-text: var(--toast-text-error, #ffffff);
71
+ --tds-toast-link: var(--toast-link-error-default, #ffffff);
151
72
  }
@@ -5,4 +5,4 @@ var useTypographyToken = function useTypographyToken(typographyToken, tokens) {
5
5
  };
6
6
 
7
7
  exports.useTypographyToken = useTypographyToken;
8
- //# sourceMappingURL=hooks.cjs.js.map
8
+ //# sourceMappingURL=hooks.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"hooks.cjs","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;;;;"}