kdpa-components 1.59.2 → 1.60.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/dist.rar +0 -0
- package/dist/index.css +2 -1
- package/dist/index.js +170 -169
- package/dist/types/components/AccessibilityWidget/AccessibilityContext.d.ts +9 -0
- package/dist/types/components/AccessibilityWidget/AccessibilityContext.d.ts.map +1 -0
- package/dist/types/components/AccessibilityWidget/AccessibilitySetting.d.ts +4 -0
- package/dist/types/components/AccessibilityWidget/AccessibilitySetting.d.ts.map +1 -0
- package/dist/types/components/AccessibilityWidget/KdpaAccessibilityWidget.d.ts +3 -0
- package/dist/types/components/AccessibilityWidget/KdpaAccessibilityWidget.d.ts.map +1 -0
- package/dist/types/components/AccessibilityWidget/KdpaAccessibilityWidget.stories.d.ts +8 -0
- package/dist/types/components/AccessibilityWidget/KdpaAccessibilityWidget.stories.d.ts.map +1 -0
- package/dist/types/components/AccessibilityWidget/actions.d.ts +11 -0
- package/dist/types/components/AccessibilityWidget/actions.d.ts.map +1 -0
- package/dist/types/components/AccessibilityWidget/index.d.ts +2 -0
- package/dist/types/components/AccessibilityWidget/index.d.ts.map +1 -0
- package/dist/types/components/AccessibilityWidget/settings/BiggerCursor.d.ts +3 -0
- package/dist/types/components/AccessibilityWidget/settings/BiggerCursor.d.ts.map +1 -0
- package/dist/types/components/AccessibilityWidget/settings/Brightness.d.ts +3 -0
- package/dist/types/components/AccessibilityWidget/settings/Brightness.d.ts.map +1 -0
- package/dist/types/components/AccessibilityWidget/settings/ColorFilter.d.ts +3 -0
- package/dist/types/components/AccessibilityWidget/settings/ColorFilter.d.ts.map +1 -0
- package/dist/types/components/AccessibilityWidget/settings/Contrast.d.ts +3 -0
- package/dist/types/components/AccessibilityWidget/settings/Contrast.d.ts.map +1 -0
- package/dist/types/components/AccessibilityWidget/settings/CounterComponent.d.ts +8 -0
- package/dist/types/components/AccessibilityWidget/settings/CounterComponent.d.ts.map +1 -0
- package/dist/types/components/AccessibilityWidget/settings/FontSetting.d.ts +3 -0
- package/dist/types/components/AccessibilityWidget/settings/FontSetting.d.ts.map +1 -0
- package/dist/types/components/AccessibilityWidget/settings/HideImage.d.ts +3 -0
- package/dist/types/components/AccessibilityWidget/settings/HideImage.d.ts.map +1 -0
- package/dist/types/components/AccessibilityWidget/settings/HighlightLink.d.ts +3 -0
- package/dist/types/components/AccessibilityWidget/settings/HighlightLink.d.ts.map +1 -0
- package/dist/types/components/AccessibilityWidget/settings/HighlightTitle.d.ts +3 -0
- package/dist/types/components/AccessibilityWidget/settings/HighlightTitle.d.ts.map +1 -0
- package/dist/types/components/AccessibilityWidget/settings/InvertColor.d.ts +3 -0
- package/dist/types/components/AccessibilityWidget/settings/InvertColor.d.ts.map +1 -0
- package/dist/types/components/AccessibilityWidget/settings/LineHeight.d.ts +3 -0
- package/dist/types/components/AccessibilityWidget/settings/LineHeight.d.ts.map +1 -0
- package/dist/types/components/AccessibilityWidget/settings/Reset.d.ts +3 -0
- package/dist/types/components/AccessibilityWidget/settings/Reset.d.ts.map +1 -0
- package/dist/types/components/AccessibilityWidget/settings/SaturationColor.d.ts +3 -0
- package/dist/types/components/AccessibilityWidget/settings/SaturationColor.d.ts.map +1 -0
- package/dist/types/components/AccessibilityWidget/settings/WordSpacing.d.ts +3 -0
- package/dist/types/components/AccessibilityWidget/settings/WordSpacing.d.ts.map +1 -0
- package/dist/types/components/AccessibilityWidget/settings/Zoom.d.ts +3 -0
- package/dist/types/components/AccessibilityWidget/settings/Zoom.d.ts.map +1 -0
- package/dist/types/components/AccessibilityWidget/types.d.ts +48 -0
- package/dist/types/components/AccessibilityWidget/types.d.ts.map +1 -0
- package/dist/types/components/AccessibilityWidget/utils.d.ts +20 -0
- package/dist/types/components/AccessibilityWidget/utils.d.ts.map +1 -0
- package/dist/types/components/index.d.ts +1 -0
- package/dist/types/components/index.d.ts.map +1 -1
- package/dist/types/designerKit/components/Typography/KdTypography.d.ts.map +1 -1
- package/dist/types/designerKit/components/Uploader/KdAdvanceFileUploader/KdAdvanceFileUploader.d.ts.map +1 -1
- package/dist/types/designerKit/components/Uploader/KdFileUploader/KdFileUploader.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/types/designerKit/components/DataTable/KdDataTable.d.ts +0 -5
- package/dist/types/designerKit/components/DataTable/KdDataTable.d.ts.map +0 -1
- package/dist/types/designerKit/components/DataTable/KdDataTable.stories.d.ts +0 -7
- package/dist/types/designerKit/components/DataTable/KdDataTable.stories.d.ts.map +0 -1
- package/dist/types/designerKit/components/DataTable/Temp.d.ts +0 -3
- package/dist/types/designerKit/components/DataTable/Temp.d.ts.map +0 -1
- package/dist/types/designerKit/components/DataTable/index.d.ts +0 -3
- package/dist/types/designerKit/components/DataTable/index.d.ts.map +0 -1
- package/dist/types/designerKit/components/Swiper/KdSwiperSlide/KdSwiperSlide.d.ts +0 -7
- package/dist/types/designerKit/components/Swiper/KdSwiperSlide/KdSwiperSlide.d.ts.map +0 -1
package/dist/dist.rar
ADDED
|
Binary file
|
package/dist/index.css
CHANGED
|
@@ -44,4 +44,5 @@ button{all:unset}.KdLanguageChange-MenubarRoot{display:flex;gap:10px;width:110px
|
|
|
44
44
|
.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px))}button.swiper-pagination-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}.swiper-pagination-lock{display:none}
|
|
45
45
|
|
|
46
46
|
.advanced-cropper-line-wrapper--north,.advanced-cropper-line-wrapper--south{height:12px;width:100%}.advanced-cropper-line-wrapper--north{cursor:n-resize}.advanced-cropper-line-wrapper--south{cursor:s-resize}.advanced-cropper-line-wrapper--east,.advanced-cropper-line-wrapper--west{height:100%;width:12px}.advanced-cropper-line-wrapper--east{cursor:e-resize}.advanced-cropper-line-wrapper--west{cursor:w-resize}.advanced-cropper-line-wrapper--disabled{cursor:auto}.advanced-cropper-line-wrapper__content{position:absolute}.advanced-cropper-line-wrapper__content--east,.advanced-cropper-line-wrapper__content--west{height:100%}.advanced-cropper-line-wrapper__content--north,.advanced-cropper-line-wrapper__content--south{width:100%}.advanced-cropper-line-wrapper__content--east{left:50%;transform:translateX(-100%)}.advanced-cropper-line-wrapper__content--west{right:50%;transform:translateX(100%)}.advanced-cropper-line-wrapper__content--north{top:50%}.advanced-cropper-line-wrapper__content--south{bottom:50%}.advanced-cropper-handler-wrapper{height:30px;position:absolute;transform:translate(-50%,-50%);width:30px}.advanced-cropper-handler-wrapper__draggable{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.advanced-cropper-handler-wrapper--west-north{cursor:nw-resize}.advanced-cropper-handler-wrapper--north{cursor:n-resize}.advanced-cropper-handler-wrapper--east-north{cursor:ne-resize}.advanced-cropper-handler-wrapper--east{cursor:e-resize}.advanced-cropper-handler-wrapper--east-south{cursor:se-resize}.advanced-cropper-handler-wrapper--south{cursor:s-resize}.advanced-cropper-handler-wrapper--west-south{cursor:sw-resize}.advanced-cropper-handler-wrapper--west{cursor:w-resize}.advanced-cropper-handler-wrapper--disabled{cursor:auto}.advanced-cropper-bounding-box{height:100%;position:relative;width:100%}.advanced-cropper-bounding-box__handler-wrapper{position:absolute}.advanced-cropper-bounding-box__handler-wrapper--east,.advanced-cropper-bounding-box__handler-wrapper--west{height:100%;top:50%;transform:translateY(-50%)}.advanced-cropper-bounding-box__handler-wrapper--north,.advanced-cropper-bounding-box__handler-wrapper--south{left:50%;transform:translateX(-50%);width:100%}.advanced-cropper-bounding-box__handler-wrapper--west,.advanced-cropper-bounding-box__handler-wrapper--west-north,.advanced-cropper-bounding-box__handler-wrapper--west-south{left:0}.advanced-cropper-bounding-box__handler-wrapper--east,.advanced-cropper-bounding-box__handler-wrapper--east-north,.advanced-cropper-bounding-box__handler-wrapper--east-south{left:100%}.advanced-cropper-bounding-box__handler-wrapper--east-north,.advanced-cropper-bounding-box__handler-wrapper--north,.advanced-cropper-bounding-box__handler-wrapper--west-north{top:0}.advanced-cropper-bounding-box__handler-wrapper--east-south,.advanced-cropper-bounding-box__handler-wrapper--south,.advanced-cropper-bounding-box__handler-wrapper--west-south{top:100%}.advanced-cropper-bounding-box__handler{position:absolute}.advanced-cropper-bounding-box__handler--west-north{left:0;top:0}.advanced-cropper-bounding-box__handler--north{left:50%;top:0}.advanced-cropper-bounding-box__handler--east-north{left:100%;top:0}.advanced-cropper-bounding-box__handler--east{left:100%;top:50%}.advanced-cropper-bounding-box__handler--east-south{left:100%;top:100%}.advanced-cropper-bounding-box__handler--south{left:50%;top:100%}.advanced-cropper-bounding-box__handler--west-south{left:0;top:100%}.advanced-cropper-bounding-box__handler--west{left:0;top:50%}.advanced-cropper-bounding-box__line{position:absolute}.advanced-cropper-bounding-box__line--north,.advanced-cropper-bounding-box__line--south{left:0;transform:translateY(-50%)}.advanced-cropper-bounding-box__line--north{top:0}.advanced-cropper-bounding-box__line--south{top:100%}.advanced-cropper-bounding-box__line--east,.advanced-cropper-bounding-box__line--west{top:0;transform:translateX(-50%)}.advanced-cropper-bounding-box__line--west{left:0}.advanced-cropper-bounding-box__line--east{left:100%}.advanced-cropper-artificial-transition{will-change:transform}.advanced-cropper-background-image{max-width:none!important;pointer-events:none;position:absolute;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.advanced-cropper-canvas{display:none}.advanced-cropper-source{height:1px;opacity:0;position:absolute;visibility:hidden;width:1px}.advanced-cropper-fade{display:flex;flex-direction:column;opacity:0;transition:.5s;visibility:hidden}.advanced-cropper-fade--visible{opacity:1;visibility:visible}.advanced-cropper-wrapper__fade{flex-grow:1;min-height:0}.advanced-cropper-stencil-grid{border-collapse:collapse;display:table;opacity:0;table-layout:fixed;transition:opacity .3s}.advanced-cropper-stencil-grid--visible{opacity:1}.advanced-cropper-stencil-grid__row{display:table-row}.advanced-cropper-stencil-grid__cell{border:1px solid;display:table-cell;height:1%;width:1%}.advanced-cropper-stencil-grid__cell--top{border-top-color:transparent}.advanced-cropper-stencil-grid__cell--left{border-left-color:transparent}.advanced-cropper-stencil-grid__cell--right{border-right-color:transparent}.advanced-cropper-stencil-grid__cell--bottom{border-bottom-color:transparent}.advanced-cropper-stencil-overlay{-webkit-backface-visibility:hidden;box-shadow:0 0 0 1000px currentColor;box-sizing:content-box;height:100%;pointer-events:none;position:absolute;width:100%}.advanced-cropper-stencil-wrapper{will-change:transform}.advanced-cropper-boundary{direction:ltr;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.advanced-cropper-boundary__content{height:100%;left:0;position:absolute;top:0;width:100%}.advanced-cropper-boundary__stretcher{max-height:100%;max-width:100%;pointer-events:none;position:relative}.advanced-cropper-circle-stencil{-webkit-backface-visibility:hidden;box-sizing:content-box;height:100%;position:absolute;-webkit-transform-style:preserve-3d;width:100%}.advanced-cropper-circle-stencil__overlay{border-radius:50%;overflow:hidden}.advanced-cropper-circle-stencil__preview{border-radius:50%}.advanced-cropper-circle-stencil__draggable-area,.advanced-cropper-circle-stencil__grid,.advanced-cropper-circle-stencil__overlay,.advanced-cropper-circle-stencil__preview{height:100%;position:absolute;width:100%}.advanced-cropper-circle-stencil--movable{cursor:move}.advanced-cropper-rectangle-stencil{-webkit-backface-visibility:hidden;box-sizing:border-box;-webkit-transform-style:preserve-3d}.advanced-cropper-rectangle-stencil,.advanced-cropper-rectangle-stencil__draggable-area,.advanced-cropper-rectangle-stencil__grid,.advanced-cropper-rectangle-stencil__overlay,.advanced-cropper-rectangle-stencil__preview{height:100%;position:absolute;width:100%}.advanced-cropper-rectangle-stencil--movable{cursor:move}.advanced-cropper-simple-line{background:none;border-width:0}.advanced-cropper-simple-line--north,.advanced-cropper-simple-line--south{height:0;width:100%}.advanced-cropper-simple-line--east,.advanced-cropper-simple-line--west{height:100%;width:0}.advanced-cropper-simple-line--east{border-right-width:1px}.advanced-cropper-simple-line--west{border-left-width:1px}.advanced-cropper-simple-line--south{border-bottom-width:1px}.advanced-cropper-simple-line--north{border-top-width:1px}.advanced-cropper-simple-handler{display:block}.advanced-cropper-preview{box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;position:relative}.advanced-cropper-preview__content{left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%)}.advanced-cropper-preview__image{display:none;max-width:none!important;pointer-events:none;position:absolute;transform-origin:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.advanced-cropper-preview__image--visible{display:block}.advanced-cropper-preview__boundary{flex-grow:1;min-height:0;min-width:0}.cropper-preview-wrapper__fade{flex-grow:1;min-height:0;width:100%}.advanced-cropper{background:#000;color:#fff;display:flex;flex-direction:column;max-height:100%;overflow:hidden;position:relative}.advanced-cropper__boundary{flex-grow:1;min-height:0;min-width:0}.advanced-cropper__background-wrapper,.advanced-cropper__wrapper{bottom:0;left:0;position:absolute;right:0;top:0}.advanced-cropper__stencil-wrapper{position:absolute}.advanced-cropper *{box-sizing:border-box}.advanced-cropper-simple-handler{background:currentColor;height:10px;width:10px}.advanced-cropper-simple-line{border-color:hsla(0,0%,100%,.3);border-style:solid;transition:border .5s}.advanced-cropper-simple-line--hover{border-color:#fff}.advanced-cropper-circle-stencil__preview{border:2px solid hsla(0,0%,100%,.2)}.advanced-cropper-stencil-overlay{color:rgba(0,0,0,.5)}.advanced-cropper-stencil-grid{color:hsla(0,0%,100%,.4)}
|
|
47
|
-
.app-uploaded-file{align-items:center;display:flex;flex-direction:column}.app-uploaded-file .modal-image{height:70px;width:70px}.app-uploaded-file .parent{border-radius:8px;height:70px;overflow:hidden;position:relative;width:70px}.app-uploaded-file .parent:hover .child{opacity:1;transform:translateY(-20px);visibility:visible}.app-uploaded-file .parent>div:first-child{height:70px!important;width:70px!important}.app-uploaded-file .child{align-items:center;background:rgba(0,0,0,.45);display:flex;gap:4px;height:20px;justify-content:center;opacity:0;position:absolute;top:100;transform:translateY(0);transition:visibility .25s,opacity .25s,transform .5s ease;visibility:hidden;width:100%}.app-uploaded-file .child .icon-actions{color:#fff;cursor:pointer}.app-uploaded-file .file-placeholder{align-items:center;display:flex;justify-content:center}
|
|
47
|
+
.app-uploaded-file{align-items:center;display:flex;flex-direction:column}.app-uploaded-file .modal-image{height:70px;width:70px}.app-uploaded-file .parent{border-radius:8px;height:70px;overflow:hidden;position:relative;width:70px}.app-uploaded-file .parent:hover .child{opacity:1;transform:translateY(-20px);visibility:visible}.app-uploaded-file .parent>div:first-child{height:70px!important;width:70px!important}.app-uploaded-file .child{align-items:center;background:rgba(0,0,0,.45);display:flex;gap:4px;height:20px;justify-content:center;opacity:0;position:absolute;top:100;transform:translateY(0);transition:visibility .25s,opacity .25s,transform .5s ease;visibility:hidden;width:100%}.app-uploaded-file .child .icon-actions{color:#fff;cursor:pointer}.app-uploaded-file .file-placeholder{align-items:center;display:flex;justify-content:center}
|
|
48
|
+
.accessibility-widget{border-radius:30px;display:flex;flex-direction:column;gap:16px;height:650px;overflow-y:auto;padding:16px 14px;width:340px}.accessibility-widget__section-title{align-items:center;display:flex;gap:8px}.accessibility-widget__section-title-text{flex-basis:35%}.accessibility-widget__section-title-line{background-color:#d8d8d8;flex-basis:65%;height:2px}.accessibility-widget-section{display:flex;flex-wrap:wrap;gap:12px}.accessibility-widget-section__item{all:unset;align-items:center;border:1px solid #d8d8d8;border-radius:8px;box-shadow:0 2px 2px rgba(0,0,0,.1);cursor:pointer;display:flex;flex:1;flex-basis:30%;flex-direction:column;gap:4px;justify-content:center;min-height:100px;padding:12px;text-align:center;width:144px}.accessibility-widget-section__item:hover{border-color:#a5a5a5;box-shadow:0 4px 8px rgba(0,0,0,.2)}.accessibility-widget-section__item-label{font-size:14px}.accessibility-widget-section__item-slider{width:100%}
|