@transferwise/components 0.0.0-experimental-c1f5b0b → 0.0.0-experimental-fe160ab

package/src/styles/less/table.css

@@ -10,20 +10,26 @@ table th[class*="col-"] {
   display: table-cell;
 }
 caption {
-  padding-block-start: 16px;
-  padding-block-end: 16px;
+  padding-top: 16px;
+  padding-bottom: 16px;
   color: #5d7079;
   color: var(--color-content-secondary);
-  text-align: start;
+  text-align: left;
+}
+[dir="rtl"] caption {
+  text-align: right;
 }
 th {
-  text-align: start;
+  text-align: left;
+}
+[dir="rtl"] th {
+  text-align: right;
 }
 .table {
-  inline-size: 100%;
-  max-inline-size: 100%;
-  margin-block-end: 24px;
-  margin-block-end: var(--size-24);
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 24px;
+  margin-bottom: var(--size-24);
 }
 .table > thead > tr > th,
 .table > tbody > tr > th,
@@ -31,33 +37,27 @@ th {
 .table > thead > tr > td,
 .table > tbody > tr > td,
 .table > tfoot > tr > td {
-  padding-block: 24px;
-  padding-block: var(--size-24);
-  padding-inline: 16px;
-  padding-inline: var(--size-16);
+  padding: 24px 16px;
+  padding: var(--size-24) var(--size-16);
   line-height: 1.5;
   line-height: var(--line-height-body);
   vertical-align: top;
-  border-block-start: 1px solid rgba(0,0,0,0.10196);
-  border-block-start: 1px solid #0000001a;
-  border-block-start: 1px solid var(--color-border-neutral);
-  border-block-end: 0;
+  border-top: 1px solid rgba(0,0,0,0.10196);
+  border-top: 1px solid var(--color-border-neutral);
+  border-bottom: 0;
   transition: border ease 0.15s;
 }
 .table > .thead > ol > li,
 .table > .tbody > dl > dd,
 .table > .tfoot > ol > li {
-  padding-block: 24px;
-  padding-block: var(--size-24);
-  padding-inline: 16px;
-  padding-inline: var(--size-16);
+  padding: 24px 16px;
+  padding: var(--size-24) var(--size-16);
   line-height: 1.5;
   line-height: var(--line-height-body);
   vertical-align: top;
-  border-block-start: 1px solid rgba(0,0,0,0.10196);
-  border-block-start: 1px solid #0000001a;
-  border-block-start: 1px solid var(--color-border-neutral);
-  border-block-end: 0;
+  border-top: 1px solid rgba(0,0,0,0.10196);
+  border-top: 1px solid var(--color-border-neutral);
+  border-bottom: 0;
   transition: border ease 0.15s;
 }
 .table > thead > tr > th,
@@ -71,7 +71,7 @@ th {
 }
 .table > thead > tr > th .tw-icon,
 .table > .thead > ol > li .tw-icon {
-  margin-block-start: -3px;
+  margin-top: -3px;
 }
 .table > caption + thead > tr:first-child > th,
 .table > colgroup + thead > tr:first-child > th,
@@ -79,15 +79,14 @@ th {
 .table > caption + thead > tr:first-child > td,
 .table > colgroup + thead > tr:first-child > td,
 .table > thead:first-child > tr:first-child > td {
-  border-block-start: 0;
+  border-top: 0;
 }
 .table > .thead:first-child > ol:first-child > li {
-  border-block-start: 0;
+  border-top: 0;
 }
 .table > tbody + tbody {
-  border-block-start: 1px solid rgba(0,0,0,0.10196);
-  border-block-start: 1px solid #0000001a;
-  border-block-start: 1px solid var(--color-border-neutral);
+  border-top: 1px solid rgba(0,0,0,0.10196);
+  border-top: 1px solid var(--color-border-neutral);
 }
 .table .table {
   background-color: #ffffff;
@@ -315,21 +314,21 @@ table col[class*="col-"] {
 }
 .table-responsive {
   overflow-x: auto;
-  min-block-size: 0.01%;
+  min-height: 0.01%;
 }
 .table-responsive.table-bordered {
   border: 0;
 }
 @media screen and (max-width: 839.98px) {
   .table-responsive {
-    inline-size: 100%;
-    margin-block-end: 24px;
-    margin-block-end: var(--size-24);
+    width: 100%;
+    margin-bottom: 24px;
+    margin-bottom: var(--size-24);
     overflow-y: hidden;
     -ms-overflow-style: -ms-autohiding-scrollbar;
   }
   .table-responsive > .table {
-    margin-block-end: 0;
+    margin-bottom: 0;
   }
   .table-responsive > .table > thead > tr > th,
   .table-responsive > .table > tbody > tr > th,
@@ -346,7 +345,7 @@ table col[class*="col-"] {
   .table-responsive > .table-bordered > tfoot > tr:last-child > th,
   .table-responsive > .table-bordered > tbody > tr:last-child > td,
   .table-responsive > .table-bordered > tfoot > tr:last-child > td {
-    border-block-end: 0;
+    border-bottom: 0;
   }
   .table-responsive.table-bordered {
     border: 1px solid rgba(134,167,189,0.10196);
@@ -399,12 +398,10 @@ table col[class*="col-"] {
     border: 1px #c9cbce solid;
     border: 1px var(--color-interactive-secondary) solid;
     border-radius: 3px;
-    margin-block-end: 24px;
-    margin-block-end: var(--size-24);
-    padding-block: 24px 0;
-    padding-block: var(--size-24) 0;
-    padding-inline: 1.5;
-    padding-inline: var(--line-height-body);
+    margin-bottom: 24px;
+    margin-bottom: var(--size-24);
+    padding: 24px 1.5 0;
+    padding: var(--size-24) var(--line-height-body) 0;
   }
   .table > .tbody > dl > dd {
     padding: 0;
@@ -416,22 +413,20 @@ table col[class*="col-"] {
 }
 @media (max-width: 599.98px) {
   .table > .tbody > dl {
-    padding-block-end: 8px;
+    padding-bottom: 8px;
   }
 }
 /* Deprecated - Table CSS for components moved inside @transferwise/components */
 .table-calendar {
-  min-inline-size: 300px;
+  min-width: 300px;
 }
 .table-calendar > tbody > tr > td {
   padding: 0;
 }
 .table-calendar > tbody > tr > td > a {
   display: block;
-  padding-block: 4px;
-  padding-inline: 0;
-  margin-block: 4px;
-  margin-inline: 2px;
+  padding: 4px 0;
+  margin: 4px 2px;
   border-radius: 3px;
   text-align: center;
   -webkit-text-decoration: none;

package/src/styles/less/tick.css

@@ -1,8 +1,8 @@
 .tw-checkbox-check {
   position: relative;
   display: inline-block;
-  inline-size: 10px;
-  block-size: 8px;
+  width: 10px;
+  height: 8px;
 }
 .tw-checkbox-check::before,
 .tw-checkbox-check::after {
@@ -12,8 +12,8 @@
   background: var(--color-background-screen);
   transform: translateX(0.5px) rotate(-45deg);
   transform-origin: left bottom;
-  inset-inline-start: 8px;
-  inset-inline-start: var(--size-8);
+  left: 8px;
+  left: var(--size-8);
 }
 .tw-checkbox-check .has-error::before,
 .tw-checkbox-check .has-error::after {
@@ -21,12 +21,12 @@
   background-color: var(--color-interactive-negative);
 }
 .tw-checkbox-check::before {
-  inset-block-start: 9px;
-  block-size: 6px;
-  inline-size: 2px;
+  top: 9px;
+  height: 6px;
+  width: 2px;
 }
 .tw-checkbox-check::after {
-  inset-block-end: 5px;
-  block-size: 2px;
-  inline-size: 11px;
+  bottom: 5px;
+  height: 2px;
+  width: 11px;
 }

package/src/styles/less/tooltip.css

@@ -10,7 +10,7 @@
   line-break: auto;
   line-height: 24px;
   line-height: var(--size-24);
-  text-align: start;
+  text-align: left;
   -webkit-text-decoration: none;
   text-decoration: none;
   text-shadow: none;
@@ -21,28 +21,37 @@
   word-wrap: normal;
   opacity: 0;
 }
+[dir="rtl"] .tooltip {
+  text-align: right;
+}
 .tooltip.in {
   opacity: 1;
 }
 .tooltip.top {
-  margin-block-start: -3px;
-  padding-block: 5px;
-  padding-inline: 0;
+  margin-top: -3px;
+  padding: 5px 0;
 }
 .tooltip.right {
-  margin-inline-start: 3px;
-  padding-block: 0;
-  padding-inline: 5px;
+  margin-left: 3px;
+  padding: 0 5px;
+}
+[dir="rtl"] .tooltip.right {
+  margin-right: 3px;
+  margin-left: 0;
+  margin-left: initial;
 }
 .tooltip.bottom {
-  margin-block-start: 3px;
-  padding-block: 5px;
-  padding-inline: 0;
+  margin-top: 3px;
+  padding: 5px 0;
 }
 .tooltip.left {
-  margin-inline-start: -3px;
-  padding-block: 0;
-  padding-inline: 5px;
+  margin-left: -3px;
+  padding: 0 5px;
+}
+[dir="rtl"] .tooltip.left {
+  margin-right: -3px;
+  margin-left: 0;
+  margin-left: initial;
 }
 .tooltip-inner {
   font-size: 0.875rem;
@@ -51,12 +60,10 @@
   letter-spacing: -0.006em;
   font-weight: 400;
   font-weight: var(--font-weight-regular);
-  max-inline-size: 200px;
-  min-inline-size: 120px;
-  padding-block: 16px;
-  padding-block: var(--size-16);
-  padding-inline: 16px;
-  padding-inline: var(--size-16);
+  max-width: 200px;
+  min-width: 120px;
+  padding: 16px 16px;
+  padding: var(--size-16) var(--size-16);
   color: #37517e;
   color: var(--color-content-primary);
   text-align: center;
@@ -72,46 +79,72 @@
 }
 .tooltip-arrow {
   position: absolute;
-  inline-size: 0;
-  block-size: 0;
+  width: 0;
+  height: 0;
   border-color: transparent;
   border-style: solid;
 }
 .tooltip.top .tooltip-arrow {
-  inset-block-end: 0;
-  inset-inline-start: 50%;
-  margin-inline-start: -5px;
-  border-width-block: 5px 0;
-  border-width-inline: 5px;
-  border-block-start-color: #ffffff;
-  border-block-start-color: var(--color-background-screen);
+  bottom: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 5px 5px 0;
+  border-top-color: #ffffff;
+  border-top-color: var(--color-background-screen);
+}
+[dir="rtl"] .tooltip.top .tooltip-arrow {
+  right: 50%;
+  left: auto;
+  left: initial;
+}
+[dir="rtl"] .tooltip.top .tooltip-arrow {
+  margin-right: -5px;
+  margin-left: 0;
+  margin-left: initial;
 }
 .tooltip.right .tooltip-arrow {
-  inset-block-start: 50%;
-  inset-inline-start: 0;
-  margin-block-start: -5px;
-  border-width-block: 5px 5px;
-  border-width-inline: 0 5px;
-  border-inline-end-color: #ffffff;
-  border-inline-end-color: var(--color-background-screen);
+  top: 50%;
+  left: 0;
+  margin-top: -5px;
+  border-width: 5px 5px 5px 0;
+  border-right-color: #ffffff;
+  border-right-color: var(--color-background-screen);
+}
+[dir="rtl"] .tooltip.right .tooltip-arrow {
+  right: 0;
+  left: auto;
+  left: initial;
 }
 .tooltip.left .tooltip-arrow {
-  inset-block-start: 50%;
-  inset-inline-end: 0;
-  margin-block-start: -5px;
-  border-width-block: 5px 5px;
-  border-width-inline: 5px 0;
-  border-inline-start-color: #ffffff;
-  border-inline-start-color: var(--color-background-screen);
+  top: 50%;
+  right: 0;
+  margin-top: -5px;
+  border-width: 5px 0 5px 5px;
+  border-left-color: #ffffff;
+  border-left-color: var(--color-background-screen);
+}
+[dir="rtl"] .tooltip.left .tooltip-arrow {
+  left: 0;
+  right: auto;
+  right: initial;
 }
 .tooltip.bottom .tooltip-arrow {
-  inset-block-start: 0;
-  inset-inline-start: 50%;
-  margin-inline-start: -5px;
-  border-width-block: 0 5px;
-  border-width-inline: 5px;
-  border-block-end-color: #ffffff;
-  border-block-end-color: var(--color-background-screen);
+  top: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-width: 0 5px 5px;
+  border-bottom-color: #ffffff;
+  border-bottom-color: var(--color-background-screen);
+}
+[dir="rtl"] .tooltip.bottom .tooltip-arrow {
+  right: 50%;
+  left: auto;
+  left: initial;
+}
+[dir="rtl"] .tooltip.bottom .tooltip-arrow {
+  margin-right: -5px;
+  margin-left: 0;
+  margin-left: initial;
 }
 [data-toggle="tooltip"]:not(.btn) {
   cursor: pointer;

package/src/styles/less/utilities.css

@@ -14,26 +14,40 @@
 }
 .center-block {
   display: block;
-  margin-inline-start: auto;
-  margin-inline-end: auto;
+  margin-left: auto;
+  margin-right: auto;
 }
 .pull-right,
 .pull-xs-right {
-  float: inline-end !important;
+  float: right !important;
+}
+[dir="rtl"] .pull-right,
+[dir="rtl"] .pull-xs-right {
+  float: left !important;
 }
 .pull-left,
 .pull-xs-left {
-  float: inline-start !important;
+  float: left !important;
+}
+[dir="rtl"] .pull-left,
+[dir="rtl"] .pull-xs-left {
+  float: right !important;
 }
 .pull-xs-none {
   float: none !important;
 }
 @media (min-width: 600px) {
   .pull-sm-left {
-    float: inline-start !important;
+    float: left !important;
+  }
+  [dir="rtl"] .pull-sm-left {
+    float: right !important;
   }
   .pull-sm-right {
-    float: inline-end !important;
+    float: right !important;
+  }
+  [dir="rtl"] .pull-sm-right {
+    float: left !important;
   }
   .pull-sm-none {
     float: none !important;
@@ -41,10 +55,16 @@
 }
 @media (min-width: 840px) {
   .pull-md-left {
-    float: inline-start !important;
+    float: left !important;
+  }
+  [dir="rtl"] .pull-md-left {
+    float: right !important;
   }
   .pull-md-right {
-    float: inline-end !important;
+    float: right !important;
+  }
+  [dir="rtl"] .pull-md-right {
+    float: left !important;
   }
   .pull-md-none {
     float: none !important;
@@ -53,11 +73,19 @@
 @media (min-width: 1160px) {
   .pull-lg-left,
   .pull-xl-left {
-    float: inline-start !important;
+    float: left !important;
+  }
+  [dir="rtl"] .pull-lg-left,
+  [dir="rtl"] .pull-xl-left {
+    float: right !important;
   }
   .pull-lg-right,
   .pull-xl-right {
-    float: inline-end !important;
+    float: right !important;
+  }
+  [dir="rtl"] .pull-lg-right,
+  [dir="rtl"] .pull-xl-right {
+    float: left !important;
   }
   .pull-lg-none,
   .pull-xl-none {
@@ -65,10 +93,10 @@
   }
 }
 .pull-left-single-direction {
-  float: inline-start !important;
+  float: left !important;
 }
 .pull-right-single-direction {
-  float: inline-end !important;
+  float: right !important;
 }
 .hide {
   display: none !important;

package/src/styles/less/wells.css

@@ -1,9 +1,9 @@
 .well,
 .well-xs {
-  min-block-size: 24px;
-  min-block-size: var(--size-24);
-  margin-block-end: 24px;
-  margin-block-end: var(--size-24);
+  min-height: 24px;
+  min-height: var(--size-24);
+  margin-bottom: 24px;
+  margin-bottom: var(--size-24);
   border-radius: 10px;
   border-radius: var(--radius-small);
   border: solid 1px rgba(0,0,0,0.10196);
@@ -14,10 +14,10 @@
 }
 @media only screen and (min-width: 600px) {
   .well-sm {
-    min-block-size: 24px;
-    min-block-size: var(--size-24);
-    margin-block-end: 24px;
-    margin-block-end: var(--size-24);
+    min-height: 24px;
+    min-height: var(--size-24);
+    margin-bottom: 24px;
+    margin-bottom: var(--size-24);
     border-radius: 10px;
     border-radius: var(--radius-small);
     border: solid 1px rgba(0,0,0,0.10196);
@@ -29,10 +29,10 @@
 }
 @media only screen and (min-width: 840px) {
   .well-md {
-    min-block-size: 24px;
-    min-block-size: var(--size-24);
-    margin-block-end: 24px;
-    margin-block-end: var(--size-24);
+    min-height: 24px;
+    min-height: var(--size-24);
+    margin-bottom: 24px;
+    margin-bottom: var(--size-24);
     border-radius: 10px;
     border-radius: var(--radius-small);
     border: solid 1px rgba(0,0,0,0.10196);
@@ -45,10 +45,10 @@
 @media only screen and (min-width: 1160px) {
   .well-lg,
   .well-xl {
-    min-block-size: 24px;
-    min-block-size: var(--size-24);
-    margin-block-end: 24px;
-    margin-block-end: var(--size-24);
+    min-height: 24px;
+    min-height: var(--size-24);
+    margin-bottom: 24px;
+    margin-bottom: var(--size-24);
     border-radius: 10px;
     border-radius: var(--radius-small);
     border: solid 1px rgba(0,0,0,0.10196);

package/build/Calendar/tableLink/TableLink.js

@@ -1,61 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var clsx = require('clsx');
-var React = require('react');
-var reactIntl = require('react-intl');
-var Calendar_messages = require('../Calendar.messages.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-const TableLink = ({
-  item,
-  type,
-  title,
-  longTitle,
-  active,
-  disabled,
-  today,
-  autofocus,
-  onClick
-}) => {
-  const buttonRef = React.useRef(null);
-  const intl = reactIntl.useIntl();
-  React.useEffect(() => {
-    if (autofocus) {
-      setTimeout(() => {
-        buttonRef.current?.focus();
-      }, 0);
-    }
-  }, [autofocus]);
-  const onCalendarClick = event => {
-    event.preventDefault();
-    if (!disabled) {
-      onClick(item);
-    }
-  };
-  const calculateAriaLabel = () => {
-    if (active) {
-      return `${longTitle || title || ''}, ${intl.formatMessage(Calendar_messages.default.selected)} ${intl.formatMessage(Calendar_messages.default[type])}`;
-    }
-    return longTitle || title;
-  };
-  return /*#__PURE__*/jsxRuntime.jsx("button", {
-    ref: buttonRef,
-    type: "button",
-    className: clsx.clsx(`tw-date-lookup-${type}-option np-text-body-default-bold`, {
-      active: !!active
-    }, {
-      today: !!today
-    }),
-    disabled: disabled,
-    tabIndex: autofocus ? 0 : -1,
-    "aria-label": calculateAriaLabel(),
-    "aria-pressed": active,
-    onClick: onCalendarClick,
-    children: title || item
-  });
-};
-
-exports.default = TableLink;
-//# sourceMappingURL=TableLink.js.map

package/build/Calendar/tableLink/TableLink.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableLink.js","sources":["../../../src/Calendar/tableLink/TableLink.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useEffect, useRef } from 'react';\nimport { useIntl } from 'react-intl';\n\nimport messages from '../Calendar.messages';\n\ninterface TableLinkProps {\n  item: number;\n  type: 'day' | 'month' | 'year';\n  title?: string;\n  longTitle?: string;\n  active: boolean;\n  disabled: boolean;\n  today: boolean;\n  autofocus?: boolean;\n  onClick: (item: number) => void;\n}\n\nconst TableLink = ({\n  item,\n  type,\n  title,\n  longTitle,\n  active,\n  disabled,\n  today,\n  autofocus,\n  onClick,\n}: TableLinkProps) => {\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const intl = useIntl();\n\n  useEffect(() => {\n    if (autofocus) {\n      setTimeout(() => {\n        buttonRef.current?.focus();\n      }, 0);\n    }\n  }, [autofocus]);\n\n  const onCalendarClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault();\n    if (!disabled) {\n      onClick(item);\n    }\n  };\n\n  const calculateAriaLabel = () => {\n    if (active) {\n      return `${longTitle || title || ''}, ${intl.formatMessage(\n        messages.selected,\n      )} ${intl.formatMessage(messages[type])}`;\n    }\n    return longTitle || title;\n  };\n\n  return (\n    <button\n      ref={buttonRef}\n      type=\"button\"\n      className={clsx(\n        `tw-date-lookup-${type}-option np-text-body-default-bold`,\n        { active: !!active },\n        { today: !!today },\n      )}\n      disabled={disabled}\n      tabIndex={autofocus ? 0 : -1}\n      aria-label={calculateAriaLabel()}\n      aria-pressed={active}\n      onClick={onCalendarClick}\n    >\n      {title || item}\n    </button>\n  );\n};\n\nexport default TableLink;\n"],"names":["TableLink","item","type","title","longTitle","active","disabled","today","autofocus","onClick","buttonRef","useRef","intl","useIntl","useEffect","setTimeout","current","focus","onCalendarClick","event","preventDefault","calculateAriaLabel","formatMessage","messages","selected","_jsx","ref","className","clsx","tabIndex","children"],"mappings":";;;;;;;;;;AAkBA,MAAMA,SAAS,GAAGA,CAAC;EACjBC,IAAI;EACJC,IAAI;EACJC,KAAK;EACLC,SAAS;EACTC,MAAM;EACNC,QAAQ;EACRC,KAAK;EACLC,SAAS;AACTC,EAAAA;AAAO,CACQ,KAAI;AACnB,EAAA,MAAMC,SAAS,GAAGC,YAAM,CAAoB,IAAI,CAAC;AACjD,EAAA,MAAMC,IAAI,GAAGC,iBAAO,EAAE;AAEtBC,EAAAA,eAAS,CAAC,MAAK;AACb,IAAA,IAAIN,SAAS,EAAE;AACbO,MAAAA,UAAU,CAAC,MAAK;AACdL,QAAAA,SAAS,CAACM,OAAO,EAAEC,KAAK,EAAE;MAC5B,CAAC,EAAE,CAAC,CAAC;AACP,IAAA;AACF,EAAA,CAAC,EAAE,CAACT,SAAS,CAAC,CAAC;EAEf,MAAMU,eAAe,GAAIC,KAA0C,IAAI;IACrEA,KAAK,CAACC,cAAc,EAAE;IACtB,IAAI,CAACd,QAAQ,EAAE;MACbG,OAAO,CAACR,IAAI,CAAC;AACf,IAAA;EACF,CAAC;EAED,MAAMoB,kBAAkB,GAAGA,MAAK;AAC9B,IAAA,IAAIhB,MAAM,EAAE;MACV,OAAO,CAAA,EAAGD,SAAS,IAAID,KAAK,IAAI,EAAE,CAAA,EAAA,EAAKS,IAAI,CAACU,aAAa,CACvDC,yBAAQ,CAACC,QAAQ,CAClB,CAAA,CAAA,EAAIZ,IAAI,CAACU,aAAa,CAACC,yBAAQ,CAACrB,IAAI,CAAC,CAAC,CAAA,CAAE;AAC3C,IAAA;IACA,OAAOE,SAAS,IAAID,KAAK;EAC3B,CAAC;AAED,EAAA,oBACEsB,cAAA,CAAA,QAAA,EAAA;AACEC,IAAAA,GAAG,EAAEhB,SAAU;AACfR,IAAAA,IAAI,EAAC,QAAQ;AACbyB,IAAAA,SAAS,EAAEC,SAAI,CACb,CAAA,eAAA,EAAkB1B,IAAI,mCAAmC,EACzD;MAAEG,MAAM,EAAE,CAAC,CAACA;AAAM,KAAE,EACpB;MAAEE,KAAK,EAAE,CAAC,CAACA;KAAO,CAClB;AACFD,IAAAA,QAAQ,EAAEA,QAAS;AACnBuB,IAAAA,QAAQ,EAAErB,SAAS,GAAG,CAAC,GAAG,EAAG;IAC7B,YAAA,EAAYa,kBAAkB,EAAG;AACjC,IAAA,cAAA,EAAchB,MAAO;AACrBI,IAAAA,OAAO,EAAES,eAAgB;IAAAY,QAAA,EAExB3B,KAAK,IAAIF;AAAI,GACR,CAAC;AAEb;;;;"}

package/build/Calendar/tableLink/TableLink.mjs

@@ -1,57 +0,0 @@
-import { clsx } from 'clsx';
-import { useRef, useEffect } from 'react';
-import { useIntl } from 'react-intl';
-import messages from '../Calendar.messages.mjs';
-import { jsx } from 'react/jsx-runtime';
-
-const TableLink = ({
-  item,
-  type,
-  title,
-  longTitle,
-  active,
-  disabled,
-  today,
-  autofocus,
-  onClick
-}) => {
-  const buttonRef = useRef(null);
-  const intl = useIntl();
-  useEffect(() => {
-    if (autofocus) {
-      setTimeout(() => {
-        buttonRef.current?.focus();
-      }, 0);
-    }
-  }, [autofocus]);
-  const onCalendarClick = event => {
-    event.preventDefault();
-    if (!disabled) {
-      onClick(item);
-    }
-  };
-  const calculateAriaLabel = () => {
-    if (active) {
-      return `${longTitle || title || ''}, ${intl.formatMessage(messages.selected)} ${intl.formatMessage(messages[type])}`;
-    }
-    return longTitle || title;
-  };
-  return /*#__PURE__*/jsx("button", {
-    ref: buttonRef,
-    type: "button",
-    className: clsx(`tw-date-lookup-${type}-option np-text-body-default-bold`, {
-      active: !!active
-    }, {
-      today: !!today
-    }),
-    disabled: disabled,
-    tabIndex: autofocus ? 0 : -1,
-    "aria-label": calculateAriaLabel(),
-    "aria-pressed": active,
-    onClick: onCalendarClick,
-    children: title || item
-  });
-};
-
-export { TableLink as default };
-//# sourceMappingURL=TableLink.mjs.map