@central-design-system/components 2.8.0-beta.0 → 2.8.0-beta.1
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.
- package/dist/CdsAccordion/index.js +1 -1
- package/dist/CdsAccordion/styles.css +1 -1
- package/dist/CdsBreadcrumbs/index.js +1 -1
- package/dist/CdsBreadcrumbs/styles.css +1 -1
- package/dist/CdsButton/index.js +1 -1
- package/dist/CdsButton/styles.css +1 -1
- package/dist/CdsCheckbox/index.js +1 -1
- package/dist/CdsCheckbox/styles.css +1 -1
- package/dist/CdsCombobox/index.js +1 -1
- package/dist/CdsCombobox/styles.css +1 -1
- package/dist/CdsContainer/index.js +1 -1
- package/dist/CdsContainer/styles.css +1 -1
- package/dist/CdsContentSwitcher/index.js +1 -1
- package/dist/CdsContentSwitcher/styles.css +3 -3
- package/dist/CdsDataTable/index.js +1 -1
- package/dist/CdsDataTable/styles.css +1 -1
- package/dist/CdsDatePicker/index.js +1 -1
- package/dist/CdsDatePicker/styles.css +1 -1
- package/dist/CdsDrawer/index.js +1 -1
- package/dist/CdsDrawer/styles.css +2 -2
- package/dist/CdsDropdown/index.js +1 -1
- package/dist/CdsDropdown/styles.css +1 -1
- package/dist/CdsEmptyState/index.js +1 -1
- package/dist/CdsEmptyState/styles.css +1 -1
- package/dist/CdsForm/index.js +1 -1
- package/dist/CdsForm/styles.css +1 -1
- package/dist/CdsGrid/index.js +1 -1
- package/dist/CdsGrid/styles.css +1 -1
- package/dist/CdsIcon/index.js +1 -1
- package/dist/CdsIcon/styles.css +1 -1
- package/dist/CdsImage/index.js +1 -1
- package/dist/CdsImage/styles.css +1 -1
- package/dist/CdsInput/index.js +1 -1
- package/dist/CdsInput/styles.css +1 -1
- package/dist/CdsLink/index.js +1 -1
- package/dist/CdsLink/styles.css +1 -1
- package/dist/CdsList/index.js +1 -1
- package/dist/CdsList/styles.css +1 -1
- package/dist/CdsLoading/index.js +1 -1
- package/dist/CdsLoading/styles.css +1 -1
- package/dist/CdsModal/index.js +1 -1
- package/dist/CdsModal/styles.css +3 -3
- package/dist/CdsMultiselect/index.js +1 -1
- package/dist/CdsMultiselect/styles.css +1 -1
- package/dist/CdsNotification/index.js +1 -1
- package/dist/CdsNotification/styles.css +3 -3
- package/dist/CdsOverflowMenu/index.js +1 -1
- package/dist/CdsOverflowMenu/styles.css +3 -3
- package/dist/CdsPagination/index.js +1 -1
- package/dist/CdsPagination/styles.css +1 -1
- package/dist/CdsRadioButton/index.js +1 -1
- package/dist/CdsRadioButton/styles.css +1 -1
- package/dist/CdsSearch/index.js +1 -1
- package/dist/CdsSearch/styles.css +1 -1
- package/dist/CdsSelect/index.js +1 -1
- package/dist/CdsSelect/styles.css +1 -1
- package/dist/CdsSkeleton/index.js +1 -1
- package/dist/CdsSkeleton/styles.css +1 -1
- package/dist/CdsStages/index.js +1 -1
- package/dist/CdsStages/styles.css +1 -1
- package/dist/CdsStatus/index.js +1 -1
- package/dist/CdsStatus/styles.css +3 -3
- package/dist/CdsSteps/index.js +1 -1
- package/dist/CdsSteps/styles.css +3 -3
- package/dist/CdsTable/index.js +1 -1
- package/dist/CdsTable/styles.css +1 -1
- package/dist/CdsTabs/index.js +1 -1
- package/dist/CdsTabs/styles.css +1 -1
- package/dist/CdsTag/index.js +1 -1
- package/dist/CdsTag/styles.css +1 -1
- package/dist/CdsTextArea/index.js +1 -1
- package/dist/CdsTextArea/styles.css +1 -1
- package/dist/CdsTextInput/index.js +1 -1
- package/dist/CdsTextInput/styles.css +1 -1
- package/dist/CdsToggle/index.js +1 -1
- package/dist/CdsToggle/styles.css +1 -1
- package/dist/CdsTooltip/index.js +1 -1
- package/dist/CdsTooltip/styles.css +3 -3
- package/dist/CdsUploader/index.js +1 -1
- package/dist/CdsUploader/styles.css +1 -1
- package/dist/cds.css +3 -3
- package/dist/cds.js +1 -1
- package/dist/cds.min.css +2 -2
- package/dist/cds.min.js +1 -1
- package/package.json +1 -1
package/dist/CdsButton/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* CDS v2.
|
|
2
|
+
* CDS v2.8.0-beta.0 (https://cds.b2b-center.ru/)
|
|
3
3
|
*
|
|
4
4
|
* @package @central-design-system/components
|
|
5
5
|
* @author Design System Team <cds@b2b-center.ru>
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
.cds-ico,.cds-ico svg{width:1rem;height:1rem}
|
|
11
11
|
|
|
12
|
-
.cds-tooltip{position:relative;align-items:center;display:flex;z-index:200}.cds-tooltip__trigger{cursor:pointer;display:flex;position:relative}.cds-tooltip__trigger: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:
|
|
12
|
+
.cds-tooltip{position:relative;align-items:center;display:flex;z-index:200}.cds-tooltip__trigger{cursor:pointer;display:flex;position:relative}.cds-tooltip__trigger: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:800;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)}}
|
|
13
13
|
|
|
14
|
-
.cds-tooltip{position:relative;align-items:center;display:flex;z-index:200}.cds-tooltip__trigger{cursor:pointer;display:flex;position:relative}.cds-tooltip__trigger: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:
|
|
14
|
+
.cds-tooltip{position:relative;align-items:center;display:flex;z-index:200}.cds-tooltip__trigger{cursor:pointer;display:flex;position:relative}.cds-tooltip__trigger: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:800;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)}}
|
|
15
15
|
|
package/dist/CdsDrawer/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* CDS v2.
|
|
2
|
+
* CDS v2.8.0-beta.0 (https://cds.b2b-center.ru/)
|
|
3
3
|
*
|
|
4
4
|
* @package @central-design-system/components
|
|
5
5
|
* @author Design System Team <cds@b2b-center.ru>
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
*/
|
|
8
8
|
.cds-drawer{display:flex;flex-direction:column;position:fixed;top:0;left:0;min-width:13.125rem;height:100%;overflow:hidden;overflow-y:auto;box-shadow:var(--cds-box-shadow-sidebar-left);background-color:var(--cds-color-background-container-primary)}.cds-drawer__header{padding:1rem}.cds-drawer__content{flex:1;height:-webkit-max-content;height:-moz-max-content;height:max-content}.cds-drawer__content ul{list-style:none;padding:0;margin:0}.cds-drawer__footer{padding:1rem}.cds-drawer__group{position:relative}.cds-drawer__group:first-child{margin-top:.5rem}.cds-drawer__group:last-child{margin-bottom:.5rem}.cds-drawer__group .cds-accordion__heading{height:2rem}.cds-drawer__group .cds-accordion__heading .cds-accordion__title{display:flex;align-items:center}.cds-drawer__group .cds-accordion__heading .cds-accordion__title .cds-ico{margin-right:.5rem}.cds-drawer__group .cds-accordion__heading:focus{z-index:1}.cds-drawer__group .cds-accordion__item{border:none}.cds-drawer__group .cds-accordion__item .cds-accordion__content{padding:0}.cds-drawer__group .cds-accordion__item .cds-accordion__content .cds-drawer__item{margin-top:0}.cds-drawer__group .cds-accordion__item .cds-accordion__content .cds-drawer__item--link{padding-left:2rem}.cds-drawer__group .cds-drawer__label{padding-left:2rem}.cds-drawer__item{position:relative;margin:0}.cds-drawer__item--link{display:flex;align-items:center;width:100%;height:2rem;padding:0 1rem;margin:0;outline:none;cursor:pointer;border:none;border-left:var(--cds-border-element-02) transparent;border-right:var(--cds-border-element-02) transparent;background-color:transparent;text-decoration:none;color:var(--cds-color-text-primary);transition:background-color 100ms cubic-bezier(0.37, 0, 0.63, 1);z-index: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-drawer__item--link:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-drawer__item--link:focus{border:var(--cds-border-element-02) var(--cds-color-interactive-01-focus);padding:calc(.5rem - .125rem) 1rem}.cds-drawer__item--link .cds-ico{margin-right:.5rem}.cds-drawer__item--link .cds-tooltip__content.right{margin-left:1.5rem}.cds-drawer__item--link .cds-tooltip__content.left{margin-right:1.5rem}.cds-drawer__item:first-child{margin-top:.5rem}.cds-drawer__item:last-child{margin-bottom:.5rem}.cds-drawer__item .cds-tooltip{width:100%}.cds-drawer__item.cds-state-active .cds-drawer__item--link{background-color:var(--cds-color-interactive-02-active);border-left:var(--cds-border-element-02) var(--cds-color-interactive-01-active)}.cds-drawer__item.cds-state-active .cds-drawer__item--link:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-drawer__label{display:flex;align-items:center;height:2rem;padding:0 1rem;margin-top:.5rem;font-family:var(--cds-font-family-sans);font-size:var(--cds-font-heading-eyebrow);line-height:var(--cds-font-height-heading);font-weight:var(--cds-font-weight-bold);text-transform:uppercase;letter-spacing:1px}.cds-drawer--absolute{position:absolute}.cds-drawer--open{transform:translate(-110%);transition:200ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-drawer--open.cds-drawer--right{transform:translate(110%)}.cds-drawer--open.cds-state-active{transform:translate(0)}.cds-drawer--right{left:auto;right:0}.cds-drawer--icon-only{overflow:visible;min-width:3rem}.cds-drawer--icon-only .cds-drawer__header,.cds-drawer--icon-only .cds-drawer__footer,.cds-drawer--icon-only .cds-drawer__label,.cds-drawer--icon-only .cds-accordion__arrow{display:none}.cds-drawer--icon-only .cds-drawer__item--link{display:flex;justify-content:center;align-items:center;padding:0}.cds-drawer--icon-only .cds-drawer__item--link .cds-drawer__item--content{display:none}.cds-drawer--icon-only .cds-drawer__item--link .cds-ico{margin-right:0}.cds-drawer--icon-only .cds-drawer__group .cds-accordion__heading{padding:0}.cds-drawer--icon-only .cds-drawer__group .cds-accordion__title{justify-content:center;text-align:center}.cds-drawer--icon-only .cds-drawer__group .cds-accordion__title span{display:none}.cds-drawer--icon-only .cds-drawer__group .cds-accordion__title .cds-ico{margin-right:0}.cds-drawer--icon-only .cds-drawer__group .cds-accordion__item .cds-accordion__content .cds-drawer__item--link{padding:0}.cds-drawer--borderless .cds-drawer__item:before{position:absolute;top:-1px;left:0;content:'';width:100%;height:1px;background-color:var(--cds-color-neutral-10)}.cds-drawer--borderless .cds-drawer__item:after{position:absolute;bottom:0;content:'';width:100%;left:0;height:1px;background-color:var(--cds-color-neutral-10)}.cds-drawer--borderless .cds-drawer__group:before{position:absolute;top:-1px;left:0;content:'';width:100%;height:1px;background-color:var(--cds-color-neutral-10)}.cds-drawer--borderless .cds-drawer__group:after{position:absolute;bottom:0;content:'';width:100%;left:0;height:1px;background-color:var(--cds-color-neutral-10)}.cds-drawer--borderless .cds-drawer__group .cds-drawer__item:before,.cds-drawer--borderless .cds-drawer__group .cds-drawer__item:after{content:none}.cds-drawer--borderless .cds-drawer__group .cds-drawer__item:last-child{margin-bottom:0}.cds-drawer--fixed-layout{overflow:hidden}.cds-drawer--fixed-layout .cds-drawer__header{box-shadow:var(--cds-box-shadow-header)}.cds-drawer--fixed-layout .cds-drawer__content{overflow:hidden;overflow-y:auto;height:100%}.cds-drawer--fixed-layout .cds-drawer__content::-webkit-scrollbar{display:none}.cds-drawer--fixed-layout.cds-drawer--icon-only{overflow:visible}.cds-drawer--fixed-layout.cds-drawer--icon-only .cds-drawer__content{overflow:visible}.cds-drawer--fixed-layout .cds-drawer__footer{box-shadow:var(--cds-box-shadow-footer)}.cds-drawer::-webkit-scrollbar{display:none}
|
|
9
9
|
|
|
10
|
-
.cds-tooltip{position:relative;align-items:center;display:flex;z-index:200}.cds-tooltip__trigger{cursor:pointer;display:flex;position:relative}.cds-tooltip__trigger: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:
|
|
10
|
+
.cds-tooltip{position:relative;align-items:center;display:flex;z-index:200}.cds-tooltip__trigger{cursor:pointer;display:flex;position:relative}.cds-tooltip__trigger: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:800;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)}}
|
|
11
11
|
|
|
12
12
|
.cds-accordion{width:100%;margin:0;padding:0;border:0;list-style:none}.cds-accordion__item{overflow:visible;border-top:var(--cds-border-element-01) var(--cds-color-neutral-10);transition:100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-accordion__item:last-child{border-bottom:var(--cds-border-element-01) var(--cds-color-neutral-10)}.cds-accordion__item.cds-state-active{overflow:visible}.cds-accordion__item.cds-state-active .cds-accordion__content{display:block;padding-top:.5rem;padding-bottom:1rem;transition:padding-top 100ms cubic-bezier(0.12, 0, 0.39, 0),padding-bottom 100ms cubic-bezier(0.12, 0, 0.39, 0)}.cds-accordion__item.cds-state-active .cds-accordion__arrow{transform:rotateZ(180deg)}.cds-accordion__item--collapsing .cds-accordion__content{display:block;-webkit-animation:collapse-accordion 100ms cubic-bezier(0.61, 1, 0.88, 1);animation:collapse-accordion 100ms cubic-bezier(0.61, 1, 0.88, 1)}.cds-accordion__item--expanding .cds-accordion__content{display:block;-webkit-animation:expand-accordion 100ms cubic-bezier(0.12, 0, 0.39, 0);animation:expand-accordion 100ms cubic-bezier(0.12, 0, 0.39, 0)}.cds-accordion__heading{position:relative;display:flex;align-items:center;justify-content:flex-start;overflow:visible;width:100%;padding:0 1rem;height:2rem;min-height:2rem;background-color:var(--cds-color-background-container-primary);color:var(--cds-color-text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--cds-border-element-02) transparent;margin:0;outline:none;cursor:pointer;transition:background-color 100ms cubic-bezier(0.37, 0, 0.63, 1)}.cds-accordion__heading:hover{background-color:var(--cds-color-interactive-02-hover)}.cds-accordion__heading:focus{border-color:var(--cds-color-interactive-02-focus)}.cds-accordion__title{width:100%;text-align:left;z-index: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-accordion__content{display:none;padding-left:1rem;padding-right:25%;background-color:var(--cds-color-background-container-primary);transition:padding 100ms cubic-bezier(0.61, 1, 0.88, 1);padding-right:1rem}@media (min-width: 42rem){.cds-accordion__content{padding-right:4rem}}@media (min-width: 66rem){.cds-accordion__content{padding-right:25%}}.cds-accordion__arrow{transition:transform 100ms cubic-bezier(0.37, 0, 0.63, 1)}@-webkit-keyframes collapse-accordion{0%{height:100%;visibility:inherit;opacity:1}to{height:0;visibility:hidden;opacity:0}}@keyframes collapse-accordion{0%{height:100%;visibility:inherit;opacity:1}to{height:0;visibility:hidden;opacity:0}}@-webkit-keyframes expand-accordion{0%{height:0;visibility:hidden;opacity:0}to{height:100%;visibility:inherit;opacity:1}}@keyframes expand-accordion{0%{height:0;visibility:hidden;opacity:0}to{height:100%;visibility:inherit;opacity:1}}
|
|
13
13
|
|
package/dist/CdsForm/index.js
CHANGED
package/dist/CdsForm/styles.css
CHANGED
package/dist/CdsGrid/index.js
CHANGED
package/dist/CdsGrid/styles.css
CHANGED
package/dist/CdsIcon/index.js
CHANGED
package/dist/CdsIcon/styles.css
CHANGED
package/dist/CdsImage/index.js
CHANGED
package/dist/CdsImage/styles.css
CHANGED
package/dist/CdsInput/index.js
CHANGED
package/dist/CdsInput/styles.css
CHANGED
package/dist/CdsLink/index.js
CHANGED
package/dist/CdsLink/styles.css
CHANGED
package/dist/CdsList/index.js
CHANGED
package/dist/CdsList/styles.css
CHANGED
package/dist/CdsLoading/index.js
CHANGED
package/dist/CdsModal/index.js
CHANGED
package/dist/CdsModal/styles.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* CDS v2.
|
|
2
|
+
* CDS v2.8.0-beta.0 (https://cds.b2b-center.ru/)
|
|
3
3
|
*
|
|
4
4
|
* @package @central-design-system/components
|
|
5
5
|
* @author Design System Team <cds@b2b-center.ru>
|
|
@@ -11,9 +11,9 @@
|
|
|
11
11
|
|
|
12
12
|
.cds-ico,.cds-ico svg{width:1rem;height:1rem}
|
|
13
13
|
|
|
14
|
-
.cds-tooltip{position:relative;align-items:center;display:flex;z-index:200}.cds-tooltip__trigger{cursor:pointer;display:flex;position:relative}.cds-tooltip__trigger: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:
|
|
14
|
+
.cds-tooltip{position:relative;align-items:center;display:flex;z-index:200}.cds-tooltip__trigger{cursor:pointer;display:flex;position:relative}.cds-tooltip__trigger: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:800;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)}}
|
|
15
15
|
|
|
16
|
-
.cds-tooltip{position:relative;align-items:center;display:flex;z-index:200}.cds-tooltip__trigger{cursor:pointer;display:flex;position:relative}.cds-tooltip__trigger: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:
|
|
16
|
+
.cds-tooltip{position:relative;align-items:center;display:flex;z-index:200}.cds-tooltip__trigger{cursor:pointer;display:flex;position:relative}.cds-tooltip__trigger: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:800;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)}}
|
|
17
17
|
|
|
18
18
|
.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:805;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__dismiss{position:absolute;top:0;right:0}.cds-modal__dismiss .cds-button{height:3rem;width:3rem;border-radius:0 var(--cds-border-radius-s) 0 0}.cds-modal__dismiss .cds-button:before,.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%}}
|
|
19
19
|
|