@central-design-system/components 2.26.0 → 2.27.0

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 (94) hide show
  1. package/dist/CdsAccordion/index.js +1 -1
  2. package/dist/CdsAccordion/styles.css +2 -2
  3. package/dist/CdsBadge/index.js +8 -0
  4. package/dist/CdsBadge/styles.css +9 -0
  5. package/dist/CdsBreadcrumbs/index.js +1 -1
  6. package/dist/CdsBreadcrumbs/styles.css +2 -2
  7. package/dist/CdsButton/index.js +2 -2
  8. package/dist/CdsButton/styles.css +2 -2
  9. package/dist/CdsCheckbox/index.js +1 -1
  10. package/dist/CdsCheckbox/styles.css +3 -3
  11. package/dist/CdsCombobox/index.js +1 -1
  12. package/dist/CdsCombobox/styles.css +3 -3
  13. package/dist/CdsContainer/index.js +1 -1
  14. package/dist/CdsContainer/styles.css +1 -1
  15. package/dist/CdsContentSwitcher/index.js +2 -2
  16. package/dist/CdsContentSwitcher/styles.css +3 -3
  17. package/dist/CdsDataTable/index.js +2 -2
  18. package/dist/CdsDataTable/styles.css +5 -5
  19. package/dist/CdsDatePicker/index.js +1 -1
  20. package/dist/CdsDatePicker/styles.css +3 -3
  21. package/dist/CdsDrawer/index.js +2 -2
  22. package/dist/CdsDrawer/styles.css +4 -4
  23. package/dist/CdsDropdown/index.js +1 -1
  24. package/dist/CdsDropdown/styles.css +3 -3
  25. package/dist/CdsEmptyState/index.js +1 -1
  26. package/dist/CdsEmptyState/styles.css +2 -2
  27. package/dist/CdsFooter/index.js +1 -1
  28. package/dist/CdsFooter/styles.css +3 -3
  29. package/dist/CdsForm/index.js +1 -1
  30. package/dist/CdsForm/styles.css +3 -3
  31. package/dist/CdsGrid/index.js +1 -1
  32. package/dist/CdsGrid/styles.css +1 -1
  33. package/dist/CdsHeader/index.js +1 -1
  34. package/dist/CdsHeader/styles.css +1 -1
  35. package/dist/CdsIcon/index.js +1 -1
  36. package/dist/CdsIcon/styles.css +1 -1
  37. package/dist/CdsImage/index.js +1 -1
  38. package/dist/CdsImage/styles.css +1 -1
  39. package/dist/CdsInput/index.js +1 -1
  40. package/dist/CdsInput/styles.css +2 -2
  41. package/dist/CdsLink/index.js +1 -1
  42. package/dist/CdsLink/styles.css +1 -1
  43. package/dist/CdsList/index.js +1 -1
  44. package/dist/CdsList/styles.css +2 -2
  45. package/dist/CdsLoading/index.js +1 -1
  46. package/dist/CdsLoading/styles.css +1 -1
  47. package/dist/CdsModal/index.js +2 -2
  48. package/dist/CdsModal/styles.css +3 -3
  49. package/dist/CdsMultiselect/index.js +1 -1
  50. package/dist/CdsMultiselect/styles.css +4 -4
  51. package/dist/CdsNotification/index.js +2 -2
  52. package/dist/CdsNotification/styles.css +4 -4
  53. package/dist/CdsOverflowMenu/index.js +2 -2
  54. package/dist/CdsOverflowMenu/styles.css +3 -3
  55. package/dist/CdsPagination/index.js +2 -2
  56. package/dist/CdsPagination/styles.css +3 -3
  57. package/dist/CdsRadioButton/index.js +1 -1
  58. package/dist/CdsRadioButton/styles.css +3 -3
  59. package/dist/CdsSearch/index.js +1 -1
  60. package/dist/CdsSearch/styles.css +3 -3
  61. package/dist/CdsSelect/index.js +1 -1
  62. package/dist/CdsSelect/styles.css +3 -3
  63. package/dist/CdsSidebar/index.js +2 -2
  64. package/dist/CdsSidebar/styles.css +3 -3
  65. package/dist/CdsSkeleton/index.js +1 -1
  66. package/dist/CdsSkeleton/styles.css +1 -1
  67. package/dist/CdsStages/index.js +1 -1
  68. package/dist/CdsStages/styles.css +1 -1
  69. package/dist/CdsStatus/index.js +1 -1
  70. package/dist/CdsStatus/styles.css +2 -2
  71. package/dist/CdsSteps/index.js +2 -2
  72. package/dist/CdsSteps/styles.css +7 -3
  73. package/dist/CdsTable/index.js +3 -3
  74. package/dist/CdsTable/styles.css +5 -5
  75. package/dist/CdsTabs/index.js +2 -2
  76. package/dist/CdsTabs/styles.css +2 -2
  77. package/dist/CdsTag/index.js +1 -1
  78. package/dist/CdsTag/styles.css +2 -2
  79. package/dist/CdsTextArea/index.js +1 -1
  80. package/dist/CdsTextArea/styles.css +3 -3
  81. package/dist/CdsTextInput/index.js +1 -1
  82. package/dist/CdsTextInput/styles.css +2 -2
  83. package/dist/CdsToggle/index.js +1 -1
  84. package/dist/CdsToggle/styles.css +2 -2
  85. package/dist/CdsTooltip/index.js +1 -1
  86. package/dist/CdsTooltip/styles.css +2 -2
  87. package/dist/CdsUploader/index.js +3 -3
  88. package/dist/CdsUploader/styles.css +5 -5
  89. package/dist/cds.css +36 -34
  90. package/dist/cds.js +6 -6
  91. package/dist/cds.min.css +2 -2
  92. package/dist/cds.min.js +6 -6
  93. package/dist/mixins/scss/typo.scss +44 -0
  94. package/package.json +1 -1
package/dist/CdsContentSwitcher/styles.css CHANGED
@@ -1,15 +1,15 @@
1
1
  /*!
2
- * CDS v2.25.0 (https://cds.b2b-center.ru/)
2
+ * CDS v2.26.0 (https://cds.b2b-center.ru/)
3
3
  *
4
4
  * @package @central-design-system/components
5
5
  * @author Design System Team <cds@b2b-center.ru>
6
6
  * © 2022, B2B-Center. (https://b2b-center.ru/)
7
7
  */
8
- .cds-content-switcher{display:grid;width:100%;height:2rem;z-index:200}.cds-content-switcher__item{display:inline-flex;justify-content:center}.cds-content-switcher__item:first-child .cds-content-switcher__button{border-left:var(--cds-border-element-01) var(--cds-color-border-element-primary);border-top-left-radius:var(--cds-border-radius-s);border-bottom-left-radius:var(--cds-border-radius-s)}.cds-content-switcher__item:first-child .cds-content-switcher__button:before{content:none}.cds-content-switcher__item:first-child .cds-content-switcher__button.cds-state-active{border-color:var(--cds-color-background-inverse)}.cds-content-switcher__item:first-child .cds-content-switcher__button.cds-state-active:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-content-switcher__item:first-child .cds-content-switcher__button.cds-state-active:disabled{background-color:var(--cds-color-disabled-02);border-color:var(--cds-color-disabled-02);color:var(--cds-color-disabled-01)}.cds-content-switcher__item:last-child .cds-content-switcher__button{border-right:var(--cds-border-element-01) var(--cds-color-border-element-primary);border-top-right-radius:var(--cds-border-radius-s);border-bottom-right-radius:var(--cds-border-radius-s)}.cds-content-switcher__item:last-child .cds-content-switcher__button.cds-state-active{border-color:var(--cds-color-background-inverse)}.cds-content-switcher__item:last-child .cds-content-switcher__button.cds-state-active:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-content-switcher__item:last-child .cds-content-switcher__button.cds-state-active:disabled{background-color:var(--cds-color-disabled-02);border-color:var(--cds-color-disabled-02);color:var(--cds-color-disabled-01)}+.cds-content-switcher__item .cds-content-switcher__button .cds-state-active:before{background-color:transparent}.cds-content-switcher__button{cursor:pointer;display:inline-flex;position:relative;justify-content:center;align-items:center;outline:none;background-color:var(--cds-color-background-container-secondary);color:var(--cds-color-text-primary);width:100%;height:2rem;padding:0 1rem;border:none;border-top:var(--cds-border-element-01) var(--cds-color-border-element-primary);border-bottom:var(--cds-border-element-01) var(--cds-color-border-element-primary);overflow:hidden;white-space:nowrap;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light);transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-content-switcher__button:before{position:absolute;z-index:2;left:0;display:block;width:.0625rem;height:1rem;background-color:var(--cds-ui-03, #e0e0e0);content:"";transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-content-switcher__button--icon{display:flex}.cds-content-switcher__button--icon svg{fill:var(--cds-color-text-primary)}.cds-content-switcher__button--icon-with-text{margin-right:.5rem}.cds-content-switcher__button--icon-after{flex-direction:row-reverse}.cds-content-switcher__button--icon-after .cds-content-switcher__button--icon-with-text{margin-right:0;margin-left:.5rem}.cds-content-switcher__button:hover:not(:disabled):not(.cds-state-active){background-color:var(--cds-color-interactive-02-hover);border-color:var(--cds-color-interactive-01-hover);box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-hover),inset 0 0 0 1px var(--cds-color-text-inverse);color:var(--cds-color-text-primary)}.cds-content-switcher__button:hover:not(:disabled):not(.cds-state-active):before{background-color:transparent}.cds-content-switcher__button:hover:not(:disabled):not(.cds-state-active) .cds-content-switcher__button--icon svg{fill:var(--cds-color-text-primary)}.cds-content-switcher__button:focus:not(:disabled){background-color:var(--cds-color-background-container-secondary);border-color:var(--cds-color-interactive-01-focus);box-shadow:inset 0 0 0 2px var(--cds-color-interactive-01-focus),inset 0 0 0 2px var(--cds-color-text-inverse);color:var(--cds-color-text-primary);z-index:3}.cds-content-switcher__button:focus:not(:disabled):before{background-color:transparent}.cds-content-switcher__button:focus:not(:disabled) .cds-content-switcher__button--icon svg{fill:var(--cds-color-text-primary)}.cds-content-switcher__button:disabled{cursor:not-allowed;background-color:var(--cds-color-disabled-01);color:var(--cds-color-disabled-02)}.cds-content-switcher__button:disabled .cds-content-switcher__button--icon svg{fill:var(--cds-color-disabled-02)}.cds-content-switcher__button.cds-state-active{background-color:var(--cds-color-background-inverse);border-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse)}.cds-content-switcher__button.cds-state-active:before{background-color:transparent}.cds-content-switcher__button.cds-state-active .cds-content-switcher__button--icon svg{fill:var(--cds-color-text-inverse)}.cds-content-switcher__button.cds-state-active:focus{background-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse)}.cds-content-switcher__button.cds-state-active:focus .cds-content-switcher__button--icon svg{fill:var(--cds-color-text-inverse)}.cds-content-switcher__button.cds-state-active:disabled{background-color:var(--cds-color-disabled-02);border-color:var(--cds-color-disabled-02);color:var(--cds-color-disabled-01)}
8
+ .cds-content-switcher{display:grid;width:100%;height:2rem;z-index:200}.cds-content-switcher__item{display:inline-flex;justify-content:center}.cds-content-switcher__item:first-child .cds-content-switcher__button{border-left:var(--cds-border-element-01) var(--cds-color-border-element-primary);border-top-left-radius:var(--cds-border-radius-s);border-bottom-left-radius:var(--cds-border-radius-s)}.cds-content-switcher__item:first-child .cds-content-switcher__button:before{content:none}.cds-content-switcher__item:first-child .cds-content-switcher__button.cds-state-active{border-color:var(--cds-color-background-inverse)}.cds-content-switcher__item:first-child .cds-content-switcher__button.cds-state-active:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-content-switcher__item:first-child .cds-content-switcher__button.cds-state-active:disabled{background-color:var(--cds-color-disabled-02);border-color:var(--cds-color-disabled-02);color:var(--cds-color-disabled-01)}.cds-content-switcher__item:last-child .cds-content-switcher__button{border-right:var(--cds-border-element-01) var(--cds-color-border-element-primary);border-top-right-radius:var(--cds-border-radius-s);border-bottom-right-radius:var(--cds-border-radius-s)}.cds-content-switcher__item:last-child .cds-content-switcher__button.cds-state-active{border-color:var(--cds-color-background-inverse)}.cds-content-switcher__item:last-child .cds-content-switcher__button.cds-state-active:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-content-switcher__item:last-child .cds-content-switcher__button.cds-state-active:disabled{background-color:var(--cds-color-disabled-02);border-color:var(--cds-color-disabled-02);color:var(--cds-color-disabled-01)}+.cds-content-switcher__item .cds-content-switcher__button .cds-state-active:before{background-color:transparent}.cds-content-switcher__badge{width:100%;display:flex;align-items:center}.cds-content-switcher__badge--content{flex-grow:1}.cds-content-switcher__badge--slot{margin-left:.5rem;flex-shrink:1}.cds-content-switcher__button{cursor:pointer;display:inline-flex;position:relative;justify-content:center;align-items:center;outline:none;background-color:var(--cds-color-background-container-secondary);color:var(--cds-color-text-primary);width:100%;height:2rem;padding:0 1rem;border:none;border-top:var(--cds-border-element-01) var(--cds-color-border-element-primary);border-bottom:var(--cds-border-element-01) var(--cds-color-border-element-primary);overflow:hidden;white-space:nowrap;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light);transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}@media (max-width: 42rem){.cds-content-switcher__button{font-size:var(--cds-font-body-size-xs)}}.cds-content-switcher__button:before{position:absolute;z-index:2;left:0;display:block;width:.0625rem;height:1rem;background-color:var(--cds-ui-03, #e0e0e0);content:"";transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-content-switcher__button--icon{display:flex}.cds-content-switcher__button--icon svg{fill:var(--cds-color-text-primary)}.cds-content-switcher__button--icon-with-text{margin-right:.5rem}.cds-content-switcher__button--icon-after{flex-direction:row-reverse}.cds-content-switcher__button--icon-after .cds-content-switcher__button--icon-with-text{margin-right:0;margin-left:.5rem}.cds-content-switcher__button:hover:not(:disabled):not(.cds-state-active){background-color:var(--cds-color-interactive-02-hover);border-color:var(--cds-color-interactive-01-hover);box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-hover),inset 0 0 0 1px var(--cds-color-text-inverse);color:var(--cds-color-text-primary)}.cds-content-switcher__button:hover:not(:disabled):not(.cds-state-active):before{background-color:transparent}.cds-content-switcher__button:hover:not(:disabled):not(.cds-state-active) .cds-content-switcher__button--icon svg{fill:var(--cds-color-text-primary)}.cds-content-switcher__button:focus:not(:disabled){background-color:var(--cds-color-background-container-secondary);border-color:var(--cds-color-interactive-01-focus);box-shadow:inset 0 0 0 2px var(--cds-color-interactive-01-focus),inset 0 0 0 2px var(--cds-color-text-inverse);color:var(--cds-color-text-primary);z-index:3}.cds-content-switcher__button:focus:not(:disabled):before{background-color:transparent}.cds-content-switcher__button:focus:not(:disabled) .cds-content-switcher__button--icon svg{fill:var(--cds-color-text-primary)}.cds-content-switcher__button:disabled{cursor:not-allowed;background-color:var(--cds-color-disabled-01);color:var(--cds-color-disabled-02)}.cds-content-switcher__button:disabled .cds-content-switcher__button--icon svg{fill:var(--cds-color-disabled-02)}.cds-content-switcher__button.cds-state-active{background-color:var(--cds-color-background-inverse);border-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse)}.cds-content-switcher__button.cds-state-active:before{background-color:transparent}.cds-content-switcher__button.cds-state-active .cds-content-switcher__button--icon svg{fill:var(--cds-color-text-inverse)}.cds-content-switcher__button.cds-state-active:focus{background-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse)}.cds-content-switcher__button.cds-state-active:focus .cds-content-switcher__button--icon svg{fill:var(--cds-color-text-inverse)}.cds-content-switcher__button.cds-state-active:disabled{background-color:var(--cds-color-disabled-02);border-color:var(--cds-color-disabled-02);color:var(--cds-color-disabled-01)}
9
9
 
10
10
  .cds-ico,.cds-ico svg{width:1rem;height:1rem}
11
11
 
12
12
 
13
13
 
14
- .cds-tooltip{position:relative;align-items:center;display:flex}.cds-tooltip__trigger:not(.cds-state-disabled){cursor:pointer;display:flex;position:relative}.cds-tooltip__trigger:not(.cds-state-disabled):focus{outline:var(--cds-border-element-01) var(--cds-color-interactive-01-focus)}.cds-tooltip__definition{font-style:normal;outline-offset:1px;position:relative}.cds-tooltip__definition:before{position:absolute;content:'';bottom:0;left:0;height:0;width:100%;border-bottom:1px dashed var(--cds-color-link-default);outline:var(--cds-border-element-01) transparent}.cds-tooltip__definition:hover:before{border-color:var(--cds-color-interactive-01-hover)}.cds-tooltip__definition .cds-tooltip__content{padding:1rem}.cds-tooltip__content{display:block;position:absolute;border-radius:var(--cds-border-radius-s);background-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse);padding:.125rem 1rem;opacity:0;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:288px;z-index:801;transition:opacity 100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-tooltip__content:before{position:absolute;background:var(--cds-color-background-inverse);transform:rotate(-135deg);width:.5rem;height:.5rem;content:""}.cds-tooltip__content header h6{margin:0 0 .5rem 0}.cds-tooltip__content p,.cds-tooltip__content footer a{margin:0;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-tooltip__content footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.cds-tooltip__content.top:before{margin:0 auto;left:0;right:0;bottom:-.25rem}.cds-tooltip__content.top.start:before{margin-left:.75rem}.cds-tooltip__content.top.end:before{margin-right:.75rem}.cds-tooltip__content.bottom:before{margin:0 auto;left:0;right:0;top:-.25rem}.cds-tooltip__content.bottom.start:before{margin-left:.75rem}.cds-tooltip__content.bottom.end:before{margin-right:.75rem}.cds-tooltip__content.right:before{margin:auto 0;left:-.25rem;top:0;bottom:0}.cds-tooltip__content.right.start:before{margin-top:.5rem}.cds-tooltip__content.right.end:before{margin-bottom:.5rem}.cds-tooltip__content.left:before{margin:auto 0;right:-.25rem;top:0;bottom:0}.cds-tooltip__content.left.start:before{margin-top:.5rem}.cds-tooltip__content.left.end:before{margin-bottom:.5rem}.cds-tooltip__content--arrow{display:none}.cds-tooltip__content.cds-state-active{visibility:visible;opacity:1}.cds-tooltip__interactive{padding:1rem;display:block;position:absolute;border-radius:var(--cds-border-radius-s);background-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse);opacity:0;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:288px;z-index:800;transition:opacity 100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-tooltip__interactive:before{position:absolute;background:var(--cds-color-background-inverse);transform:rotate(-135deg);width:1rem;height:1rem;content:""}.cds-tooltip__interactive header h6{margin:0 0 .5rem 0}.cds-tooltip__interactive p,.cds-tooltip__interactive footer a{margin:0;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-tooltip__interactive footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.cds-tooltip__interactive.top:before{margin:0 auto;left:0;right:0;bottom:-.125rem}.cds-tooltip__interactive.top.start:before{margin-left:.5rem}.cds-tooltip__interactive.top.end:before{margin-right:.5rem}.cds-tooltip__interactive.bottom:before{margin:0 auto;left:0;right:0;top:-.25rem}.cds-tooltip__interactive.bottom.start:before{margin-left:.5rem}.cds-tooltip__interactive.bottom.end:before{margin-right:.5rem}.cds-tooltip__interactive.right:before{margin:auto 0;left:-.25rem;top:0;bottom:0}.cds-tooltip__interactive.right.start:before{margin-top:.5rem}.cds-tooltip__interactive.right.end:before{margin-bottom:.5rem}.cds-tooltip__interactive.left:before{margin:auto 0;right:-.25rem;top:0;bottom:0}.cds-tooltip__interactive.left.start:before{margin-top:.5rem}.cds-tooltip__interactive.left.end:before{margin-bottom:.5rem}.cds-tooltip__interactive--arrow{display:none}.cds-tooltip__interactive.cds-state-active{visibility:visible;opacity:1}.cds-tooltip__trigger{margin-left:.5rem}.cds-tooltip.cds-tooltip__trigger{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-left:0}.cds-tooltip.cds-tooltip__trigger:focus{outline:none}.cds-tooltip.cds-tooltip__trigger:focus>i.cds-ico{outline:var(--cds-border-element-01) var(--cds-color-interactive-01-focus)}.cds-tooltip.cds-tooltip__trigger:hover .cds-tooltip__content,.cds-tooltip.cds-tooltip__trigger:focus .cds-tooltip__content,.cds-tooltip.cds-tooltip__trigger.cds-state-active .cds-tooltip__content{opacity:1;visibility:visible}@media (max-width: 42rem){.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content{position:fixed;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:100%;max-width:100%;bottom:0;top:initial;left:0;transform:none;padding-top:0;padding-bottom:2rem;z-index:600;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-m);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content:before{content:none}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content:hover,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content:focus{opacity:0;visibility:hidden}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.top,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.bottom,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.right,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.left{margin:0}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content--arrow{display:flex;background:transparent;margin:0 auto}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content--arrow svg{fill:var(--cds-color-neutral-0)}}
14
+ .cds-tooltip{position:relative;align-items:center;display:flex}.cds-tooltip__trigger:not(.cds-state-disabled){cursor:pointer;display:flex;position:relative}.cds-tooltip__trigger:not(.cds-state-disabled):focus{outline:var(--cds-border-element-01) var(--cds-color-interactive-01-focus)}.cds-tooltip__definition{font-style:normal;outline-offset:1px;position:relative}.cds-tooltip__definition:before{position:absolute;content:'';bottom:0;left:0;height:0;width:100%;border-bottom:1px dashed var(--cds-color-link-default);outline:var(--cds-border-element-01) transparent}.cds-tooltip__definition:hover:before{border-color:var(--cds-color-interactive-01-hover)}.cds-tooltip__definition .cds-tooltip__content{padding:1rem}.cds-tooltip__content{display:block;position:absolute;border-radius:var(--cds-border-radius-s);background-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse);padding:.125rem 1rem;opacity:0;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:288px;z-index:801;transition:opacity 100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-tooltip__content:before{position:absolute;background:var(--cds-color-background-inverse);transform:rotate(-135deg);width:.5rem;height:.5rem;content:""}.cds-tooltip__content header h6{margin:0 0 .5rem 0}.cds-tooltip__content p,.cds-tooltip__content footer a{margin:0;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}@media (max-width: 42rem){.cds-tooltip__content p,.cds-tooltip__content footer a{font-size:var(--cds-font-body-size-xs)}}.cds-tooltip__content footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.cds-tooltip__content.top:before{margin:0 auto;left:0;right:0;bottom:-.25rem}.cds-tooltip__content.top.start:before{margin-left:.75rem}.cds-tooltip__content.top.end:before{margin-right:.75rem}.cds-tooltip__content.bottom:before{margin:0 auto;left:0;right:0;top:-.25rem}.cds-tooltip__content.bottom.start:before{margin-left:.75rem}.cds-tooltip__content.bottom.end:before{margin-right:.75rem}.cds-tooltip__content.right:before{margin:auto 0;left:-.25rem;top:0;bottom:0}.cds-tooltip__content.right.start:before{margin-top:.5rem}.cds-tooltip__content.right.end:before{margin-bottom:.5rem}.cds-tooltip__content.left:before{margin:auto 0;right:-.25rem;top:0;bottom:0}.cds-tooltip__content.left.start:before{margin-top:.5rem}.cds-tooltip__content.left.end:before{margin-bottom:.5rem}.cds-tooltip__content--arrow{display:none}.cds-tooltip__content.cds-state-active{visibility:visible;opacity:1}.cds-tooltip__interactive{padding:1rem;display:block;position:absolute;border-radius:var(--cds-border-radius-s);background-color:var(--cds-color-background-inverse);color:var(--cds-color-text-inverse);opacity:0;visibility:hidden;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:288px;z-index:800;transition:opacity 100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-tooltip__interactive:before{position:absolute;background:var(--cds-color-background-inverse);transform:rotate(-135deg);width:1rem;height:1rem;content:""}.cds-tooltip__interactive header h6{margin:0 0 .5rem 0}.cds-tooltip__interactive p,.cds-tooltip__interactive footer a{margin:0;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}@media (max-width: 42rem){.cds-tooltip__interactive p,.cds-tooltip__interactive footer a{font-size:var(--cds-font-body-size-xs)}}.cds-tooltip__interactive footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.cds-tooltip__interactive.top:before{margin:0 auto;left:0;right:0;bottom:-.125rem}.cds-tooltip__interactive.top.start:before{margin-left:.5rem}.cds-tooltip__interactive.top.end:before{margin-right:.5rem}.cds-tooltip__interactive.bottom:before{margin:0 auto;left:0;right:0;top:-.25rem}.cds-tooltip__interactive.bottom.start:before{margin-left:.5rem}.cds-tooltip__interactive.bottom.end:before{margin-right:.5rem}.cds-tooltip__interactive.right:before{margin:auto 0;left:-.25rem;top:0;bottom:0}.cds-tooltip__interactive.right.start:before{margin-top:.5rem}.cds-tooltip__interactive.right.end:before{margin-bottom:.5rem}.cds-tooltip__interactive.left:before{margin:auto 0;right:-.25rem;top:0;bottom:0}.cds-tooltip__interactive.left.start:before{margin-top:.5rem}.cds-tooltip__interactive.left.end:before{margin-bottom:.5rem}.cds-tooltip__interactive--arrow{display:none}.cds-tooltip__interactive.cds-state-active{visibility:visible;opacity:1}.cds-tooltip__trigger{margin-left:.5rem}.cds-tooltip.cds-tooltip__trigger{display:inline-flex;flex-direction:column;align-items:flex-start;justify-content:center;margin-left:0}.cds-tooltip.cds-tooltip__trigger:focus{outline:none}.cds-tooltip.cds-tooltip__trigger:focus>i.cds-ico{outline:var(--cds-border-element-01) var(--cds-color-interactive-01-focus)}.cds-tooltip.cds-tooltip__trigger:hover .cds-tooltip__content,.cds-tooltip.cds-tooltip__trigger:focus .cds-tooltip__content,.cds-tooltip.cds-tooltip__trigger.cds-state-active .cds-tooltip__content{opacity:1;visibility:visible}@media (max-width: 42rem){.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content{position:fixed;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:100%;max-width:100%;bottom:0;top:initial;left:0;transform:none;padding-top:0;padding-bottom:2rem;z-index:600;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-m);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light)}}@media (max-width: 42rem) and (max-width: 42rem){.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content{font-size:var(--cds-font-body-size-s)}}@media (max-width: 42rem){.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content:before{content:none}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content:hover,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content:focus{opacity:0;visibility:hidden}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.top,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.bottom,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.right,.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content.left{margin:0}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content--arrow{display:flex;background:transparent;margin:0 auto}.cds-tooltip.cds-tooltip__definition.cds-tooltip__trigger .cds-tooltip__content--arrow svg{fill:var(--cds-color-neutral-0)}}
15
15