@nectary/components 5.0.1 → 5.0.3

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 (79) hide show
  1. package/accordion/index.js +1 -1
  2. package/accordion-item/index.js +1 -1
  3. package/action-menu/index.js +1 -1
  4. package/action-menu-option/index.js +1 -1
  5. package/alert/index.js +1 -1
  6. package/avatar/index.js +1 -1
  7. package/badge/index.js +1 -1
  8. package/bundle.js +77 -77
  9. package/button/index.js +1 -1
  10. package/button-group/index.js +1 -1
  11. package/button-group-item/index.js +1 -1
  12. package/card-container/index.js +1 -1
  13. package/card-v2/index.js +1 -1
  14. package/card-v2-title/index.js +1 -1
  15. package/checkbox/index.js +1 -1
  16. package/chip/index.js +1 -1
  17. package/code-tag/index.js +1 -1
  18. package/color-menu/index.js +1 -1
  19. package/color-menu-option/index.js +1 -1
  20. package/color-swatch/index.js +1 -1
  21. package/date-picker/index.js +1 -1
  22. package/dialog/index.js +1 -1
  23. package/emoji/index.js +1 -1
  24. package/emoji-picker/index.js +1 -1
  25. package/field/index.js +1 -1
  26. package/file-drop/index.js +1 -1
  27. package/file-picker/index.js +1 -1
  28. package/file-status/index.js +1 -1
  29. package/flag/index.js +1 -1
  30. package/grid/index.js +1 -1
  31. package/grid-item/index.js +1 -1
  32. package/help-tooltip/index.js +1 -1
  33. package/icon/index.js +1 -1
  34. package/inline-alert/index.js +1 -1
  35. package/input/index.js +1 -1
  36. package/link/index.js +1 -1
  37. package/list/index.js +1 -1
  38. package/list-item/index.js +1 -1
  39. package/package.json +3 -3
  40. package/pagination/index.js +1 -1
  41. package/persistent-overlay/index.js +1 -1
  42. package/pop/index.js +1 -1
  43. package/popover/index.js +1 -1
  44. package/progress/index.js +1 -1
  45. package/progress-stepper/index.js +1 -1
  46. package/progress-stepper-item/index.js +1 -1
  47. package/radio/index.js +1 -1
  48. package/radio-option/index.js +1 -1
  49. package/rich-text/index.js +1 -1
  50. package/rich-textarea/index.js +1 -1
  51. package/segment-collapse/index.js +1 -1
  52. package/segmented-control/index.js +1 -1
  53. package/segmented-control-option/index.js +1 -1
  54. package/segmented-icon-control/index.js +1 -1
  55. package/segmented-icon-control-option/index.js +1 -1
  56. package/select-button/index.js +1 -1
  57. package/select-menu/index.js +1 -1
  58. package/select-menu-option/index.js +1 -1
  59. package/skeleton/index.js +1 -1
  60. package/skeleton-item/index.js +1 -1
  61. package/spinner/index.js +1 -1
  62. package/table/index.js +1 -1
  63. package/table-body/index.js +1 -1
  64. package/table-cell/index.js +1 -1
  65. package/table-head/index.js +1 -1
  66. package/table-head-cell/index.js +1 -1
  67. package/table-row/index.js +1 -1
  68. package/tabs/index.js +1 -1
  69. package/tabs-icon-option/index.js +1 -1
  70. package/tabs-option/index.js +1 -1
  71. package/tag/index.js +1 -1
  72. package/text/index.js +1 -1
  73. package/textarea/index.js +1 -1
  74. package/time-picker/index.js +1 -1
  75. package/title/index.js +1 -1
  76. package/toast/index.js +1 -1
  77. package/toast-manager/index.js +1 -1
  78. package/toggle/index.js +1 -1
  79. package/tooltip/index.js +1 -1
package/tooltip/index.js CHANGED
@@ -6,7 +6,7 @@ import { rectOverlap } from "../utils/rect.js";
6
6
  import { getReactEventHandler } from "../utils/get-react-event-handler.js";
7
7
  import { TooltipState } from "./tooltip-state.js";
8
8
  import { getPopOrientation, orientationValues, textAlignValues, typeValues } from "./utils.js";
9
- const templateHTML = '<style>\n :host {\n display: contents;\n }\n\n #content-wrapper {\n padding-bottom: 8px;\n filter: drop-shadow(var(--sinch-comp-tooltip-shadow));\n }\n\n :host([orientation="left"]) #content-wrapper {\n padding-bottom: 0;\n padding-right: 8px;\n }\n\n :host([orientation="right"]) #content-wrapper {\n padding-bottom: 0;\n padding-left: 8px;\n }\n\n :host([orientation^="bottom"]) #content-wrapper {\n padding-bottom: 0;\n padding-top: 8px;\n }\n\n #content {\n position: relative;\n display: block;\n max-width: 300px;\n padding: 2px 6px;\n box-sizing: border-box;\n background-color: var(--sinch-local-color-background);\n border-radius: var(--sinch-comp-tooltip-shape-radius);\n pointer-events: none;\n opacity: 0;\n\n --sinch-local-color-background: var(--sinch-comp-tooltip-color-background);\n --sinch-global-color-text: var(--sinch-comp-tooltip-color-text);\n }\n\n #text {\n word-break: break-word;\n pointer-events: none;\n\n --sinch-comp-text-font: var(--sinch-comp-tooltip-font-body);\n }\n\n #tip {\n position: absolute;\n left: 50%;\n top: 100%;\n transform: translateX(-50%) rotate(0);\n transform-origin: top center;\n fill: var(--sinch-local-color-background);\n pointer-events: none;\n }\n\n #tip.hidden {\n display: none;\n }\n\n :host([orientation="left"]) #tip {\n transform: translateX(-50%) rotate(270deg);\n top: 50%;\n left: 100%;\n }\n\n :host([orientation="right"]) #tip {\n transform: translateX(-50%) rotate(90deg);\n top: 50%;\n left: 0;\n }\n\n :host([orientation^="bottom"]) #tip {\n transform: translateX(-50%) rotate(180deg);\n top: 0;\n }\n\n :host([text-align="right"]) #text {\n --sinch-comp-text-align: right;\n }\n\n :host([text-align="center"]) #text {\n --sinch-comp-text-align: center;\n }\n\n :host([text-align="left"]) #text {\n --sinch-comp-text-align: left;\n }\n</style>\n\n<sinch-pop id="pop">\n <slot id="target" slot="target"></slot>\n <div id="content-wrapper" slot="content">\n <div id="content">\n <sinch-text id="text" type="s"></sinch-text>\n <svg id="tip" width="8" height="4" aria-hidden="true">\n <path d="m4 4 4-4h-8l4 4Z" />\n </svg>\n </div>\n </div>\n</sinch-pop>';
9
+ const templateHTML = '<style>:host{display:contents}#content-wrapper{padding-bottom:8px;filter:drop-shadow(var(--sinch-comp-tooltip-shadow))}:host([orientation=left]) #content-wrapper{padding-bottom:0;padding-right:8px}:host([orientation=right]) #content-wrapper{padding-bottom:0;padding-left:8px}:host([orientation^=bottom]) #content-wrapper{padding-bottom:0;padding-top:8px}#content{position:relative;display:block;max-width:300px;padding:2px 6px;box-sizing:border-box;background-color:var(--sinch-local-color-background);border-radius:var(--sinch-comp-tooltip-shape-radius);pointer-events:none;opacity:0;--sinch-local-color-background:var(--sinch-comp-tooltip-color-background);--sinch-global-color-text:var(--sinch-comp-tooltip-color-text)}#text{word-break:break-word;pointer-events:none;--sinch-comp-text-font:var(--sinch-comp-tooltip-font-body)}#tip{position:absolute;left:50%;top:100%;transform:translateX(-50%) rotate(0);transform-origin:top center;fill:var(--sinch-local-color-background);pointer-events:none}#tip.hidden{display:none}:host([orientation=left]) #tip{transform:translateX(-50%) rotate(270deg);top:50%;left:100%}:host([orientation=right]) #tip{transform:translateX(-50%) rotate(90deg);top:50%;left:0}:host([orientation^=bottom]) #tip{transform:translateX(-50%) rotate(180deg);top:0}:host([text-align=right]) #text{--sinch-comp-text-align:right}:host([text-align=center]) #text{--sinch-comp-text-align:center}:host([text-align=left]) #text{--sinch-comp-text-align:left}</style><sinch-pop id="pop"><slot id="target" slot="target"></slot><div id="content-wrapper" slot="content"><div id="content"><sinch-text id="text" type="s"></sinch-text><svg id="tip" width="8" height="4" aria-hidden="true"><path d="m4 4 4-4h-8l4 4Z"/></svg></div></div></sinch-pop>';
10
10
  const TIP_SIZE = 8;
11
11
  const SHOW_DELAY_SLOW = 1e3;
12
12
  const SHOW_DELAY_FAST = 250;