@central-design-system/components 2.15.0 → 2.16.0-beta.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 +1 -1
  3. package/dist/CdsBreadcrumbs/index.js +1 -1
  4. package/dist/CdsBreadcrumbs/styles.css +1 -1
  5. package/dist/CdsButton/index.js +1 -1
  6. package/dist/CdsButton/styles.css +2 -2
  7. package/dist/CdsCheckbox/index.js +1 -1
  8. package/dist/CdsCheckbox/styles.css +1 -1
  9. package/dist/CdsCombobox/index.js +1 -1
  10. package/dist/CdsCombobox/styles.css +1 -1
  11. package/dist/CdsContainer/index.js +1 -1
  12. package/dist/CdsContainer/styles.css +1 -1
  13. package/dist/CdsContentSwitcher/index.js +1 -1
  14. package/dist/CdsContentSwitcher/styles.css +1 -1
  15. package/dist/CdsDataTable/index.js +1 -1
  16. package/dist/CdsDataTable/styles.css +2 -2
  17. package/dist/CdsDatePicker/index.js +1 -1
  18. package/dist/CdsDatePicker/styles.css +1 -1
  19. package/dist/CdsDrawer/index.js +1 -1
  20. package/dist/CdsDrawer/styles.css +1 -1
  21. package/dist/CdsDropdown/index.js +1 -1
  22. package/dist/CdsDropdown/styles.css +1 -1
  23. package/dist/CdsEmptyState/index.js +1 -1
  24. package/dist/CdsEmptyState/styles.css +1 -1
  25. package/dist/CdsFooter/index.js +1 -1
  26. package/dist/CdsFooter/styles.css +1 -1
  27. package/dist/CdsForm/index.js +1 -1
  28. package/dist/CdsForm/styles.css +1 -1
  29. package/dist/CdsGrid/index.js +1 -1
  30. package/dist/CdsGrid/styles.css +1 -1
  31. package/dist/CdsHeader/index.js +1 -1
  32. package/dist/CdsHeader/styles.css +1 -1
  33. package/dist/CdsIcon/index.js +1 -1
  34. package/dist/CdsIcon/styles.css +1 -1
  35. package/dist/CdsImage/index.js +1 -1
  36. package/dist/CdsImage/styles.css +1 -1
  37. package/dist/CdsInput/index.js +1 -1
  38. package/dist/CdsInput/styles.css +1 -1
  39. package/dist/CdsLink/index.js +1 -1
  40. package/dist/CdsLink/styles.css +1 -1
  41. package/dist/CdsList/index.js +1 -1
  42. package/dist/CdsList/styles.css +1 -1
  43. package/dist/CdsLoading/index.js +1 -1
  44. package/dist/CdsLoading/styles.css +1 -1
  45. package/dist/CdsModal/index.js +2 -2
  46. package/dist/CdsModal/styles.css +2 -2
  47. package/dist/CdsMultiselect/index.js +1 -1
  48. package/dist/CdsMultiselect/styles.css +2 -2
  49. package/dist/CdsNotification/index.js +1 -1
  50. package/dist/CdsNotification/styles.css +2 -2
  51. package/dist/CdsOverflowMenu/index.js +1 -1
  52. package/dist/CdsOverflowMenu/styles.css +2 -2
  53. package/dist/CdsPagination/index.js +1 -1
  54. package/dist/CdsPagination/styles.css +2 -2
  55. package/dist/CdsRadioButton/index.js +1 -1
  56. package/dist/CdsRadioButton/styles.css +2 -2
  57. package/dist/CdsSearch/index.js +1 -1
  58. package/dist/CdsSearch/styles.css +1 -1
  59. package/dist/CdsSelect/index.js +1 -1
  60. package/dist/CdsSelect/styles.css +1 -1
  61. package/dist/CdsSidebar/index.js +8 -0
  62. package/dist/CdsSidebar/styles.css +15 -0
  63. package/dist/CdsSkeleton/index.js +1 -1
  64. package/dist/CdsSkeleton/styles.css +1 -1
  65. package/dist/CdsStages/index.js +1 -1
  66. package/dist/CdsStages/styles.css +1 -1
  67. package/dist/CdsStatus/index.js +1 -1
  68. package/dist/CdsStatus/styles.css +1 -1
  69. package/dist/CdsSteps/index.js +1 -1
  70. package/dist/CdsSteps/styles.css +1 -1
  71. package/dist/CdsTable/index.js +2 -2
  72. package/dist/CdsTable/styles.css +2 -2
  73. package/dist/CdsTabs/index.js +1 -1
  74. package/dist/CdsTabs/styles.css +1 -1
  75. package/dist/CdsTag/index.js +1 -1
  76. package/dist/CdsTag/styles.css +1 -1
  77. package/dist/CdsTextArea/index.js +1 -1
  78. package/dist/CdsTextArea/styles.css +1 -1
  79. package/dist/CdsTextInput/index.js +1 -1
  80. package/dist/CdsTextInput/styles.css +1 -1
  81. package/dist/CdsToggle/index.js +1 -1
  82. package/dist/CdsToggle/styles.css +1 -1
  83. package/dist/CdsTooltip/index.js +1 -1
  84. package/dist/CdsTooltip/styles.css +1 -1
  85. package/dist/CdsUploader/index.js +3 -3
  86. package/dist/CdsUploader/styles.css +7 -3
  87. package/dist/cds.css +7 -5
  88. package/dist/cds.js +6 -6
  89. package/dist/cds.min.css +2 -2
  90. package/dist/cds.min.js +6 -6
  91. package/dist/types/CdsRadioButton.ts +10 -1
  92. package/dist/types/CdsUploader.ts +2 -0
  93. package/dist/types/Sidebar.ts +17 -0
  94. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * CDS v2.14.0 (https://cds.b2b-center.ru/)
2
+ * CDS v2.15.1 (https://cds.b2b-center.ru/)
3
3
  *
4
4
  * @package @central-design-system/components
5
5
  * @author Design System Team <cds@b2b-center.ru>
@@ -7,7 +7,7 @@
7
7
  */
8
8
  .cds-loading{position:absolute;width:5rem;height:5rem;opacity:1}.cds-loading__overlay{position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--cds-color-overlay-02);display:flex;justify-content:center;align-items:center;opacity:1}.cds-loading__overlay__fixed{position:fixed}.cds-loading__fixed{position:relative}.cds-loading svg{display:block;-webkit-animation:loader-turn 2s linear infinite;animation:loader-turn 2s linear infinite;width:100%}.cds-loading circle{-webkit-animation:loader-stroke 2s linear infinite;animation:loader-stroke 2s linear infinite;fill:none;stroke-dasharray:60;stroke-dashoffset:60;stroke-width:2;stroke:var(--cds-color-interactive-01-default)}.cds-loading__small{width:1rem;height:1rem}.cds-loading__small svg{width:100%}.cds-loading__small circle{stroke-width:3}@-webkit-keyframes loader-turn{50%{transform:rotate(180deg)}100%{transform:rotate(720deg)}}@keyframes loader-turn{50%{transform:rotate(180deg)}100%{transform:rotate(720deg)}}@-webkit-keyframes loader-stroke{50%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}@keyframes loader-stroke{50%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}.fade-enter-active,.fade-leave-active{transition:200ms cubic-bezier(0.37, 0, 0.63, 1)}.fade-enter,.fade-leave-to{opacity:0}
9
9
 
10
- .cds-button{cursor:pointer;display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0;position:relative;outline:var(--cds-border-element-01) transparent;text-align:left;border:var(--cds-border-element-01);border-radius:var(--cds-border-radius-s);height:2rem;margin:0;padding:0 1rem;text-decoration:none;color:var(--cds-color-interactive-01-above);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-button__primary{border-color:var(--cds-color-interactive-01-default);background-color:var(--cds-color-interactive-01-default)}.cds-button__primary .cds-button__text{color:var(--cds-color-interactive-01-above)}.cds-button__primary svg{fill:var(--cds-color-interactive-01-above)}.cds-button__primary:hover{background-color:var(--cds-color-interactive-01-hover)}.cds-button__primary:active{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__primary:focus:after{border-color:var(--cds-color-background-page-primary)}.cds-button__primary.cds-state-loading{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-above)}.cds-button__primary.cds-state-disabled{border-color:var(--cds-color-disabled-01);background-color:var(--cds-color-disabled-01)}.cds-button__primary.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__primary.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__secondary{border-color:var(--cds-color-interactive-01-default);background-color:transparent}.cds-button__secondary .cds-button__text{color:var(--cds-color-interactive-02-above)}.cds-button__secondary svg{fill:var(--cds-color-interactive-02-above)}.cds-button__secondary:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__secondary:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__secondary:focus:before{border-color:var(--cds-color-interactive-02-focus)}.cds-button__secondary:focus:after{border-color:var(--cds-color-background-page-primary)}.cds-button__secondary.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__secondary.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__secondary.cds-state-disabled{border-color:var(--cds-color-disabled-01);background-color:transparent}.cds-button__secondary.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__secondary.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__transparent{border-color:transparent;background-color:transparent}.cds-button__transparent .cds-button__text{color:var(--cds-color-interactive-02-above)}.cds-button__transparent svg{fill:var(--cds-color-interactive-02-above)}.cds-button__transparent:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__transparent:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__transparent:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__transparent:focus:after{border-color:var(--cds-color-background-page-primary)}.cds-button__transparent.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__transparent.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__transparent.cds-state-disabled{border-color:transparent;background-color:transparent}.cds-button__transparent.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__transparent.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__inverse{background-color:transparent}.cds-button__inverse:not(.cds-button__transparent){border-color:var(--cds-color-border-element-primary)}.cds-button__inverse .cds-button__text{color:var(--cds-color-text-inverse)}.cds-button__inverse svg{fill:var(--cds-color-icon-inverse)}.cds-button__inverse:hover{background-color:#464a4d}.cds-button__inverse:active{background-color:#34383d}.cds-button__inverse:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__inverse:focus:after{border-color:transparent}.cds-button__inverse.cds-state-loading{background-color:transparent}.cds-button__inverse.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-above)}.cds-button__inverse.cds-state-disabled{border-color:#383838;background-color:#383838}.cds-button__inverse.cds-state-disabled .cds-button__text{color:#8c8c8c}.cds-button__inverse.cds-state-disabled .cds-loading circle{stroke:#8c8c8c}.cds-button__inverse.cds-state-disabled svg{fill:#8c8c8c}.cds-button__icon{flex-direction:column;border-color:transparent;background-color:transparent;border-radius:0;width:2rem;height:2rem;padding:.5rem}.cds-button__icon .cds-button__text{display:none}.cds-button__icon svg{fill:var(--cds-color-icon-default)}.cds-button__icon:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__icon:hover svg{fill:var(--cds-color-interactive-01-hover)}.cds-button__icon:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__icon:active svg{fill:var(--cds-color-icon-default)}.cds-button__icon:focus:before{border-radius:0;border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon:focus:after{border-radius:0;border:0}.cds-button__icon:focus svg{fill:var(--cds-color-icon-default)}.cds-button__icon.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__icon.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__icon.cds-state-disabled{background-color:transparent;border-color:transparent}.cds-button__icon.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__icon.cds-button__inverse{background-color:transparent}.cds-button__icon.cds-button__inverse svg{fill:var(--cds-color-icon-inverse)}.cds-button__icon.cds-button__inverse:hover svg{fill:var(--cds-color-interactive-02-hover)}.cds-button__icon.cds-button__inverse:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon.cds-button__inverse:active svg{fill:var(--cds-color-interactive-02-active)}.cds-button__icon.cds-button__inverse.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__icon--slot{margin-left:.5rem}.cds-button__icon-after{flex-direction:row-reverse}.cds-button__icon-after .cds-button__text{margin-left:0;margin-right:.5rem}.cds-button__size--lg{height:3rem;padding:0 1.5rem;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-button__size--lg .cds-ico,.cds-button__size--lg .cds-ico svg,.cds-button__size--lg .cds-loading{width:1.5rem;height:1.5rem}.cds-button__size--xl{height:4rem;padding:0 2rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-l);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-normal)}.cds-button__size--xl .cds-ico,.cds-button__size--xl .cds-ico svg,.cds-button__size--xl .cds-loading{width:2.5rem;height:2.5rem}.cds-button.cds-state-loading{cursor:default}.cds-button.cds-state-loading .cds-button__text{color:transparent;opacity:0;visibility:hidden}.cds-button.cds-state-loading>i{opacity:0;visibility:hidden}.cds-button.cds-state-disabled{cursor:not-allowed}.cds-button__skeleton{padding:0}.cds-button__skeleton .cds-skeleton{border-radius:var(--cds-border-radius-s)}.cds-button i+.cds-button__text,.cds-button svg+.cds-button__text{margin-left:.5rem}.cds-button i,.cds-button svg,.cds-button .cds-button__text{position:relative}.cds-button__text{display:inline-block;white-space:nowrap}.cds-button:after,.cds-button:before{box-sizing:border-box;border-radius:var(--cds-border-radius-s);position:absolute;content:'';transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-button:before{top:-1px;left:-1px;height:calc(100% + 2px);width:calc(100% + 2px);border:var(--cds-border-element-02) transparent}.cds-button:after{top:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px);border:var(--cds-border-element-01) transparent}.cds-button:hover:not(.cds-state-disabled) .cds-button__tooltip,.cds-button:focus:not(.cds-state-disabled) .cds-button__tooltip{opacity:1;visibility:visible}
10
+ .cds-button{cursor:pointer;display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0;position:relative;outline:var(--cds-border-element-01) transparent;text-align:left;border:var(--cds-border-element-01);border-radius:var(--cds-border-radius-s);height:2rem;margin:0;padding:0 1rem;text-decoration:none;color:var(--cds-color-interactive-01-above);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-button__primary{border-color:var(--cds-color-interactive-01-default);background-color:var(--cds-color-interactive-01-default)}.cds-button__primary .cds-button__text{color:var(--cds-color-interactive-01-above)}.cds-button__primary svg{fill:var(--cds-color-interactive-01-above)}.cds-button__primary:hover{background-color:var(--cds-color-interactive-01-hover)}.cds-button__primary:active{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__primary:focus:after{border-color:var(--cds-color-background-page-primary)}.cds-button__primary.cds-state-loading{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-above)}.cds-button__primary.cds-state-disabled{border-color:var(--cds-color-disabled-01);background-color:var(--cds-color-disabled-01)}.cds-button__primary.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__primary.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__secondary{border-color:var(--cds-color-interactive-01-default);background-color:transparent}.cds-button__secondary .cds-button__text{color:var(--cds-color-interactive-02-above)}.cds-button__secondary svg{fill:var(--cds-color-interactive-02-above)}.cds-button__secondary:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__secondary:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__secondary:focus:before{border-color:var(--cds-color-interactive-02-focus)}.cds-button__secondary:focus:after{border-color:var(--cds-color-background-page-primary)}.cds-button__secondary.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__secondary.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__secondary.cds-state-disabled{border-color:var(--cds-color-disabled-01);background-color:transparent}.cds-button__secondary.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__secondary.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__transparent{border-color:transparent;background-color:transparent}.cds-button__transparent .cds-button__text{color:var(--cds-color-interactive-02-above)}.cds-button__transparent svg{fill:var(--cds-color-interactive-02-above)}.cds-button__transparent:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__transparent:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__transparent:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__transparent:focus:after{border-color:var(--cds-color-background-page-primary)}.cds-button__transparent.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__transparent.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__transparent.cds-state-disabled{border-color:transparent;background-color:transparent}.cds-button__transparent.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__transparent.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__inverse{background-color:transparent}.cds-button__inverse:not(.cds-button__transparent){border-color:var(--cds-color-border-element-primary)}.cds-button__inverse .cds-button__text{color:var(--cds-color-text-inverse)}.cds-button__inverse svg{fill:var(--cds-color-icon-inverse)}.cds-button__inverse:hover{background-color:#464a4d}.cds-button__inverse:active{background-color:#34383d}.cds-button__inverse:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__inverse:focus:after{border-color:transparent}.cds-button__inverse.cds-state-loading{background-color:transparent}.cds-button__inverse.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-above)}.cds-button__inverse.cds-state-disabled{border-color:#383838;background-color:#383838}.cds-button__inverse.cds-state-disabled .cds-button__text{color:#8c8c8c}.cds-button__inverse.cds-state-disabled .cds-loading circle{stroke:#8c8c8c}.cds-button__inverse.cds-state-disabled svg{fill:#8c8c8c}.cds-button__icon{flex-direction:column;border-color:transparent;background-color:transparent;border-radius:0;width:2rem;height:2rem;padding:.5rem}.cds-button__icon .cds-button__text{display:none}.cds-button__icon svg{fill:var(--cds-color-icon-default)}.cds-button__icon:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__icon:hover svg{fill:var(--cds-color-interactive-01-hover)}.cds-button__icon:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__icon:active svg{fill:var(--cds-color-icon-default)}.cds-button__icon:focus:before{border-radius:0;border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon:focus:after{border-radius:0;border:0}.cds-button__icon:focus svg{fill:var(--cds-color-icon-default)}.cds-button__icon.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__icon.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__icon.cds-state-disabled{background-color:transparent;border-color:transparent}.cds-button__icon.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__icon.cds-button__inverse{background-color:transparent}.cds-button__icon.cds-button__inverse svg{fill:var(--cds-color-icon-inverse)}.cds-button__icon.cds-button__inverse:hover svg{fill:var(--cds-color-interactive-02-hover)}.cds-button__icon.cds-button__inverse:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon.cds-button__inverse:active svg{fill:var(--cds-color-interactive-02-active)}.cds-button__icon.cds-button__inverse.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__icon--slot{margin-left:.5rem}.cds-button i+.cds-button__text,.cds-button svg+.cds-button__text{margin-left:.5rem}.cds-button__icon-after{flex-direction:row-reverse}.cds-button__icon-after i+.cds-button__text{margin-left:0;margin-right:.5rem}.cds-button__size--lg{height:3rem;padding:0 1.5rem;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-button__size--lg .cds-ico,.cds-button__size--lg .cds-ico svg,.cds-button__size--lg .cds-loading{width:1.5rem;height:1.5rem}.cds-button__size--xl{height:4rem;padding:0 2rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-l);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-normal)}.cds-button__size--xl .cds-ico,.cds-button__size--xl .cds-ico svg,.cds-button__size--xl .cds-loading{width:2.5rem;height:2.5rem}.cds-button.cds-state-loading{cursor:default}.cds-button.cds-state-loading .cds-button__text{color:transparent;opacity:0;visibility:hidden}.cds-button.cds-state-loading>i{opacity:0;visibility:hidden}.cds-button.cds-state-disabled{cursor:not-allowed}.cds-button__skeleton{padding:0}.cds-button__skeleton .cds-skeleton{border-radius:var(--cds-border-radius-s)}.cds-button i,.cds-button svg,.cds-button .cds-button__text{position:relative}.cds-button__text{display:inline-block;white-space:nowrap}.cds-button:after,.cds-button:before{box-sizing:border-box;border-radius:var(--cds-border-radius-s);position:absolute;content:'';transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-button:before{top:-1px;left:-1px;height:calc(100% + 2px);width:calc(100% + 2px);border:var(--cds-border-element-02) transparent}.cds-button:after{top:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px);border:var(--cds-border-element-01) transparent}.cds-button:hover:not(.cds-state-disabled) .cds-button__tooltip,.cds-button:focus:not(.cds-state-disabled) .cds-button__tooltip{opacity:1;visibility:visible}
11
11
 
12
12
  .cds-ico,.cds-ico svg{width:1rem;height:1rem}
13
13
 
@@ -15,7 +15,11 @@
15
15
 
16
16
  .cds-text-input__field .cds-skeleton{border-radius:var(--cds-border-radius-s)}
17
17
 
18
- .cds-uploader__container{margin-top:1rem;padding:0}.cds-uploader__container :last-child{margin-bottom:0}.cds-uploader__wrapper{margin-bottom:.5rem}.cds-uploader__file{height:2rem;border-radius:var(--cds-border-radius-s);border:var(--cds-border-element-01) var(--cds-color-border-element-primary);position:relative;background-color:var(--cds-color-background-field-primary);margin-bottom:.5rem}.cds-uploader__file:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-uploader__file i{position:absolute;top:.5rem;right:.5rem;cursor:pointer;z-index:3}.cds-uploader__file i ~ i{margin-right:1.25rem}.cds-uploader__name{color:var(--cds-color-text-primary);padding:.375rem 3rem .5rem 1rem;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:2;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-uploader__progress{z-index:1;display:block;height:100%;background-color:var(--cds-color-neutral-15);position:absolute;overflow:hidden;border-radius:var(--cds-border-radius-s);border:var(--cds-border-element-01) transparent;top:0;left:0;opacity:0.4}.cds-uploader__loading{top:.5rem;right:.5rem}.cds-uploader__upload label,.cds-uploader__upload input{display:none}.cds-uploader__error{border:var(--cds-border-element-01) var(--cds-color-feedback-error-100)}.cds-uploader__error--name{color:var(--cds-color-disabled-02)}.cds-uploader__error--text{margin-top:.25rem;color:var(--cds-color-feedback-error-100);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%}.cds-uploader__error--icon{fill:var(--cds-color-feedback-error-100)}.cds-uploader__error--slot{margin-top:1rem}.cds-uploader__success--icon{fill:var(--cds-color-feedback-success-100)}.cds-uploader.cds-state-disabled *{color:var(--cds-color-disabled-02)}.cds-uploader.cds-state-disabled label{cursor:default}.cds-uploader.cds-state-disabled .cds-uploader__file-item{cursor:not-allowed;background-color:var(--cds-color-disabled-01)}.cds-uploader.cds-state-disabled .cds-uploader__file-item:hover{background-color:var(--cds-color-disabled-01)}
18
+
19
+
20
+ .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)}}
21
+
22
+ .cds-uploader__container{margin-top:1rem;padding:0}.cds-uploader__container :last-child{margin-bottom:0}.cds-uploader__wrapper{display:flex;align-items:center}.cds-uploader__wrapper span{color:var(--cds-color-text-primary)}.cds-uploader__error--slot{margin-top:1rem}.cds-uploader__filename{margin-right:.125rem}.cds-uploader__upload label,.cds-uploader__upload input{display:none}.cds-uploader__status{margin-right:.5rem}.cds-uploader__icon--check svg{fill:var(--cds-color-feedback-success-100)}.cds-uploader__icon--alert svg{fill:var(--cds-color-feedback-error-100)}.cds-uploader__icon--loader svg{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;fill:var(--cds-color-interactive-01-default)}.cds-uploader.cds-state-disabled label{cursor:default}@-webkit-keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.cds-uploader-old__wrapper{margin-bottom:.5rem}.cds-uploader-old__file{height:2rem;border-radius:var(--cds-border-radius-s);border:var(--cds-border-element-01) var(--cds-color-border-element-primary);position:relative;background-color:var(--cds-color-background-field-primary);margin-bottom:.5rem}.cds-uploader-old__file:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-uploader-old__file i{position:absolute;top:.5rem;right:.5rem;cursor:pointer;z-index:3}.cds-uploader-old__file i ~ i{margin-right:1.25rem}.cds-uploader-old__name{color:var(--cds-color-text-primary);padding:.375rem 3rem .5rem 1rem;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:2;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-uploader-old__progress{z-index:1;display:block;height:100%;background-color:var(--cds-color-neutral-15);position:absolute;overflow:hidden;border-radius:var(--cds-border-radius-s);border:var(--cds-border-element-01) transparent;top:0;left:0;opacity:0.4}.cds-uploader-old__loading{top:.5rem;right:.5rem}.cds-uploader-old__upload label,.cds-uploader-old__upload input{display:none}.cds-uploader-old__error{border:var(--cds-border-element-01) var(--cds-color-feedback-error-100)}.cds-uploader-old__error--name{color:var(--cds-color-disabled-02)}.cds-uploader-old__error--text{margin-top:.25rem;color:var(--cds-color-feedback-error-100);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%}.cds-uploader-old__error--icon{fill:var(--cds-color-feedback-error-100)}.cds-uploader-old__error--slot{margin-top:1rem}.cds-uploader-old__success--icon{fill:var(--cds-color-feedback-success-100)}.cds-uploader-old.cds-state-disabled *{color:var(--cds-color-disabled-02)}.cds-uploader-old.cds-state-disabled label{cursor:default}.cds-uploader-old.cds-state-disabled .cds-uploader-old__file-item{cursor:not-allowed;background-color:var(--cds-color-disabled-01)}.cds-uploader-old.cds-state-disabled .cds-uploader-old__file-item:hover{background-color:var(--cds-color-disabled-01)}
19
23
 
20
24
  .cds-uploader__skeleton{margin-bottom:1rem}.cds-uploader__skeleton .cds-skeleton{border-radius:var(--cds-border-radius-s)}
21
25
 
package/dist/cds.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * CDS v2.14.0 (https://cds.b2b-center.ru/)
2
+ * CDS v2.15.1 (https://cds.b2b-center.ru/)
3
3
  *
4
4
  * @package @central-design-system/components
5
5
  * @author Design System Team <cds@b2b-center.ru>
@@ -7,7 +7,7 @@
7
7
  */
8
8
  .cds-loading{position:absolute;width:5rem;height:5rem;opacity:1}.cds-loading__overlay{position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--cds-color-overlay-02);display:flex;justify-content:center;align-items:center;opacity:1}.cds-loading__overlay__fixed{position:fixed}.cds-loading__fixed{position:relative}.cds-loading svg{display:block;-webkit-animation:loader-turn 2s linear infinite;animation:loader-turn 2s linear infinite;width:100%}.cds-loading circle{-webkit-animation:loader-stroke 2s linear infinite;animation:loader-stroke 2s linear infinite;fill:none;stroke-dasharray:60;stroke-dashoffset:60;stroke-width:2;stroke:var(--cds-color-interactive-01-default)}.cds-loading__small{width:1rem;height:1rem}.cds-loading__small svg{width:100%}.cds-loading__small circle{stroke-width:3}@-webkit-keyframes loader-turn{50%{transform:rotate(180deg)}100%{transform:rotate(720deg)}}@keyframes loader-turn{50%{transform:rotate(180deg)}100%{transform:rotate(720deg)}}@-webkit-keyframes loader-stroke{50%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}@keyframes loader-stroke{50%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}.fade-enter-active,.fade-leave-active{transition:200ms cubic-bezier(0.37, 0, 0.63, 1)}.fade-enter,.fade-leave-to{opacity:0}
9
9
 
10
- .cds-button{cursor:pointer;display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0;position:relative;outline:var(--cds-border-element-01) transparent;text-align:left;border:var(--cds-border-element-01);border-radius:var(--cds-border-radius-s);height:2rem;margin:0;padding:0 1rem;text-decoration:none;color:var(--cds-color-interactive-01-above);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-button__primary{border-color:var(--cds-color-interactive-01-default);background-color:var(--cds-color-interactive-01-default)}.cds-button__primary .cds-button__text{color:var(--cds-color-interactive-01-above)}.cds-button__primary svg{fill:var(--cds-color-interactive-01-above)}.cds-button__primary:hover{background-color:var(--cds-color-interactive-01-hover)}.cds-button__primary:active{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__primary:focus:after{border-color:var(--cds-color-background-page-primary)}.cds-button__primary.cds-state-loading{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-above)}.cds-button__primary.cds-state-disabled{border-color:var(--cds-color-disabled-01);background-color:var(--cds-color-disabled-01)}.cds-button__primary.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__primary.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__secondary{border-color:var(--cds-color-interactive-01-default);background-color:transparent}.cds-button__secondary .cds-button__text{color:var(--cds-color-interactive-02-above)}.cds-button__secondary svg{fill:var(--cds-color-interactive-02-above)}.cds-button__secondary:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__secondary:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__secondary:focus:before{border-color:var(--cds-color-interactive-02-focus)}.cds-button__secondary:focus:after{border-color:var(--cds-color-background-page-primary)}.cds-button__secondary.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__secondary.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__secondary.cds-state-disabled{border-color:var(--cds-color-disabled-01);background-color:transparent}.cds-button__secondary.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__secondary.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__transparent{border-color:transparent;background-color:transparent}.cds-button__transparent .cds-button__text{color:var(--cds-color-interactive-02-above)}.cds-button__transparent svg{fill:var(--cds-color-interactive-02-above)}.cds-button__transparent:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__transparent:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__transparent:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__transparent:focus:after{border-color:var(--cds-color-background-page-primary)}.cds-button__transparent.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__transparent.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__transparent.cds-state-disabled{border-color:transparent;background-color:transparent}.cds-button__transparent.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__transparent.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__inverse{background-color:transparent}.cds-button__inverse:not(.cds-button__transparent){border-color:var(--cds-color-border-element-primary)}.cds-button__inverse .cds-button__text{color:var(--cds-color-text-inverse)}.cds-button__inverse svg{fill:var(--cds-color-icon-inverse)}.cds-button__inverse:hover{background-color:#464a4d}.cds-button__inverse:active{background-color:#34383d}.cds-button__inverse:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__inverse:focus:after{border-color:transparent}.cds-button__inverse.cds-state-loading{background-color:transparent}.cds-button__inverse.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-above)}.cds-button__inverse.cds-state-disabled{border-color:#383838;background-color:#383838}.cds-button__inverse.cds-state-disabled .cds-button__text{color:#8c8c8c}.cds-button__inverse.cds-state-disabled .cds-loading circle{stroke:#8c8c8c}.cds-button__inverse.cds-state-disabled svg{fill:#8c8c8c}.cds-button__icon{flex-direction:column;border-color:transparent;background-color:transparent;border-radius:0;width:2rem;height:2rem;padding:.5rem}.cds-button__icon .cds-button__text{display:none}.cds-button__icon svg{fill:var(--cds-color-icon-default)}.cds-button__icon:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__icon:hover svg{fill:var(--cds-color-interactive-01-hover)}.cds-button__icon:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__icon:active svg{fill:var(--cds-color-icon-default)}.cds-button__icon:focus:before{border-radius:0;border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon:focus:after{border-radius:0;border:0}.cds-button__icon:focus svg{fill:var(--cds-color-icon-default)}.cds-button__icon.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__icon.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__icon.cds-state-disabled{background-color:transparent;border-color:transparent}.cds-button__icon.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__icon.cds-button__inverse{background-color:transparent}.cds-button__icon.cds-button__inverse svg{fill:var(--cds-color-icon-inverse)}.cds-button__icon.cds-button__inverse:hover svg{fill:var(--cds-color-interactive-02-hover)}.cds-button__icon.cds-button__inverse:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon.cds-button__inverse:active svg{fill:var(--cds-color-interactive-02-active)}.cds-button__icon.cds-button__inverse.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__icon--slot{margin-left:.5rem}.cds-button__icon-after{flex-direction:row-reverse}.cds-button__icon-after .cds-button__text{margin-left:0;margin-right:.5rem}.cds-button__size--lg{height:3rem;padding:0 1.5rem;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-button__size--lg .cds-ico,.cds-button__size--lg .cds-ico svg,.cds-button__size--lg .cds-loading{width:1.5rem;height:1.5rem}.cds-button__size--xl{height:4rem;padding:0 2rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-l);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-normal)}.cds-button__size--xl .cds-ico,.cds-button__size--xl .cds-ico svg,.cds-button__size--xl .cds-loading{width:2.5rem;height:2.5rem}.cds-button.cds-state-loading{cursor:default}.cds-button.cds-state-loading .cds-button__text{color:transparent;opacity:0;visibility:hidden}.cds-button.cds-state-loading>i{opacity:0;visibility:hidden}.cds-button.cds-state-disabled{cursor:not-allowed}.cds-button__skeleton{padding:0}.cds-button__skeleton .cds-skeleton{border-radius:var(--cds-border-radius-s)}.cds-button i+.cds-button__text,.cds-button svg+.cds-button__text{margin-left:.5rem}.cds-button i,.cds-button svg,.cds-button .cds-button__text{position:relative}.cds-button__text{display:inline-block;white-space:nowrap}.cds-button:after,.cds-button:before{box-sizing:border-box;border-radius:var(--cds-border-radius-s);position:absolute;content:'';transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-button:before{top:-1px;left:-1px;height:calc(100% + 2px);width:calc(100% + 2px);border:var(--cds-border-element-02) transparent}.cds-button:after{top:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px);border:var(--cds-border-element-01) transparent}.cds-button:hover:not(.cds-state-disabled) .cds-button__tooltip,.cds-button:focus:not(.cds-state-disabled) .cds-button__tooltip{opacity:1;visibility:visible}
10
+ .cds-button{cursor:pointer;display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0;position:relative;outline:var(--cds-border-element-01) transparent;text-align:left;border:var(--cds-border-element-01);border-radius:var(--cds-border-radius-s);height:2rem;margin:0;padding:0 1rem;text-decoration:none;color:var(--cds-color-interactive-01-above);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-button__primary{border-color:var(--cds-color-interactive-01-default);background-color:var(--cds-color-interactive-01-default)}.cds-button__primary .cds-button__text{color:var(--cds-color-interactive-01-above)}.cds-button__primary svg{fill:var(--cds-color-interactive-01-above)}.cds-button__primary:hover{background-color:var(--cds-color-interactive-01-hover)}.cds-button__primary:active{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__primary:focus:after{border-color:var(--cds-color-background-page-primary)}.cds-button__primary.cds-state-loading{background-color:var(--cds-color-interactive-01-active)}.cds-button__primary.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-above)}.cds-button__primary.cds-state-disabled{border-color:var(--cds-color-disabled-01);background-color:var(--cds-color-disabled-01)}.cds-button__primary.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__primary.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__secondary{border-color:var(--cds-color-interactive-01-default);background-color:transparent}.cds-button__secondary .cds-button__text{color:var(--cds-color-interactive-02-above)}.cds-button__secondary svg{fill:var(--cds-color-interactive-02-above)}.cds-button__secondary:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__secondary:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__secondary:focus:before{border-color:var(--cds-color-interactive-02-focus)}.cds-button__secondary:focus:after{border-color:var(--cds-color-background-page-primary)}.cds-button__secondary.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__secondary.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__secondary.cds-state-disabled{border-color:var(--cds-color-disabled-01);background-color:transparent}.cds-button__secondary.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__secondary.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__transparent{border-color:transparent;background-color:transparent}.cds-button__transparent .cds-button__text{color:var(--cds-color-interactive-02-above)}.cds-button__transparent svg{fill:var(--cds-color-interactive-02-above)}.cds-button__transparent:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__transparent:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__transparent:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__transparent:focus:after{border-color:var(--cds-color-background-page-primary)}.cds-button__transparent.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__transparent.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__transparent.cds-state-disabled{border-color:transparent;background-color:transparent}.cds-button__transparent.cds-state-disabled .cds-button__text{color:var(--cds-color-disabled-02)}.cds-button__transparent.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__inverse{background-color:transparent}.cds-button__inverse:not(.cds-button__transparent){border-color:var(--cds-color-border-element-primary)}.cds-button__inverse .cds-button__text{color:var(--cds-color-text-inverse)}.cds-button__inverse svg{fill:var(--cds-color-icon-inverse)}.cds-button__inverse:hover{background-color:#464a4d}.cds-button__inverse:active{background-color:#34383d}.cds-button__inverse:focus:before{border-color:var(--cds-color-interactive-01-focus)}.cds-button__inverse:focus:after{border-color:transparent}.cds-button__inverse.cds-state-loading{background-color:transparent}.cds-button__inverse.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-above)}.cds-button__inverse.cds-state-disabled{border-color:#383838;background-color:#383838}.cds-button__inverse.cds-state-disabled .cds-button__text{color:#8c8c8c}.cds-button__inverse.cds-state-disabled .cds-loading circle{stroke:#8c8c8c}.cds-button__inverse.cds-state-disabled svg{fill:#8c8c8c}.cds-button__icon{flex-direction:column;border-color:transparent;background-color:transparent;border-radius:0;width:2rem;height:2rem;padding:.5rem}.cds-button__icon .cds-button__text{display:none}.cds-button__icon svg{fill:var(--cds-color-icon-default)}.cds-button__icon:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-button__icon:hover svg{fill:var(--cds-color-interactive-01-hover)}.cds-button__icon:active{background-color:var(--cds-color-interactive-02-active)}.cds-button__icon:active svg{fill:var(--cds-color-icon-default)}.cds-button__icon:focus:before{border-radius:0;border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon:focus:after{border-radius:0;border:0}.cds-button__icon:focus svg{fill:var(--cds-color-icon-default)}.cds-button__icon.cds-state-loading{background-color:var(--cds-color-interactive-02-active)}.cds-button__icon.cds-state-loading .cds-loading circle{stroke:var(--cds-color-interactive-01-default)}.cds-button__icon.cds-state-disabled{background-color:transparent;border-color:transparent}.cds-button__icon.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__icon.cds-button__inverse{background-color:transparent}.cds-button__icon.cds-button__inverse svg{fill:var(--cds-color-icon-inverse)}.cds-button__icon.cds-button__inverse:hover svg{fill:var(--cds-color-interactive-02-hover)}.cds-button__icon.cds-button__inverse:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-button__icon.cds-button__inverse:active svg{fill:var(--cds-color-interactive-02-active)}.cds-button__icon.cds-button__inverse.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-button__icon--slot{margin-left:.5rem}.cds-button i+.cds-button__text,.cds-button svg+.cds-button__text{margin-left:.5rem}.cds-button__icon-after{flex-direction:row-reverse}.cds-button__icon-after i+.cds-button__text{margin-left:0;margin-right:.5rem}.cds-button__size--lg{height:3rem;padding:0 1.5rem;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-button__size--lg .cds-ico,.cds-button__size--lg .cds-ico svg,.cds-button__size--lg .cds-loading{width:1.5rem;height:1.5rem}.cds-button__size--xl{height:4rem;padding:0 2rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-l);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-normal)}.cds-button__size--xl .cds-ico,.cds-button__size--xl .cds-ico svg,.cds-button__size--xl .cds-loading{width:2.5rem;height:2.5rem}.cds-button.cds-state-loading{cursor:default}.cds-button.cds-state-loading .cds-button__text{color:transparent;opacity:0;visibility:hidden}.cds-button.cds-state-loading>i{opacity:0;visibility:hidden}.cds-button.cds-state-disabled{cursor:not-allowed}.cds-button__skeleton{padding:0}.cds-button__skeleton .cds-skeleton{border-radius:var(--cds-border-radius-s)}.cds-button i,.cds-button svg,.cds-button .cds-button__text{position:relative}.cds-button__text{display:inline-block;white-space:nowrap}.cds-button:after,.cds-button:before{box-sizing:border-box;border-radius:var(--cds-border-radius-s);position:absolute;content:'';transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-button:before{top:-1px;left:-1px;height:calc(100% + 2px);width:calc(100% + 2px);border:var(--cds-border-element-02) transparent}.cds-button:after{top:1px;left:1px;width:calc(100% - 2px);height:calc(100% - 2px);border:var(--cds-border-element-01) transparent}.cds-button:hover:not(.cds-state-disabled) .cds-button__tooltip,.cds-button:focus:not(.cds-state-disabled) .cds-button__tooltip{opacity:1;visibility:visible}
11
11
 
12
12
  .cds-ico,.cds-ico svg{width:1rem;height:1rem}
13
13
 
@@ -65,13 +65,13 @@
65
65
 
66
66
  .cds-modal{display:inline-block;vertical-align:middle;text-align:left;white-space:normal;margin:auto;margin-bottom:2rem;transform:none;padding:1rem;border-radius:var(--cds-border-radius-m);background-color:var(--cds-color-background-container-primary);box-shadow:var(--cds-box-shadow-modal);z-index:600;position:relative;opacity:0}.cds-modal p{padding-right:25%;box-sizing:content-box}.cds-modal--sm{width:35%}.cds-modal--md{width:49%}.cds-modal--lg{width:71%}.cds-modal__overlay{position:fixed;padding-top:2rem;top:0;left:0;right:0;bottom:0;background-color:transparent;text-align:center;white-space:nowrap;opacity:0;visibility:hidden;overflow-x:hidden;overflow-y:auto}.cds-modal__overlay:before{content:'';position:absolute;top:0;bottom:0;right:0;left:0}.cds-modal__overlay:after{content:'';display:inline-block;height:100%;vertical-align:middle;width:0}.cds-modal__overlay.opening{opacity:1;visibility:visible;z-index:800;background-color:var(--cds-color-overlay-01);-webkit-animation:cds-modal-showing 200ms 1;animation:cds-modal-showing 200ms 1;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-timing-function:cubic-bezier(0.11, 0, 0.5, 0);animation-timing-function:cubic-bezier(0.11, 0, 0.5, 0)}.cds-modal__overlay.opening .cds-modal{opacity:1;-webkit-animation:cds-modal-opening 200ms 1;animation:cds-modal-opening 200ms 1;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-timing-function:cubic-bezier(0.11, 0, 0.5, 0);animation-timing-function:cubic-bezier(0.11, 0, 0.5, 0)}.cds-modal__overlay.closing{opacity:0;visibility:hidden;background-color:transparent;-webkit-animation:cds-modal-hiding 100ms 1;animation:cds-modal-hiding 100ms 1;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-timing-function:cubic-bezier(0.5, 1, 0.89, 1);animation-timing-function:cubic-bezier(0.5, 1, 0.89, 1)}.cds-modal__overlay.closing .cds-modal{opacity:0;-webkit-animation:cds-modal-closing 100ms 1;animation:cds-modal-closing 100ms 1;-webkit-animation-direction:alternate;animation-direction:alternate;-webkit-animation-timing-function:cubic-bezier(0.5, 1, 0.89, 1);animation-timing-function:cubic-bezier(0.5, 1, 0.89, 1)}.cds-modal .cds-modal__dismiss{position:absolute;top:0;right:0}.cds-modal .cds-modal__dismiss.cds-button{height:3rem;width:3rem;border-radius:0 var(--cds-border-radius-s) 0 0}.cds-modal .cds-modal__dismiss.cds-button:before,.cds-modal .cds-modal__dismiss.cds-button:after{border-radius:0 var(--cds-border-radius-s) 0 0 !important}.cds-modal__loader{z-index:1}.cds-modal__header{padding-right:25%;margin-bottom:1rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-heading-4);line-height:var(--cds-font-height-heading);font-weight:var(--cds-font-weight-bold)}.cds-modal__content{padding-right:25%;max-width:100%}.cds-modal__body{margin-bottom:1rem;flex:1 1 auto}.cds-modal__footer{text-align:right;margin-top:1rem}.cds-modal__footer button+button{margin-left:1rem}@-webkit-keyframes cds-modal-opening{0%{transform:translate(0, -100px);opacity:0}100%{transform:translate(0, 0);opacity:1}}@keyframes cds-modal-opening{0%{transform:translate(0, -100px);opacity:0}100%{transform:translate(0, 0);opacity:1}}@-webkit-keyframes cds-modal-closing{0%{transform:translate(0, 0);opacity:1}100%{transform:translate(0, -100px);opacity:0}}@keyframes cds-modal-closing{0%{transform:translate(0, 0);opacity:1}100%{transform:translate(0, -100px);opacity:0}}@-webkit-keyframes cds-modal-showing{0%{opacity:0;visibility:hidden;background-color:transparent}100%{opacity:1;visibility:visible;z-index:600;background-color:var(--cds-color-overlay-01)}}@keyframes cds-modal-showing{0%{opacity:0;visibility:hidden;background-color:transparent}100%{opacity:1;visibility:visible;z-index:600;background-color:var(--cds-color-overlay-01)}}@-webkit-keyframes cds-modal-hiding{0%{opacity:1;visibility:visible;z-index:600;background-color:var(--cds-color-overlay-01)}100%{opacity:0;visibility:hidden;background-color:transparent}}@keyframes cds-modal-hiding{0%{opacity:1;visibility:visible;z-index:600;background-color:var(--cds-color-overlay-01)}100%{opacity:0;visibility:hidden;background-color:transparent}}@media (min-width: 99rem){.cds-modal--sm{width:35%}.cds-modal--md{width:49%}.cds-modal--lg{width:71%}}@media (min-width: 82rem) and (max-width: 99rem){.cds-modal--sm{width:34%}.cds-modal--md{width:46%}.cds-modal--lg{width:71%}}@media (min-width: 66rem) and (max-width: 82rem){.cds-modal--sm{width:33%}.cds-modal--md{width:45%}.cds-modal--lg{width:70%}}@media (min-width: 42rem) and (max-width: 66rem){.cds-modal--sm{width:67%}.cds-modal--md{width:67%}.cds-modal--lg{width:91%}}@media (max-width: 42rem){.cds-modal{height:100%;width:100%;max-height:100%;border-radius:0;overflow-y:auto}.cds-modal__overlay{padding:0;overflow:hidden}.cds-modal__overlay.opening,.cds-modal__overlay.closing{-webkit-animation:none;animation:none}.cds-modal__overlay.opening .cds-modal,.cds-modal__overlay.closing .cds-modal{-webkit-animation:none;animation:none}.cds-modal__body{overflow-x:auto}.cds-modal__body--has-footer{height:calc(100% - 6rem)}.cds-modal__content{padding-right:0}}@media (min-width: 20rem) and (max-width: 42rem){.cds-modal--sm,.cds-modal--md,.cds-modal--lg{width:100%}}
67
67
 
68
- .cds-multiselect{outline:none}.cds-multiselect.cds-state-active .cds-multiselect__field input,.cds-multiselect.cds-state-active .cds-multiselect__field .cds-multiselect__control{box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-focus);border-color:var(--cds-color-interactive-01-focus);border-radius:var(--cds-border-radius-s) var(--cds-border-radius-s) 0 0}.cds-multiselect.cds-state-active .cds-multiselect__arrow{transform:rotate(180deg)}.cds-multiselect.cds-state-active .cds-multiselect__options{opacity:1;visibility:visible;max-height:10rem}.cds-multiselect.cds-state-checked .cds-multiselect__control::-moz-placeholder{color:var(--cds-color-text-label)}.cds-multiselect.cds-state-checked .cds-multiselect__control:-ms-input-placeholder{color:var(--cds-color-text-label)}.cds-multiselect.cds-state-checked .cds-multiselect__placeholder,.cds-multiselect.cds-state-checked .cds-multiselect__control::placeholder{color:var(--cds-color-text-label)}.cds-multiselect.cds-state-disabled .cds-multiselect__arrow,.cds-multiselect.cds-state-disabled .cds-multiselect__clear{cursor:not-allowed}.cds-multiselect.cds-state-disabled .cds-multiselect__arrow svg,.cds-multiselect.cds-state-disabled .cds-multiselect__clear svg{fill:var(--cds-color-disabled-02)}.cds-multiselect.cds-state-disabled .cds-multiselect__control{cursor:not-allowed;border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cds-multiselect.cds-state-disabled .cds-multiselect__control:focus,.cds-multiselect.cds-state-disabled .cds-multiselect__control:hover{box-shadow:none;border-color:var(--cds-color-disabled-02)}.cds-multiselect.cds-state-disabled .cds-multiselect__placeholder{color:var(--cds-color-disabled-02)}.cds-multiselect.cds-state-disabled .cds-multiselect__options{background-color:var(--cds-color-background-container-primary)}.cds-multiselect.cds-state-disabled .cds-multiselect__option{cursor:not-allowed;color:var(--cds-color-disabled-02)}.cds-multiselect.cds-state-disabled .cds-multiselect__option.cds-highlighted,.cds-multiselect.cds-state-disabled .cds-multiselect__option:hover{background-color:var(--cds-color-background-container-primary)}.cds-multiselect__container{position:relative}.cds-multiselect__container.cds-state-disabled .cds-input__label,.cds-multiselect__container.cds-state-disabled .cds-input__description{color:var(--cds-color-disabled-02);cursor:default}.cds-multiselect__field{position:relative;display:block}.cds-multiselect__field .cds-multiselect__control{cursor:pointer;display:flex;align-items:center;outline:none;width:100%;background-color:var(--cds-color-background-field-primary);border:var(--cds-border-element-01) var(--cds-color-border-element-primary);height:2rem;border-radius:var(--cds-border-radius-s);padding-right:3rem;transition:50ms cubic-bezier(0.37, 0, 0.63, 1);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-multiselect__field .cds-multiselect__control::-webkit-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-multiselect__field .cds-multiselect__control:-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-multiselect__field .cds-multiselect__control::-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-multiselect__field .cds-multiselect__control:-ms-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-multiselect__field .cds-multiselect__control:hover{border-color:var(--cds-color-interactive-01-hover)}.cds-multiselect__field .cds-multiselect__control:focus{box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-focus);border-color:var(--cds-color-interactive-01-focus)}.cds-multiselect__field .cds-multiselect__control:disabled{cursor:not-allowed;border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-multiselect__field .cds-multiselect__control:disabled::-webkit-input-placeholder{color:var(--cds-color-disabled-02)}.cds-multiselect__field .cds-multiselect__control:disabled:-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-multiselect__field .cds-multiselect__control:disabled::-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-multiselect__field .cds-multiselect__control:disabled:-ms-input-placeholder{color:var(--cds-color-disabled-02)}.cds-multiselect__field input.cds-multiselect__control{display:block;cursor:text}.cds-multiselect__field--prefix{display:flex;align-items:center;position:absolute;left:1rem;top:0;bottom:0}.cds-multiselect__field--suffix{display:flex;align-items:center;position:absolute;right:1rem;top:0;bottom:0}.cds-multiselect__field--suffix i+button,.cds-multiselect__field--suffix i+i{margin-left:.5rem}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.cds-multiselect__field--suffix{min-height:2.5rem}}.cds-multiselect__field.cds-wprefix input{padding-left:3rem}.cds-multiselect__field.cds-wsuffix input{padding-right:4rem}.cds-multiselect__field.cds-state-invalid input,.cds-multiselect__field.cds-state-invalid .cds-multiselect__control{border-color:var(--cds-color-feedback-error-100)}.cds-multiselect__field.cds-state-invalid input:hover,.cds-multiselect__field.cds-state-invalid input:focus,.cds-multiselect__field.cds-state-invalid .cds-multiselect__control:hover,.cds-multiselect__field.cds-state-invalid .cds-multiselect__control:focus{box-shadow:inset 0 0 0 1px var(--cds-color-feedback-error-100);border-color:var(--cds-color-feedback-error-100)}.cds-multiselect__placeholder{color:var(--cds-color-border-element-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem}.cds-multiselect__options{position:absolute;width:100%;opacity:0;visibility:hidden;overflow-x:hidden;overflow-y:auto;max-height:0;background-color:var(--cds-color-background-container-primary);box-shadow:var(--cds-box-shadow-menu);border-radius:0 0 var(--cds-border-radius-s) var(--cds-border-radius-s);z-index:200;transition:max-height 100ms cubic-bezier(0.12, 0, 0.39, 0)}.cds-multiselect__option{cursor:pointer;background-color:var(--cds-color-background-container-primary);width:100%;height:2rem;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 1rem;display:flex;align-items:center}.cds-multiselect__option.cds-highlighted,.cds-multiselect__option:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-multiselect__checkbox{pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-multiselect__tag{display:flex;align-items:center;cursor:pointer;padding:0;outline:0;border:var(--cds-border-element-02) transparent;border-radius:var(--cds-border-radius-s);background-color:var(--cds-color-interactive-02-default);height:1rem;padding-left:.125rem;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-multiselect__tag:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-multiselect__text{font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light);line-height:0}.cds-multiselect__icon{cursor:pointer;padding:0;border:none;outline:none;font-size:0;background:transparent;margin-left:.25rem}.cds-multiselect__alert{cursor:default;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-multiselect__alert svg{fill:var(--cds-color-feedback-error-100)}.cds-multiselect__arrow{transition:transform 100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-multiselect__clear{right:calc(-1rem + 1px);opacity:0;visibility:hidden;z-index:1;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-multiselect__clear:hover svg{fill:var(--cds-color-interactive-01-hover)}.cds-multiselect__clear:focus svg{outline:var(--cds-border-element-02) var(--cds-color-interactive-01-focus)}.cds-multiselect__clear.cds-state-active{opacity:1;visibility:visible}
68
+ .cds-multiselect{outline:none}.cds-multiselect.cds-state-active .cds-multiselect__field input,.cds-multiselect.cds-state-active .cds-multiselect__field .cds-multiselect__control{box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-focus);border-color:var(--cds-color-interactive-01-focus);border-radius:var(--cds-border-radius-s) var(--cds-border-radius-s) 0 0}.cds-multiselect.cds-state-active .cds-multiselect__arrow{transform:rotate(180deg)}.cds-multiselect.cds-state-active .cds-multiselect__options{opacity:1;visibility:visible;max-height:10rem}.cds-multiselect.cds-state-checked .cds-multiselect__placeholder,.cds-multiselect.cds-state-checked .cds-multiselect__control::-moz-placeholder{color:var(--cds-color-text-label)}.cds-multiselect.cds-state-checked .cds-multiselect__placeholder,.cds-multiselect.cds-state-checked .cds-multiselect__control:-ms-input-placeholder{color:var(--cds-color-text-label)}.cds-multiselect.cds-state-checked .cds-multiselect__placeholder,.cds-multiselect.cds-state-checked .cds-multiselect__control::placeholder{color:var(--cds-color-text-label)}.cds-multiselect.cds-state-disabled .cds-multiselect__arrow,.cds-multiselect.cds-state-disabled .cds-multiselect__clear{cursor:not-allowed}.cds-multiselect.cds-state-disabled .cds-multiselect__arrow svg,.cds-multiselect.cds-state-disabled .cds-multiselect__clear svg{fill:var(--cds-color-disabled-02)}.cds-multiselect.cds-state-disabled .cds-multiselect__control{cursor:not-allowed;border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cds-multiselect.cds-state-disabled .cds-multiselect__control:focus,.cds-multiselect.cds-state-disabled .cds-multiselect__control:hover{box-shadow:none;border-color:var(--cds-color-disabled-02)}.cds-multiselect.cds-state-disabled .cds-multiselect__placeholder{color:var(--cds-color-disabled-02)}.cds-multiselect.cds-state-disabled .cds-multiselect__options{background-color:var(--cds-color-background-container-primary)}.cds-multiselect.cds-state-disabled .cds-multiselect__option{cursor:not-allowed;color:var(--cds-color-disabled-02)}.cds-multiselect.cds-state-disabled .cds-multiselect__option.cds-highlighted,.cds-multiselect.cds-state-disabled .cds-multiselect__option:hover{background-color:var(--cds-color-background-container-primary)}.cds-multiselect__container{position:relative}.cds-multiselect__container.cds-state-disabled .cds-input__label,.cds-multiselect__container.cds-state-disabled .cds-input__description{color:var(--cds-color-disabled-02);cursor:default}.cds-multiselect__field{position:relative;display:block}.cds-multiselect__field .cds-multiselect__control{cursor:pointer;display:flex;align-items:center;outline:none;width:100%;background-color:var(--cds-color-background-field-primary);border:var(--cds-border-element-01) var(--cds-color-border-element-primary);height:2rem;border-radius:var(--cds-border-radius-s);padding-right:3rem;transition:50ms cubic-bezier(0.37, 0, 0.63, 1);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-multiselect__field .cds-multiselect__control::-webkit-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-multiselect__field .cds-multiselect__control:-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-multiselect__field .cds-multiselect__control::-moz-placeholder{color:var(--cds-color-text-placeholder)}.cds-multiselect__field .cds-multiselect__control:-ms-input-placeholder{color:var(--cds-color-text-placeholder)}.cds-multiselect__field .cds-multiselect__control:hover{border-color:var(--cds-color-interactive-01-hover)}.cds-multiselect__field .cds-multiselect__control:focus{box-shadow:inset 0 0 0 1px var(--cds-color-interactive-01-focus);border-color:var(--cds-color-interactive-01-focus)}.cds-multiselect__field .cds-multiselect__control:disabled{cursor:not-allowed;border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-multiselect__field .cds-multiselect__control:disabled::-webkit-input-placeholder{color:var(--cds-color-disabled-02)}.cds-multiselect__field .cds-multiselect__control:disabled:-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-multiselect__field .cds-multiselect__control:disabled::-moz-placeholder{color:var(--cds-color-disabled-02)}.cds-multiselect__field .cds-multiselect__control:disabled:-ms-input-placeholder{color:var(--cds-color-disabled-02)}.cds-multiselect__field input.cds-multiselect__control{display:block;cursor:text}.cds-multiselect__field--prefix{display:flex;align-items:center;position:absolute;left:1rem;top:0;bottom:0}.cds-multiselect__field--suffix{display:flex;align-items:center;position:absolute;right:1rem;top:0;bottom:0}.cds-multiselect__field--suffix i+button,.cds-multiselect__field--suffix i+i{margin-left:.5rem}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.cds-multiselect__field--suffix{min-height:2.5rem}}.cds-multiselect__field.cds-wprefix input{padding-left:3rem}.cds-multiselect__field.cds-wsuffix input{padding-right:4rem}.cds-multiselect__field.cds-state-invalid input,.cds-multiselect__field.cds-state-invalid .cds-multiselect__control{border-color:var(--cds-color-feedback-error-100)}.cds-multiselect__field.cds-state-invalid input:hover,.cds-multiselect__field.cds-state-invalid input:focus,.cds-multiselect__field.cds-state-invalid .cds-multiselect__control:hover,.cds-multiselect__field.cds-state-invalid .cds-multiselect__control:focus{box-shadow:inset 0 0 0 1px var(--cds-color-feedback-error-100);border-color:var(--cds-color-feedback-error-100)}.cds-multiselect__placeholder{color:var(--cds-color-border-element-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem}.cds-multiselect__options{position:absolute;width:100%;opacity:0;visibility:hidden;overflow-x:hidden;overflow-y:auto;max-height:0;background-color:var(--cds-color-background-container-primary);box-shadow:var(--cds-box-shadow-menu);border-radius:0 0 var(--cds-border-radius-s) var(--cds-border-radius-s);z-index:200;transition:max-height 100ms cubic-bezier(0.12, 0, 0.39, 0)}.cds-multiselect__option{cursor:pointer;background-color:var(--cds-color-background-container-primary);width:100%;height:2rem;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 1rem;display:flex;align-items:center}.cds-multiselect__option.cds-highlighted,.cds-multiselect__option:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-multiselect__checkbox{pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds-multiselect__tag{display:flex;align-items:center;cursor:pointer;padding:0;outline:0;border:var(--cds-border-element-02) transparent;border-radius:var(--cds-border-radius-s);background-color:var(--cds-color-interactive-02-default);height:1rem;padding-left:.125rem;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-multiselect__tag:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-multiselect__text{font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-body);font-weight:var(--cds-font-weight-light);line-height:0}.cds-multiselect__icon{cursor:pointer;padding:0;border:none;outline:none;font-size:0;background:transparent;margin-left:.25rem}.cds-multiselect__alert{cursor:default;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-multiselect__alert svg{fill:var(--cds-color-feedback-error-100)}.cds-multiselect__arrow{transition:transform 100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-multiselect__clear{right:calc(-1rem + 1px);opacity:0;visibility:hidden;z-index:1;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-multiselect__clear:hover svg{fill:var(--cds-color-interactive-01-hover)}.cds-multiselect__clear:focus svg{outline:var(--cds-border-element-02) var(--cds-color-interactive-01-focus)}.cds-multiselect__clear.cds-state-active{opacity:1;visibility:visible}
69
69
 
70
70
  .cds-overflow-menu{position:relative}.cds-overflow-menu:after{position:absolute;display:block;background-color:var(--cds-color-background-container-primary);left:0;bottom:0;height:.5rem;width:2rem;z-index:199;transition:background-color 50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-overflow-menu.cds-overflow-menu--flip .cds-overflow-menu__items{left:auto;right:0}.cds-overflow-menu.cds-overflow-menu--up.cds-state-active:after{bottom:auto;top:0}.cds-overflow-menu.cds-overflow-menu--up .cds-overflow-menu__items{top:auto;bottom:2rem}.cds-overflow-menu.cds-state-active .cds-overflow-menu__trigger{background-color:var(--cds-color-background-container-primary);box-shadow:var(--cds-box-shadow-menu)}.cds-overflow-menu.cds-state-active .cds-overflow-menu__trigger:hover{background-color:var(--cds-color-background-container-primary)}.cds-overflow-menu.cds-state-active:after{content:''}.cds-overflow-menu.cds-state-focus:after{background-color:transparent}.cds-overflow-menu__trigger:before{border-width:2px}.cds-overflow-menu__trigger .cds-overflow-menu__icon svg{fill:var(--cds-color-background-inverse)}.cds-overflow-menu__trigger.cds-state-active{background-color:var(--cds-color-interactive-02-active)}.cds-overflow-menu__items{display:flex;position:absolute;flex-direction:column;top:2rem;padding:0;margin:0;left:0;max-width:18rem;min-width:10rem;max-height:calc(2rem * 5 + 1rem);overflow-x:hidden;overflow-y:auto;list-style:none;background:var(--cds-color-background-container-primary);box-shadow:var(--cds-box-shadow-menu);z-index:400}.cds-overflow-menu__option{width:100%}.cds-overflow-menu__option:hover:not(.cds-state-disabled){background-color:var(--cds-color-interactive-02-hover)}.cds-overflow-menu__option:focus:not(.cds-state-disabled){border:var(--cds-border-element-02);border-color:var(--cds-color-interactive-02-focus);padding:0 calc(1rem - 2px)}.cds-overflow-menu__option.cds-state-active{background-color:var(--cds-color-interactive-02-active)}.cds-overflow-menu__option.cds-state-disabled{background-color:var(--cds-color-background-container-primary)}.cds-overflow-menu__option.cds-state-disabled .cds-overflow-menu__text{color:var(--cds-color-disabled-02)}.cds-overflow-menu__link{display:inline-flex;justify-content:flex-start;align-items:center;padding:0 1rem;height:2rem;text-decoration:none;border:none;outline:none;transition:none}.cds-overflow-menu__button{justify-content:flex-start;background-color:transparent;border-color:transparent;border:none;border-radius:0;transition:background-color 50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-overflow-menu__button:before,.cds-overflow-menu__button:after{content:none}.cds-overflow-menu__text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:var(--cds-color-text-primary)}.cds-overflow-menu .fade-enter-active{transition:100ms cubic-bezier(0.12, 0, 0.39, 0)}.cds-overflow-menu .fade-leave-active{transition:100ms cubic-bezier(0.61, 1, 0.88, 1)}.cds-overflow-menu .fade-enter,.cds-overflow-menu .fade-leave-to{opacity:0}
71
71
 
72
72
  .cds-pagination{display:flex}.cds-pagination__arrow:hover:not(.cds-state-disabled) svg{fill:var(--cds-color-icon-default)}.cds-pagination__list{display:flex;list-style:none;margin:0;padding:0}.cds-pagination__page{width:1.5rem;color:var(--cds-color-link-default)}.cds-pagination__page--last{width:2rem}.cds-pagination__page:before,.cds-pagination__page:after{transition:none}.cds-pagination__page.cds-state-active{pointer-events:none;color:var(--cds-color-text-primary)}.cds-pagination__page.cds-state-active:before{border:none}@media (hover: none) and (pointer: coarse){.cds-pagination__page:hover{background-color:transparent}}.cds-pagination__more{position:relative}.cds-pagination__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--cds-color-text-primary);width:2rem;height:2rem;margin:0;padding:0;text-align:center;-moz-text-align-last:center;text-align-last:center;border:var(--cds-border-element-02) transparent;border-radius:0;transition:none;cursor:pointer;display:inline-flex;vertical-align:middle;align-items:center;justify-content:center;flex-shrink:0;position:relative;outline:var(--cds-border-element-01) transparent;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-pagination__select svg{fill:var(--cds-color-icon-default)}.cds-pagination__select:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-pagination__select:hover svg{fill:var(--cds-color-interactive-01-hover)}.cds-pagination__select:active{background-color:var(--cds-color-interactive-02-active)}.cds-pagination__select:active svg{fill:var(--cds-color-icon-default)}.cds-pagination__select:focus:before{border-radius:0;border-color:var(--cds-color-interactive-01-focus)}.cds-pagination__select:focus:after{border-radius:0;border:0}.cds-pagination__select:focus svg{fill:var(--cds-color-icon-default)}.cds-pagination__select.cds-state-disabled{cursor:not-allowed;background-color:transparent}.cds-pagination__select.cds-state-disabled svg{fill:var(--cds-color-disabled-02)}.cds-pagination__select::-ms-expand{display:none}.cds-pagination__select--padding-s{padding-left:.125rem;padding-right:.125rem}.cds-pagination__select--padding-m{padding-left:.25rem;padding-right:.25rem}.cds-pagination__select--padding-l{padding-left:.5rem;padding-right:.5rem}.cds-pagination__select option{text-align:left}.cds-pagination__select:focus{border-color:var(--cds-color-interactive-01-focus)}.cds-pagination__select--icon{position:absolute;display:flex;justify-content:center;align-items:center;pointer-events:none;top:0;left:0;width:100%;height:100%}@media (hover: none) and (pointer: coarse){.cds-pagination__select:hover{background-color:transparent}}
73
73
 
74
- @media (max-width: 42rem){.cds-radio-button{align-self:baseline;overflow-x:scroll}}.cds-radio-button__label{margin-bottom:.75rem;color:var(--cds-color-text-label);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem}.cds-radio-button__description{margin-top:-.5rem;margin-bottom:1rem}.cds-radio-button__label-radio{z-index:2;display:flex;align-items:center;cursor:pointer;position:relative;padding-left:1.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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-radio-button__label-radio:after,.cds-radio-button__label-radio:before{position:absolute;content:'';transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-radio-button__label-radio:before{width:1rem;height:1rem;border-radius:50%;border:var(--cds-border-element-01) var(--cds-color-border-element-primary);background-color:var(--cds-color-background-field-primary);left:0;top:0;bottom:0;margin:auto}.cds-radio-button__label-radio:hover:before{border-color:var(--cds-color-interactive-01-hover);background-color:var(--cds-color-interactive-02-hover)}.cds-radio-button__description-radio{padding-left:1.5rem;margin-top:.125rem;width:100%}.cds-radio-button input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.cds-radio-button input:focus+label:before{border:var(--cds-border-element-02) var(--cds-color-interactive-01-focus)}.cds-radio-button input:checked+label:before{background-color:var(--cds-color-background-field-primary)}.cds-radio-button input:checked+label:after{width:.5rem;height:.5rem;top:0;bottom:0;left:4px;margin:auto;background-color:var(--cds-color-background-element-primary);border-radius:50%}.cds-radio-button input:checked+label:hover:before{border-color:var(--cds-color-interactive-01-active);background-color:var(--cds-color-interactive-02-hover)}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__container{display:flex}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__item{margin-right:1rem;margin-bottom:0}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__item:last-child{margin-right:0}.cds-radio-button__container{display:block}.cds-radio-button__item{margin-right:0;margin-bottom:.5rem}.cds-radio-button__item:last-child{margin-bottom:0}.cds-radio-button__item.cds-state-disabled input,.cds-radio-button__item.cds-state-disabled label{cursor:not-allowed;color:var(--cds-color-disabled-02)}.cds-radio-button__item.cds-state-disabled label:before{border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-radio-button__item.cds-state-disabled label:after{background-color:var(--cds-color-disabled-02)}.cds-radio-button__skeleton .cds-radio-button__label-radio:before,.cds-radio-button__skeleton .cds-radio-button__label-radio:after{content:none}.cds-radio-button__skeleton .cds-radio-button__input--skeleton{position:absolute;left:0;border-radius:100%}
74
+ @media (max-width: 42rem){.cds-radio-button{align-self:baseline;overflow-x:scroll}}.cds-radio-button__label{margin-bottom:.75rem;color:var(--cds-color-text-label);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem}.cds-radio-button__description{margin-top:-.5rem;margin-bottom:1rem}.cds-radio-button__label-radio{z-index:2;display:flex;align-items:center;cursor:pointer;position:relative;padding-left:1.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;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-radio-button__label-radio:after,.cds-radio-button__label-radio:before{position:absolute;content:'';transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-radio-button__label-radio:before{width:1rem;height:1rem;border-radius:50%;border:var(--cds-border-element-01) var(--cds-color-border-element-primary);background-color:var(--cds-color-background-field-primary);left:0;top:0;bottom:0;margin:auto}.cds-radio-button__label-radio:hover:before{border-color:var(--cds-color-interactive-01-hover);background-color:var(--cds-color-interactive-02-hover)}.cds-radio-button__description-radio{padding-left:1.5rem;margin-top:.125rem;width:100%}.cds-radio-button input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.cds-radio-button input:focus+label:before{border:var(--cds-border-element-02) var(--cds-color-interactive-01-focus)}.cds-radio-button input:checked+label:before{background-color:var(--cds-color-background-field-primary)}.cds-radio-button input:checked+label:after{width:.5rem;height:.5rem;top:0;bottom:0;left:4px;margin:auto;background-color:var(--cds-color-background-element-primary);border-radius:50%}.cds-radio-button input:checked+label:hover:before{border-color:var(--cds-color-interactive-01-active);background-color:var(--cds-color-interactive-02-hover)}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__container{position:relative;display:flex;align-items:flex-start}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__item{margin-right:1rem;margin-bottom:0}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__item input{left:0}.cds-radio-button.cds-radio-button--horizontal .cds-radio-button__item:last-child{margin-right:0}.cds-radio-button__container{display:block}.cds-radio-button__item{margin-right:0;margin-bottom:.5rem}.cds-radio-button__item:last-child{margin-bottom:0}.cds-radio-button__item.cds-state-disabled input,.cds-radio-button__item.cds-state-disabled label{cursor:not-allowed;color:var(--cds-color-disabled-02)}.cds-radio-button__item.cds-state-disabled label:before{border-color:var(--cds-color-disabled-02);background-color:var(--cds-color-disabled-01)}.cds-radio-button__item.cds-state-disabled label:after{background-color:var(--cds-color-disabled-02)}.cds-radio-button__skeleton .cds-radio-button__label-radio:before,.cds-radio-button__skeleton .cds-radio-button__label-radio:after{content:none}.cds-radio-button__skeleton .cds-radio-button__input--skeleton{position:absolute;left:0;border-radius:100%}
75
75
 
76
76
  .cds-search{position:relative}.cds-search label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;visibility:visible;white-space:nowrap}.cds-search input[role="search"]{padding-left:2rem;padding-right:1.5rem}.cds-search__icon{margin-left:1px;cursor:text}.cds-search__clear{margin-right:-1rem;padding:0;background:none;border:none;outline:none;font-size:0;cursor:pointer;width:2rem;height:2rem;opacity:0;visibility:hidden;transition:50ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-search__clear:hover .cds-search__clear-icon svg{fill:var(--cds-color-interactive-01-hover)}.cds-search__clear:focus .cds-search__clear-icon svg{outline:var(--cds-border-element-02) var(--cds-color-interactive-01-focus)}.cds-search__clear.cds-state-active{opacity:1;visibility:visible}.cds-search__dropdown{position:absolute;width:100%;overflow-x:hidden;overflow-y:auto;list-style:none;padding:0;margin:0;left:0;max-height:calc(2rem * 5 + 1rem);background-color:var(--cds-color-background-container-primary);color:var(--cds-color-text-primary);box-shadow:var(--cds-box-shadow-menu);border-radius:0 0 var(--cds-border-radius-s) var(--cds-border-radius-s);z-index:200;transition:opacity 100ms cubic-bezier(0.12, 0, 0.39, 0)}.cds-search__dropdown-item{display:block;cursor:pointer;outline:none;border:none;text-align:left;width:100%;height:2rem;background:var(--cds-color-background-container-primary);padding:.25rem 1rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:var(--cds-border-element-02) transparent;color:var(--cds-color-text-primary);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-search__dropdown-item:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-search__dropdown-item:focus{border:var(--cds-border-element-02);border-color:var(--cds-color-interactive-02-focus)}.cds-search__dropdown-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;height:9.125rem}.cds-search.cds-state-active input[role="search"]{border-bottom-right-radius:0;border-bottom-left-radius:0}.cds-search input[type="search"]::-webkit-search-decoration,.cds-search input[type="search"]::-webkit-search-cancel-button,.cds-search input[type="search"]::-webkit-search-results-button,.cds-search input[type="search"]::-webkit-search-results-decoration{-webkit-appearance:none}.cds-search .fade-enter-active,.cds-search .fade-leave-active{transition:opacity 300ms}.cds-search .fade-enter,.cds-search .fade-leave-to{opacity:0}
77
77
 
@@ -101,7 +101,9 @@
101
101
 
102
102
  .cds-toggle{width:-webkit-max-content;width:-moz-max-content;width:max-content}.cds-toggle--with-label .cds-toggle__switch{margin-top:.5rem}.cds-toggle__label{color:var(--cds-color-text-label);cursor:pointer;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-s);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:28rem}.cds-toggle__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;white-space:nowrap;clip:rect(0, 0, 0, 0)}.cds-toggle__input:checked+.cds-toggle__label .cds-toggle__off{visibility:hidden}.cds-toggle__input:checked+.cds-toggle__label .cds-toggle__switch:before{background-color:var(--cds-color-feedback-success-100)}.cds-toggle__input:checked+.cds-toggle__label .cds-toggle__switch:after{background-color:var(--cds-color-neutral-0);transform:translateX(1.25rem)}.cds-toggle__input:not(:checked)+.cds-toggle__label .cds-toggle__on{visibility:hidden}.cds-toggle__input:focus+.cds-toggle__label .cds-toggle__switch:before{box-shadow:0 0 0 1px var(--cds-color-neutral-0),0 0 0 var(--cds-border-radius-s) var(--cds-color-interactive-01-focus)}.cds-toggle__input:disabled+.cds-toggle__label{color:var(--cds-color-disabled-02);cursor:not-allowed}.cds-toggle__input:disabled+.cds-toggle__label .cds-toggle__on,.cds-toggle__input:disabled+.cds-toggle__label .cds-toggle__off{color:var(--cds-color-disabled-02)}.cds-toggle__input:disabled+.cds-toggle__label .cds-toggle__switch{cursor:not-allowed}.cds-toggle__input:disabled+.cds-toggle__label .cds-toggle__switch:before{background-color:var(--cds-color-disabled-02)}.cds-toggle__input:disabled+.cds-toggle__label .cds-toggle__switch:after{background-color:var(--cds-color-disabled-01)}.cds-toggle__switch{position:relative;display:flex;align-items:center;width:2.75rem;height:1.5rem;cursor:pointer}.cds-toggle__switch:before{content:'';position:absolute;top:0;display:block;width:2.75rem;height:1.5rem;background-color:var(--cds-color-neutral-15);border-radius:.78125rem;box-shadow:0 0 0 1px transparent, 0 0 0 3px transparent;will-change:box-shadow;transition:box-shadow 70ms cubic-bezier(0.2, 0, 1, 0.9),background-color 70ms cubic-bezier(0.2, 0, 1, 0.9)}.cds-toggle__switch:after{content:'';position:absolute;top:.25rem;left:.25rem;display:block;width:1rem;height:1rem;background-color:var(--cds-color-neutral-0);border-radius:50%;transition:transform 70ms cubic-bezier(0.2, 0, 1, 0.9)}.cds-toggle__on,.cds-toggle__off{position:absolute;top:50%;margin-left:calc(2.75rem + .5rem);white-space:nowrap;transform:translateY(-50%);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--cds-color-text-primary);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)}
103
103
 
104
- .cds-uploader__container{margin-top:1rem;padding:0}.cds-uploader__container :last-child{margin-bottom:0}.cds-uploader__wrapper{margin-bottom:.5rem}.cds-uploader__file{height:2rem;border-radius:var(--cds-border-radius-s);border:var(--cds-border-element-01) var(--cds-color-border-element-primary);position:relative;background-color:var(--cds-color-background-field-primary);margin-bottom:.5rem}.cds-uploader__file:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-uploader__file i{position:absolute;top:.5rem;right:.5rem;cursor:pointer;z-index:3}.cds-uploader__file i ~ i{margin-right:1.25rem}.cds-uploader__name{color:var(--cds-color-text-primary);padding:.375rem 3rem .5rem 1rem;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:2;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-uploader__progress{z-index:1;display:block;height:100%;background-color:var(--cds-color-neutral-15);position:absolute;overflow:hidden;border-radius:var(--cds-border-radius-s);border:var(--cds-border-element-01) transparent;top:0;left:0;opacity:0.4}.cds-uploader__loading{top:.5rem;right:.5rem}.cds-uploader__upload label,.cds-uploader__upload input{display:none}.cds-uploader__error{border:var(--cds-border-element-01) var(--cds-color-feedback-error-100)}.cds-uploader__error--name{color:var(--cds-color-disabled-02)}.cds-uploader__error--text{margin-top:.25rem;color:var(--cds-color-feedback-error-100);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%}.cds-uploader__error--icon{fill:var(--cds-color-feedback-error-100)}.cds-uploader__error--slot{margin-top:1rem}.cds-uploader__success--icon{fill:var(--cds-color-feedback-success-100)}.cds-uploader.cds-state-disabled *{color:var(--cds-color-disabled-02)}.cds-uploader.cds-state-disabled label{cursor:default}.cds-uploader.cds-state-disabled .cds-uploader__file-item{cursor:not-allowed;background-color:var(--cds-color-disabled-01)}.cds-uploader.cds-state-disabled .cds-uploader__file-item:hover{background-color:var(--cds-color-disabled-01)}
104
+ .cds-uploader__container{margin-top:1rem;padding:0}.cds-uploader__container :last-child{margin-bottom:0}.cds-uploader__wrapper{display:flex;align-items:center}.cds-uploader__wrapper span{color:var(--cds-color-text-primary)}.cds-uploader__error--slot{margin-top:1rem}.cds-uploader__filename{margin-right:.125rem}.cds-uploader__upload label,.cds-uploader__upload input{display:none}.cds-uploader__status{margin-right:.5rem}.cds-uploader__icon--check svg{fill:var(--cds-color-feedback-success-100)}.cds-uploader__icon--alert svg{fill:var(--cds-color-feedback-error-100)}.cds-uploader__icon--loader svg{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;fill:var(--cds-color-interactive-01-default)}.cds-uploader.cds-state-disabled label{cursor:default}@-webkit-keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.cds-uploader-old__wrapper{margin-bottom:.5rem}.cds-uploader-old__file{height:2rem;border-radius:var(--cds-border-radius-s);border:var(--cds-border-element-01) var(--cds-color-border-element-primary);position:relative;background-color:var(--cds-color-background-field-primary);margin-bottom:.5rem}.cds-uploader-old__file:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-uploader-old__file i{position:absolute;top:.5rem;right:.5rem;cursor:pointer;z-index:3}.cds-uploader-old__file i ~ i{margin-right:1.25rem}.cds-uploader-old__name{color:var(--cds-color-text-primary);padding:.375rem 3rem .5rem 1rem;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:2;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-uploader-old__progress{z-index:1;display:block;height:100%;background-color:var(--cds-color-neutral-15);position:absolute;overflow:hidden;border-radius:var(--cds-border-radius-s);border:var(--cds-border-element-01) transparent;top:0;left:0;opacity:0.4}.cds-uploader-old__loading{top:.5rem;right:.5rem}.cds-uploader-old__upload label,.cds-uploader-old__upload input{display:none}.cds-uploader-old__error{border:var(--cds-border-element-01) var(--cds-color-feedback-error-100)}.cds-uploader-old__error--name{color:var(--cds-color-disabled-02)}.cds-uploader-old__error--text{margin-top:.25rem;color:var(--cds-color-feedback-error-100);font-family:var(--cds-font-family-sans);font-size:var(--cds-font-body-size-xs);line-height:var(--cds-font-height-helper);font-weight:var(--cds-font-weight-normal);max-width:32rem;width:75%}.cds-uploader-old__error--icon{fill:var(--cds-color-feedback-error-100)}.cds-uploader-old__error--slot{margin-top:1rem}.cds-uploader-old__success--icon{fill:var(--cds-color-feedback-success-100)}.cds-uploader-old.cds-state-disabled *{color:var(--cds-color-disabled-02)}.cds-uploader-old.cds-state-disabled label{cursor:default}.cds-uploader-old.cds-state-disabled .cds-uploader-old__file-item{cursor:not-allowed;background-color:var(--cds-color-disabled-01)}.cds-uploader-old.cds-state-disabled .cds-uploader-old__file-item:hover{background-color:var(--cds-color-disabled-01)}
105
105
 
106
106
  .cds-uploader__skeleton{margin-bottom:1rem}.cds-uploader__skeleton .cds-skeleton{border-radius:var(--cds-border-radius-s)}
107
107
 
108
+ .cds-sidebar{position:fixed;display:flex;height:100%;z-index:800;top:0;flex-direction:column;background-color:var(--cds-color-background-container-primary);box-shadow:var(--cds-box-shadow-sidebar-right);transition:200ms cubic-bezier(0.12, 0, 0.39, 0)}.cds-sidebar--sm{width:20rem;right:-20rem}.cds-sidebar--md{width:30rem;right:-30rem}.cds-sidebar--lg{width:40rem;right:-40rem}.cds-sidebar--3xl{width:70rem;right:-70rem}.cds-sidebar--opening{right:0}.cds-sidebar__header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.5rem .5rem .5rem 1rem;border-bottom:var(--cds-border-element-01) var(--cds-color-border-element-secondary)}.cds-sidebar__header h5{font-family:var(--cds-font-family-sans);font-size:var(--cds-font-heading-5);line-height:var(--cds-font-height-heading);font-weight:var(--cds-font-weight-bold);color:var(--cds-color-text-primary);margin:0}.cds-sidebar__toolbar{height:2.5rem;padding:0 1rem;display:flex;align-items:center;border-bottom:var(--cds-border-element-01) var(--cds-color-border-element-secondary)}.cds-sidebar__content{padding:1rem;overflow:auto;height:100%;margin-bottom:calc(1rem * 4)}.cds-sidebar__footer{position:absolute;width:100%;bottom:0;padding:1rem;border-top:var(--cds-border-element-01) var(--cds-color-border-element-secondary);background-color:var(--cds-color-background-container-primary);z-index:800}.cds-sidebar__footer button{width:100%}@media (min-width: 42rem) and (max-width: 66rem){.cds-sidebar--3xl{width:100%}}@media (min-width: 20rem) and (max-width: 42rem){.cds-sidebar--md,.cds-sidebar--lg,.cds-sidebar--3xl{width:100%}}
109
+