@central-design-system/components 2.8.0 → 2.10.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.
- package/dist/CdsAccordion/index.js +2 -2
- package/dist/CdsAccordion/styles.css +1 -1
- package/dist/CdsBreadcrumbs/index.js +2 -2
- package/dist/CdsBreadcrumbs/styles.css +1 -1
- package/dist/CdsButton/index.js +2 -2
- package/dist/CdsButton/styles.css +1 -1
- package/dist/CdsCheckbox/index.js +2 -2
- package/dist/CdsCheckbox/styles.css +1 -1
- package/dist/CdsCombobox/index.js +2 -2
- package/dist/CdsCombobox/styles.css +1 -1
- package/dist/CdsContainer/index.js +2 -2
- package/dist/CdsContainer/styles.css +1 -1
- package/dist/CdsContentSwitcher/index.js +2 -2
- package/dist/CdsContentSwitcher/styles.css +3 -3
- package/dist/CdsDataTable/index.js +2 -2
- package/dist/CdsDataTable/styles.css +1 -1
- package/dist/CdsDatePicker/index.js +4 -4
- package/dist/CdsDatePicker/styles.css +1 -1
- package/dist/CdsDrawer/index.js +2 -2
- package/dist/CdsDrawer/styles.css +2 -2
- package/dist/CdsDropdown/index.js +2 -2
- package/dist/CdsDropdown/styles.css +1 -1
- package/dist/CdsEmptyState/index.js +2 -2
- package/dist/CdsEmptyState/styles.css +1 -1
- package/dist/CdsForm/index.js +2 -2
- package/dist/CdsForm/styles.css +2 -2
- package/dist/CdsGrid/index.js +2 -2
- package/dist/CdsGrid/styles.css +1 -1
- package/dist/CdsIcon/index.js +2 -2
- package/dist/CdsIcon/styles.css +1 -1
- package/dist/CdsImage/index.js +2 -2
- package/dist/CdsImage/styles.css +1 -1
- package/dist/CdsInput/index.js +2 -2
- package/dist/CdsInput/styles.css +1 -1
- package/dist/CdsLink/index.js +2 -2
- package/dist/CdsLink/styles.css +1 -1
- package/dist/CdsList/index.js +2 -2
- package/dist/CdsList/styles.css +1 -1
- package/dist/CdsLoading/index.js +2 -2
- package/dist/CdsLoading/styles.css +1 -1
- package/dist/CdsModal/index.js +2 -2
- package/dist/CdsModal/styles.css +4 -4
- package/dist/CdsMultiselect/index.js +2 -2
- package/dist/CdsMultiselect/styles.css +1 -1
- package/dist/CdsNotification/index.js +2 -2
- package/dist/CdsNotification/styles.css +4 -4
- package/dist/CdsOverflowMenu/index.js +2 -2
- package/dist/CdsOverflowMenu/styles.css +4 -4
- package/dist/CdsPagination/index.js +2 -2
- package/dist/CdsPagination/styles.css +1 -1
- package/dist/CdsRadioButton/index.js +2 -2
- package/dist/CdsRadioButton/styles.css +1 -1
- package/dist/CdsSearch/index.js +2 -2
- package/dist/CdsSearch/styles.css +1 -1
- package/dist/CdsSelect/index.js +2 -2
- package/dist/CdsSelect/styles.css +1 -1
- package/dist/CdsSkeleton/index.js +2 -2
- package/dist/CdsSkeleton/styles.css +1 -1
- package/dist/CdsStages/index.js +2 -2
- package/dist/CdsStages/styles.css +1 -1
- package/dist/CdsStatus/index.js +2 -2
- package/dist/CdsStatus/styles.css +3 -3
- package/dist/CdsSteps/index.js +2 -2
- package/dist/CdsSteps/styles.css +3 -3
- package/dist/CdsTable/index.js +2 -2
- package/dist/CdsTable/styles.css +2 -2
- package/dist/CdsTabs/index.js +2 -2
- package/dist/CdsTabs/styles.css +1 -1
- package/dist/CdsTag/index.js +2 -2
- package/dist/CdsTag/styles.css +1 -1
- package/dist/CdsTextArea/index.js +2 -2
- package/dist/CdsTextArea/styles.css +1 -1
- package/dist/CdsTextInput/index.js +2 -2
- package/dist/CdsTextInput/styles.css +1 -1
- package/dist/CdsToggle/index.js +2 -2
- package/dist/CdsToggle/styles.css +1 -1
- package/dist/CdsTooltip/index.js +2 -2
- package/dist/CdsTooltip/styles.css +3 -3
- package/dist/CdsUploader/index.js +3 -3
- package/dist/CdsUploader/styles.css +1 -1
- package/dist/cds.css +8 -8
- package/dist/cds.js +2911 -1779
- package/dist/cds.min.css +2 -2
- package/dist/cds.min.js +5 -5
- package/dist/types/CdsBreadcrumbs.ts +1 -1
- package/dist/types/CdsButton.ts +2 -2
- package/dist/types/CdsCombobox.ts +1 -1
- package/dist/types/CdsContainer.ts +2 -2
- package/dist/types/CdsContentSwitcherButton.ts +1 -1
- package/dist/types/CdsDataTable.ts +2 -2
- package/dist/types/CdsDatePicker.ts +2 -2
- package/dist/types/CdsModal.ts +1 -1
- package/dist/types/CdsNotification.ts +2 -2
- package/dist/types/CdsStatus.ts +4 -4
- package/dist/types/CdsSteps.ts +1 -1
- package/dist/types/CdsTable.ts +4 -2
- package/dist/types/CdsTabs.ts +1 -1
- package/dist/types/CdsTag.ts +2 -2
- package/dist/types/CdsTooltip.ts +4 -2
- package/package.json +7 -5
package/dist/CdsSteps/styles.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* CDS v2.
|
|
2
|
+
* CDS v2.9.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,9 +7,9 @@
|
|
|
7
7
|
*/
|
|
8
8
|
.cds-ico,.cds-ico svg{width:1rem;height:1rem}
|
|
9
9
|
|
|
10
|
-
.cds-tooltip{position:relative;align-items:center;display:flex
|
|
10
|
+
.cds-tooltip{position:relative;align-items:center;display:flex}.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
|
-
.cds-tooltip{position:relative;align-items:center;display:flex
|
|
12
|
+
.cds-tooltip{position:relative;align-items:center;display:flex}.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
14
|
.cds-steps{display:flex;list-style:none;margin:0;padding:0;border:0}@media (max-width: 42rem){.cds-steps{align-self:baseline}}.cds-steps--vertical{display:flex;flex-direction:column}.cds-steps--full-width{width:100%}.cds-step{position:relative;min-width:6rem;width:8rem;cursor:pointer}.cds-step__icon{flex-shrink:0;margin:0 .125rem;width:1rem;height:1rem;border-radius:50%}.cds-step__indicator{width:100%;height:1px;margin-top:.5rem;background-color:var(--cds-color-border-element-primary)}.cds-step__status{display:flex;margin-bottom:.125rem}.cds-step__content{margin-right:1rem;margin-left:.125rem}.cds-step__label{margin:0;color:var(--cds-color-text-label);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-step__description{margin:0;color:var(--cds-color-text-description);word-break:break-word;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%;width:100%}.cds-step__tooltip{pointer-events:none}.cds-step__tooltip span{left:.125rem}.cds-step--tooltip-reverse .cds-step__tooltip span[role="tooltip"][class^=content]{left:auto;right:.125rem}.cds-step--tooltip-reverse.cds-step--vertical .cds-step__tooltip span[role="tooltip"][class^="content"]{left:auto;right:100%}.cds-step--vertical{display:flex;min-height:3rem}.cds-step--vertical .cds-step__indicator{height:100%;width:1px;margin-left:.625rem;margin-top:.125rem}.cds-step--vertical .cds-step__status{display:flex;flex-direction:column}.cds-step--vertical .cds-step__content{width:8rem;margin-right:0;margin-bottom:1rem}.cds-step--full-width{width:100%}.cds-step--full-width .cds-step__content{width:auto}.cds-step--full-width .cds-step__label{text-overflow:initial;white-space:initial}.cds-step--incomplete .cds-step__icon svg{fill:var(--cds-color-border-element-primary)}.cds-step--current .cds-step__icon svg{fill:var(--cds-color-interactive-01-default)}.cds-step--complete .cds-step__icon svg{fill:var(--cds-color-interactive-01-default)}.cds-step--complete .cds-step__indicator{background-color:var(--cds-color-interactive-01-default)}.cds-step.cds-state-invalid .cds-step__icon svg{fill:var(--cds-color-feedback-error-100)}.cds-step.cds-state-disabled{cursor:not-allowed}.cds-step.cds-state-disabled .cds-step__icon svg{fill:var(--cds-color-disabled-02)}.cds-step.cds-state-disabled .cds-step__label,.cds-step.cds-state-disabled .cds-step__description{color:var(--cds-color-disabled-02)}.cds-step.cds-state-disabled:hover .cds-step__icon svg{fill:var(--cds-color-disabled-02)}.cds-step.cds-state-disabled:focus .cds-step__icon{box-shadow:none}.cds-step:hover .cds-step__icon svg{fill:var(--cds-color-interactive-01-hover)}.cds-step:focus{outline:0}.cds-step:focus .cds-step__icon{box-shadow:0 0 0 2px var(--cds-color-interactive-01-default)}
|
|
15
15
|
|