@das-fed/ui 7.1.0-qatar.1 → 7.1.0-qatar.2

package/packages/components/button/style.css

@@ -1 +1 @@
-@charset "UTF-8";.ant-dropdown[data-v-6fd62293],.basicset-dropdown-wrap[data-v-6fd62293],.ant-dropdown .ant-dropdown-menu[data-v-6fd62293],.basicset-dropdown-wrap .ant-dropdown-menu[data-v-6fd62293]{padding:0}.ant-dropdown .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item,.basicset-dropdown-wrap .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item{height:30px;line-height:30px;font-size:12px;color:#333}html[lang=ar] .ant-dropdown .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item,:host-context(html[lang="ar"]) .ant-dropdown .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item,html[lang=ar] .basicset-dropdown-wrap .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item,:host-context(html[lang="ar"]) .basicset-dropdown-wrap .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item{font-size:14px}.ant-dropdown .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item+.ant-dropdown-menu-item,.basicset-dropdown-wrap .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item+.ant-dropdown-menu-item{border-top:1px solid #e5e5e5}.ant-dropdown .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled,.basicset-dropdown-wrap .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled{color:#b2b2b2}.ant-dropdown .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item:active,.ant-dropdown .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-submenu-title:active,.basicset-dropdown-wrap .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item:active,.basicset-dropdown-wrap .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-submenu-title:active{background:var(--das-ui-button-default-disabled-bgc)}.das-ui-button[data-v-6fd62293]{display:inline-block}.das-ui-button .ant-btn[data-v-6fd62293]{height:28px;line-height:100%;padding:0;border-radius:2px;font-size:12px;color:var(--das-ui-button-default-text);border-color:var(--das-ui-button-default-border);box-sizing:border-box}html[lang=ar] .das-ui-button .ant-btn[data-v-6fd62293],:host-context(html[lang="ar"]) .das-ui-button .ant-btn[data-v-6fd62293]{font-size:14px}.das-ui-button .ant-btn[data-v-6fd62293]:after{box-shadow:none!important}.das-ui-button .ant-btn[data-v-6fd62293]:hover{color:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary)}.das-ui-button .ant-btn[data-v-6fd62293]:active{color:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button .ant-btn[data-v-6fd62293]:disabled{color:var(--das-ui-button-default-disabled);background:var(--das-ui-button-default-disabled-bgc);border-color:var(--das-ui-button-default-border)}.das-ui-button .ant-btn.ant-btn-block[data-v-6fd62293]{padding:0 8px;min-width:unset!important;width:auto!important}.das-ui-button .ant-btn.ant-btn-block.ant-btn-lg[data-v-6fd62293]{padding:0 12px}.das-ui-button .ant-btn.icon-btn[data-v-6fd62293]{display:flex;align-items:center}.das-ui-button .ant-btn.icon-btn .das-icon[data-v-6fd62293]{padding-right:4px}.das-ui-button .ant-btn.icon-btn.icon-rigt .das-icon[data-v-6fd62293]{padding-left:4px;padding-right:0}.das-ui-button .ant-btn.icon-btn.ant-btn-sm .das-icon[data-v-6fd62293]{width:18px}.das-ui-button .ant-btn.icon-btn.middle .das-icon[data-v-6fd62293]{width:20px}.das-ui-button .ant-btn.icon-btn.ant-btn-lg .das-icon[data-v-6fd62293]{width:22px}.das-ui-button .ant-btn.middle[data-v-6fd62293]{min-width:60px}.das-ui-button .ant-btn.ant-btn-sm[data-v-6fd62293]{min-width:60px;height:24px}.das-ui-button .ant-btn.ant-btn-lg[data-v-6fd62293]{min-width:68px;height:32px;font-size:14px}html[lang=ar] .das-ui-button .ant-btn.ant-btn-lg[data-v-6fd62293],:host-context(html[lang="ar"]) .das-ui-button .ant-btn.ant-btn-lg[data-v-6fd62293]{font-size:16px}.das-ui-button .ant-btn.ant-btn-primary[data-v-6fd62293]{color:var(--das-ui-button-primary-text);border-color:var(--das-ui-button-primary);background:var(--das-ui-button-primary)}.das-ui-button .ant-btn.ant-btn-primary.ant-btn-background-ghost[data-v-6fd62293]{background:none;color:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary)}.das-ui-button .ant-btn.ant-btn-primary.ant-btn-background-ghost[data-v-6fd62293]:hover,.das-ui-button .ant-btn.ant-btn-primary.ant-btn-background-ghost[data-v-6fd62293]:active{color:var(--das-ui-button-primary-text)}.das-ui-button .ant-btn.ant-btn-primary.ant-btn-background-ghost.ant-btn-primary[disabled][data-v-6fd62293],.das-ui-button .ant-btn.ant-btn-primary.ant-btn-background-ghost .ant-btn-primary[disabled][data-v-6fd62293]:hover,.das-ui-button .ant-btn.ant-btn-primary.ant-btn-background-ghost .ant-btn-primary[disabled][data-v-6fd62293]:focus,.das-ui-button .ant-btn.ant-btn-primary.ant-btn-background-ghost .ant-btn-primary[disabled][data-v-6fd62293]:active{color:var(--das-ui-button-default-disabled);background:var(--das-ui-button-default-disabled-bgc);border-color:var(--das-ui-button-default-border)}.das-ui-button .ant-btn.ant-btn-primary[data-v-6fd62293]:hover{background:var(--das-ui-button-primary-hover);border-color:var(--das-ui-button-primary-hover)}.das-ui-button .ant-btn.ant-btn-primary[data-v-6fd62293]:active{background:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button .ant-btn.ant-btn-text[data-v-6fd62293]{background:none;border:none;padding:0!important;height:unset}.das-ui-button .ant-btn.ant-btn-text.primary-text[data-v-6fd62293]{color:var(--das-ui-button-primary)}.das-ui-button .ant-btn.ant-btn-text.primary-text[data-v-6fd62293]:hover{color:var(--das-ui-button-primary-hover)}.das-ui-button .ant-btn.ant-btn-text.primary-text[data-v-6fd62293]:active{color:var(--das-ui-button-active)}.das-ui-button .ant-btn.ant-btn-text.primary-text[data-v-6fd62293]:disabled{color:var(--das-ui-button-disabled)}.das-ui-button .ant-btn.ant-btn-primary[disabled][data-v-6fd62293],.das-ui-button .ant-btn .ant-btn-primary[disabled][data-v-6fd62293]:hover,.das-ui-button .ant-btn .ant-btn-primary[disabled][data-v-6fd62293]:focus,.das-ui-button .ant-btn .ant-btn-primary[disabled][data-v-6fd62293]:active{background:var(--das-ui-button-disabled);border-color:var(--das-ui-button-disabled);color:var(--das-ui-button-primary-text-disabled)}.das-ui-button .ant-btn.ant-dropdown-trigger[data-v-6fd62293]{font-size:12px;height:28px;line-height:28px;display:flex;align-items:center;justify-content:center}html[lang=ar] .das-ui-button .ant-btn.ant-dropdown-trigger[data-v-6fd62293],:host-context(html[lang="ar"]) .das-ui-button .ant-btn.ant-dropdown-trigger[data-v-6fd62293]{font-size:14px}.das-ui-button .ant-btn.ant-dropdown-trigger.block[data-v-6fd62293]{width:auto!important;padding:0 8px}.das-ui-button .ant-btn.ant-dropdown-trigger.primary[data-v-6fd62293]{color:var(--das-ui-button-primary-text);background:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary)}.das-ui-button .ant-btn.ant-dropdown-trigger.primary[data-v-6fd62293]:hover{background:var(--das-ui-button-primary-hover);border-color:var(--das-ui-button-primary-hover)}.das-ui-button .ant-btn.ant-dropdown-trigger.primary[data-v-6fd62293]:active,.das-ui-button .ant-btn.ant-dropdown-trigger.primary[data-v-6fd62293]:focus{background:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button .ant-btn.ant-dropdown-trigger.primary[disabled][data-v-6fd62293],.das-ui-button .ant-btn.ant-dropdown-trigger.primary [disabled][data-v-6fd62293]:hover,.das-ui-button .ant-btn.ant-dropdown-trigger.primary [disabled][data-v-6fd62293]:focus,.das-ui-button .ant-btn.ant-dropdown-trigger.primary [disabled][data-v-6fd62293]:active{background:var(--das-ui-button-default-disabled-bgc);border-color:var(--das-ui-button-default-border);color:var(--das-ui-button-default-disabled)}.das-ui-button .ant-btn.ant-dropdown-trigger.primary .das-icon[data-v-6fd62293]{padding-left:4px}.das-ui-button .ant-btn.ant-dropdown-trigger.default[data-v-6fd62293]{color:var(--das-ui-button-default-text)}.das-ui-button .ant-btn.ant-dropdown-trigger.default[data-v-6fd62293]:hover{color:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary)}.das-ui-button .ant-btn.ant-dropdown-trigger.default:hover .das-icon[data-v-6fd62293]{color:var(--das-ui-button-primary)}.das-ui-button .ant-btn.ant-dropdown-trigger.default[data-v-6fd62293]:active,.das-ui-button .ant-btn.ant-dropdown-trigger.default[data-v-6fd62293]:focus{color:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button .ant-btn.ant-dropdown-trigger.default:active .das-icon[data-v-6fd62293],.das-ui-button .ant-btn.ant-dropdown-trigger.default:focus .das-icon[data-v-6fd62293]{color:var(--das-ui-button-active)}.das-ui-button .ant-btn.ant-dropdown-trigger.default[disabled][data-v-6fd62293],.das-ui-button .ant-btn.ant-dropdown-trigger.default [disabled][data-v-6fd62293]:hover,.das-ui-button .ant-btn.ant-dropdown-trigger.default [disabled][data-v-6fd62293]:focus,.das-ui-button .ant-btn.ant-dropdown-trigger.default [disabled][data-v-6fd62293]:active{background:var(--das-ui-button-default-disabled-bgc);border-color:var(--das-ui-button-default-border);color:var(--das-ui-button-default-disabled)}.das-ui-button .ant-btn.ant-dropdown-trigger.default[disabled] .das-icon[data-v-6fd62293],.das-ui-button .ant-btn.ant-dropdown-trigger.default [disabled]:hover .das-icon[data-v-6fd62293],.das-ui-button .ant-btn.ant-dropdown-trigger.default [disabled]:focus .das-icon[data-v-6fd62293],.das-ui-button .ant-btn.ant-dropdown-trigger.default [disabled]:active .das-icon[data-v-6fd62293]{color:var(--das-ui-button-default-disabled)}.das-ui-button .ant-btn.ant-dropdown-trigger.default .das-icon[data-v-6fd62293]{color:#666}.das-ui-button .ant-btn.ant-dropdown-trigger.default .das-icon[data-v-6fd62293]{padding-left:4px}.das-ui-button .ant-btn.ant-dropdown-trigger.small[data-v-6fd62293]{width:60px;height:24px;font-size:12px}html[lang=ar] .das-ui-button .ant-btn.ant-dropdown-trigger.small[data-v-6fd62293],:host-context(html[lang="ar"]) .das-ui-button .ant-btn.ant-dropdown-trigger.small[data-v-6fd62293]{font-size:14px}.das-ui-button .ant-btn.ant-dropdown-trigger.middle[data-v-6fd62293]{width:60px;height:28px;font-size:12px}html[lang=ar] .das-ui-button .ant-btn.ant-dropdown-trigger.middle[data-v-6fd62293],:host-context(html[lang="ar"]) .das-ui-button .ant-btn.ant-dropdown-trigger.middle[data-v-6fd62293]{font-size:14px}.das-ui-button .ant-btn.ant-dropdown-trigger.large[data-v-6fd62293]{width:74px;height:32px;font-size:14px}html[lang=ar] .das-ui-button .ant-btn.ant-dropdown-trigger.large[data-v-6fd62293],:host-context(html[lang="ar"]) .das-ui-button .ant-btn.ant-dropdown-trigger.large[data-v-6fd62293]{font-size:16px}.das-ui-button .ant-radio-group[data-v-6fd62293]{height:28px;overflow:hidden}.das-ui-button .ant-radio-group .ant-radio-button-wrapper-checked[data-v-6fd62293]:not(.ant-radio-button-wrapper-disabled):focus-within{box-shadow:none}.das-ui-button .ant-radio-group .ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]).ant-radio-button-wrapper[data-v-6fd62293]:first-child{border-right-color:var(--das-ui-button-primary)}.das-ui-button .ant-radio-group .ant-radio-button-wrapper[data-v-6fd62293]{font-size:14px;color:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary);font-weight:400;line-height:26px;height:100%}html[lang=ar] .das-ui-button .ant-radio-group .ant-radio-button-wrapper[data-v-6fd62293],:host-context(html[lang="ar"]) .das-ui-button .ant-radio-group .ant-radio-button-wrapper[data-v-6fd62293]{font-size:16px}.das-ui-button .ant-radio-group .ant-radio-button-wrapper[data-v-6fd62293]:not(:first-child):before{background:var(--das-ui-button-primary)}.das-ui-button .ant-radio-group .ant-radio-button-wrapper[data-v-6fd62293]:hover{background:var(--das-ui-button-primary-hover);color:var(--das-ui-button-primary-text);border-color:var(--das-ui-button-primary-hover)}.das-ui-button .ant-radio-group .ant-radio-button-wrapper[data-v-6fd62293]:active,.das-ui-button .ant-radio-group .ant-radio-button-wrapper[data-v-6fd62293]:focus{background:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled[data-v-6fd62293],.das-ui-button .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled[data-v-6fd62293]:hover,.das-ui-button .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled[data-v-6fd62293]:focus,.das-ui-button .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled[data-v-6fd62293]:active{background:var(--das-ui-button-default-disabled-bgc);border-color:var(--das-ui-button-default-border);color:var(--das-ui-button-default-disabled)}.das-ui-button .ant-radio-group .ant-radio-button-wrapper-checked[data-v-6fd62293]:not(.ant-radio-button-wrapper-disabled){background:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary);color:var(--das-ui-button-primary-text)}.das-ui-button .ant-btn-group{box-sizing:border-box}.das-ui-button .ant-btn-group .ant-btn:hover,.das-ui-button .ant-btn-group .ant-btn:active,.das-ui-button .ant-btn-group .ant-btn:focus{border-color:var(--das-ui-button-primary);color:var(--das-ui-button-primary)}.das-ui-button .ant-btn-group .ant-btn:after{box-shadow:none!important}.das-ui-button .ant-btn-group .ant-btn+.ant-btn{width:25px;display:flex;align-items:center;justify-content:center;border-top-right-radius:2px;border-bottom-right-radius:2px}.das-ui-button .ant-btn-group .ant-btn[disabled],.das-ui-button .ant-btn-group .ant-btn[disabled]:hover,.das-ui-button .ant-btn-group .ant-btn[disabled]:focus,.das-ui-button .ant-btn-group .ant-btn[disabled]:active{background:var(--das-ui-button-default-disabled-bgc);border-color:var(--das-ui-button-default-border);color:var(--das-ui-button-default-disabled)}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary:first-child:not(:last-child){background:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary);border:none}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary:first-child:not(:last-child):hover{background:var(--das-ui-button-primary-hover);color:var(--das-ui-button-primary-text)}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary:first-child:not(:last-child):hover:first-child:not(:last-child){border-color:var(--das-ui-button-primary-hover);border-right-width:0}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary:first-child:not(:last-child):focus{color:var(--das-ui-button-primary-text)}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary:first-child:not(:last-child):active{background:var(--das-ui-button-active);color:var(--das-ui-button-primary-text)}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary:first-child:not(:last-child):active:first-child:not(:last-child){border-color:var(--das-ui-button-active)}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary:first-child:not(:last-child):disabled{color:var(--das-ui-button-disabled)}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary:first-child:not(:last-child)[disabled],.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary:first-child:not(:last-child) [disabled]:hover,.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary:first-child:not(:last-child) [disabled]:focus,.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary:first-child:not(:last-child) [disabled]:active{background:var(--das-ui-button-disabled);border-color:var(--das-ui-button-disabled);color:var(--das-ui-button-primary-text-disabled)}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary+.ant-btn-primary{width:24px;display:flex;align-items:center;justify-content:center;border:none;background:var(--das-ui-button-set);border-top-right-radius:2px;border-bottom-right-radius:2px;margin-left:0!important}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary+.ant-btn-primary:hover{background:var(--das-ui-button-set-hover)}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary+.ant-btn-primary:active,.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary+.ant-btn-primary:focus{background:var(--das-ui-button-set-active)}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary+.ant-btn-primary[disabled],.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary+.ant-btn-primary [disabled]:hover,.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary+.ant-btn-primary [disabled]:focus,.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary+.ant-btn-primary [disabled]:active{background:var(--das-ui-button-set-disabled);border-color:var(--das-ui-button-set-disabled);color:var(--das-ui-button-primary-text-disabled)}.das-ui-button .ant-btn-group .sameset-dropdown-wrap{left:0!important;min-width:calc(100% + 8px)!important}.das-ui-button .ant-btn-group .ant-dropdown .ant-dropdown-menu-item{height:30px;line-height:30px;font-size:12px;color:#333}html[lang=ar] .das-ui-button .ant-btn-group .ant-dropdown .ant-dropdown-menu-item,:host-context(html[lang="ar"]) .das-ui-button .ant-btn-group .ant-dropdown .ant-dropdown-menu-item{font-size:14px}.das-ui-button .ant-btn-group .ant-dropdown .ant-dropdown-menu-item+.ant-dropdown-menu-item{border-top:1px solid #e5e5e5}.das-ui-button .ant-btn-group .ant-dropdown .ant-dropdown-menu-item:active,.das-ui-button .ant-btn-group .ant-dropdown .ant-dropdown-menu-submenu-title:active{background:var(--das-ui-button-default-disabled-bgc)}.das-ui-button .ant-btn-group.block .ant-btn:first-child:not(:last-child){width:auto!important;padding:0 8px}.das-ui-button .ant-btn-group.small .ant-btn{font-size:12px;height:24px;padding:0}html[lang=ar] .das-ui-button .ant-btn-group.small .ant-btn,:host-context(html[lang="ar"]) .das-ui-button .ant-btn-group.small .ant-btn{font-size:14px}.das-ui-button .ant-btn-group.small .ant-btn:first-child:not(:last-child){width:40px;text-align:center}.das-ui-button .ant-btn-group.middle .ant-btn{font-size:12px;height:28px;padding:0}html[lang=ar] .das-ui-button .ant-btn-group.middle .ant-btn,:host-context(html[lang="ar"]) .das-ui-button .ant-btn-group.middle .ant-btn{font-size:14px}.das-ui-button .ant-btn-group.middle .ant-btn:first-child:not(:last-child){width:40px;text-align:center}.das-ui-button .ant-btn-group.large{height:32px;font-size:14px}html[lang=ar] .das-ui-button .ant-btn-group.large,:host-context(html[lang="ar"]) .das-ui-button .ant-btn-group.large{font-size:16px}.das-ui-button .ant-btn-group.large:first-child:not(:last-child){width:52px;padding:0;text-align:center}
+@charset "UTF-8";.ant-dropdown[data-v-6fd62293],.basicset-dropdown-wrap[data-v-6fd62293],.ant-dropdown .ant-dropdown-menu[data-v-6fd62293],.basicset-dropdown-wrap .ant-dropdown-menu[data-v-6fd62293]{padding:0}.ant-dropdown .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item,.basicset-dropdown-wrap .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item{height:30px;line-height:30px;font-size:12px;color:var(--das-color-text-title)}html[lang=ar] .ant-dropdown .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item,:host-context(html[lang="ar"]) .ant-dropdown .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item,html[lang=ar] .basicset-dropdown-wrap .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item,:host-context(html[lang="ar"]) .basicset-dropdown-wrap .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item{font-size:14px}.ant-dropdown .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item+.ant-dropdown-menu-item,.basicset-dropdown-wrap .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item+.ant-dropdown-menu-item{border-top:1px solid var(--das-color-border-base)}.ant-dropdown .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled,.basicset-dropdown-wrap .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item.ant-dropdown-menu-item-disabled{color:var(--das-color-text-caption)}.ant-dropdown .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item:active,.ant-dropdown .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-submenu-title:active,.basicset-dropdown-wrap .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-item:active,.basicset-dropdown-wrap .ant-dropdown-menu[data-v-6fd62293] .ant-dropdown-menu-submenu-title:active{background:var(--das-ui-button-default-disabled-bgc)}.das-ui-button[data-v-6fd62293]{display:inline-block}.das-ui-button .ant-btn[data-v-6fd62293]{height:28px;line-height:100%;padding:0;border-radius:var(--das-ui-button-radius);font-size:12px;color:var(--das-ui-button-default-text);border-color:var(--das-ui-button-default-border);box-sizing:border-box}html[lang=ar] .das-ui-button .ant-btn[data-v-6fd62293],:host-context(html[lang="ar"]) .das-ui-button .ant-btn[data-v-6fd62293]{font-size:14px}.das-ui-button .ant-btn[data-v-6fd62293]:after{box-shadow:none!important}.das-ui-button .ant-btn[data-v-6fd62293]:hover{color:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary)}.das-ui-button .ant-btn[data-v-6fd62293]:active{color:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button .ant-btn[data-v-6fd62293]:disabled{color:var(--das-ui-button-default-disabled);background:var(--das-ui-button-default-disabled-bgc);border-color:var(--das-ui-button-default-border)}.das-ui-button .ant-btn.ant-btn-block[data-v-6fd62293]{padding:0 8px;min-width:unset!important;width:auto!important}.das-ui-button .ant-btn.ant-btn-block.ant-btn-lg[data-v-6fd62293]{padding:0 12px}.das-ui-button .ant-btn.icon-btn[data-v-6fd62293]{display:flex;align-items:center}.das-ui-button .ant-btn.icon-btn .das-icon[data-v-6fd62293]{padding-right:4px}.das-ui-button .ant-btn.icon-btn.icon-rigt .das-icon[data-v-6fd62293]{padding-left:4px;padding-right:0}.das-ui-button .ant-btn.icon-btn.ant-btn-sm .das-icon[data-v-6fd62293]{width:18px}.das-ui-button .ant-btn.icon-btn.middle .das-icon[data-v-6fd62293]{width:20px}.das-ui-button .ant-btn.icon-btn.ant-btn-lg .das-icon[data-v-6fd62293]{width:22px}.das-ui-button .ant-btn.middle[data-v-6fd62293]{min-width:60px}.das-ui-button .ant-btn.ant-btn-sm[data-v-6fd62293]{min-width:60px;height:24px;border-radius:var(--das-ui-button-radius-sm)}.das-ui-button .ant-btn.ant-btn-lg[data-v-6fd62293]{min-width:68px;height:32px;font-size:14px}html[lang=ar] .das-ui-button .ant-btn.ant-btn-lg[data-v-6fd62293],:host-context(html[lang="ar"]) .das-ui-button .ant-btn.ant-btn-lg[data-v-6fd62293]{font-size:16px}.das-ui-button .ant-btn.ant-btn-primary[data-v-6fd62293]{color:var(--das-ui-button-primary-text);border-color:var(--das-ui-button-primary);background:var(--das-ui-button-primary)}.das-ui-button .ant-btn.ant-btn-primary.ant-btn-background-ghost[data-v-6fd62293]{background:none;color:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary)}.das-ui-button .ant-btn.ant-btn-primary.ant-btn-background-ghost[data-v-6fd62293]:hover,.das-ui-button .ant-btn.ant-btn-primary.ant-btn-background-ghost[data-v-6fd62293]:active{color:var(--das-ui-button-primary-text)}.das-ui-button .ant-btn.ant-btn-primary.ant-btn-background-ghost.ant-btn-primary[disabled][data-v-6fd62293],.das-ui-button .ant-btn.ant-btn-primary.ant-btn-background-ghost .ant-btn-primary[disabled][data-v-6fd62293]:hover,.das-ui-button .ant-btn.ant-btn-primary.ant-btn-background-ghost .ant-btn-primary[disabled][data-v-6fd62293]:focus,.das-ui-button .ant-btn.ant-btn-primary.ant-btn-background-ghost .ant-btn-primary[disabled][data-v-6fd62293]:active{color:var(--das-ui-button-default-disabled);background:var(--das-ui-button-default-disabled-bgc);border-color:var(--das-ui-button-default-border)}.das-ui-button .ant-btn.ant-btn-primary[data-v-6fd62293]:hover{background:var(--das-ui-button-primary-hover);border-color:var(--das-ui-button-primary-hover)}.das-ui-button .ant-btn.ant-btn-primary[data-v-6fd62293]:active{background:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button .ant-btn.ant-btn-text[data-v-6fd62293]{background:none;border:none;padding:0!important;height:unset}.das-ui-button .ant-btn.ant-btn-text.primary-text[data-v-6fd62293]{color:var(--das-ui-button-primary)}.das-ui-button .ant-btn.ant-btn-text.primary-text[data-v-6fd62293]:hover{color:var(--das-ui-button-primary-hover)}.das-ui-button .ant-btn.ant-btn-text.primary-text[data-v-6fd62293]:active{color:var(--das-ui-button-active)}.das-ui-button .ant-btn.ant-btn-text.primary-text[data-v-6fd62293]:disabled{color:var(--das-ui-button-disabled)}.das-ui-button .ant-btn.ant-btn-primary[disabled][data-v-6fd62293],.das-ui-button .ant-btn .ant-btn-primary[disabled][data-v-6fd62293]:hover,.das-ui-button .ant-btn .ant-btn-primary[disabled][data-v-6fd62293]:focus,.das-ui-button .ant-btn .ant-btn-primary[disabled][data-v-6fd62293]:active{background:var(--das-ui-button-disabled);border-color:var(--das-ui-button-disabled);color:var(--das-ui-button-primary-text-disabled)}.das-ui-button .ant-btn.ant-dropdown-trigger[data-v-6fd62293]{font-size:12px;height:28px;line-height:28px;display:flex;align-items:center;justify-content:center}html[lang=ar] .das-ui-button .ant-btn.ant-dropdown-trigger[data-v-6fd62293],:host-context(html[lang="ar"]) .das-ui-button .ant-btn.ant-dropdown-trigger[data-v-6fd62293]{font-size:14px}.das-ui-button .ant-btn.ant-dropdown-trigger.block[data-v-6fd62293]{width:auto!important;padding:0 8px}.das-ui-button .ant-btn.ant-dropdown-trigger.primary[data-v-6fd62293]{color:var(--das-ui-button-primary-text);background:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary)}.das-ui-button .ant-btn.ant-dropdown-trigger.primary[data-v-6fd62293]:hover{background:var(--das-ui-button-primary-hover);border-color:var(--das-ui-button-primary-hover)}.das-ui-button .ant-btn.ant-dropdown-trigger.primary[data-v-6fd62293]:active,.das-ui-button .ant-btn.ant-dropdown-trigger.primary[data-v-6fd62293]:focus{background:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button .ant-btn.ant-dropdown-trigger.primary[disabled][data-v-6fd62293],.das-ui-button .ant-btn.ant-dropdown-trigger.primary [disabled][data-v-6fd62293]:hover,.das-ui-button .ant-btn.ant-dropdown-trigger.primary [disabled][data-v-6fd62293]:focus,.das-ui-button .ant-btn.ant-dropdown-trigger.primary [disabled][data-v-6fd62293]:active{background:var(--das-ui-button-default-disabled-bgc);border-color:var(--das-ui-button-default-border);color:var(--das-ui-button-default-disabled)}.das-ui-button .ant-btn.ant-dropdown-trigger.primary .das-icon[data-v-6fd62293]{padding-left:4px}.das-ui-button .ant-btn.ant-dropdown-trigger.default[data-v-6fd62293]{color:var(--das-ui-button-default-text)}.das-ui-button .ant-btn.ant-dropdown-trigger.default[data-v-6fd62293]:hover{color:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary)}.das-ui-button .ant-btn.ant-dropdown-trigger.default:hover .das-icon[data-v-6fd62293]{color:var(--das-ui-button-primary)}.das-ui-button .ant-btn.ant-dropdown-trigger.default[data-v-6fd62293]:active,.das-ui-button .ant-btn.ant-dropdown-trigger.default[data-v-6fd62293]:focus{color:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button .ant-btn.ant-dropdown-trigger.default:active .das-icon[data-v-6fd62293],.das-ui-button .ant-btn.ant-dropdown-trigger.default:focus .das-icon[data-v-6fd62293]{color:var(--das-ui-button-active)}.das-ui-button .ant-btn.ant-dropdown-trigger.default[disabled][data-v-6fd62293],.das-ui-button .ant-btn.ant-dropdown-trigger.default [disabled][data-v-6fd62293]:hover,.das-ui-button .ant-btn.ant-dropdown-trigger.default [disabled][data-v-6fd62293]:focus,.das-ui-button .ant-btn.ant-dropdown-trigger.default [disabled][data-v-6fd62293]:active{background:var(--das-ui-button-default-disabled-bgc);border-color:var(--das-ui-button-default-border);color:var(--das-ui-button-default-disabled)}.das-ui-button .ant-btn.ant-dropdown-trigger.default[disabled] .das-icon[data-v-6fd62293],.das-ui-button .ant-btn.ant-dropdown-trigger.default [disabled]:hover .das-icon[data-v-6fd62293],.das-ui-button .ant-btn.ant-dropdown-trigger.default [disabled]:focus .das-icon[data-v-6fd62293],.das-ui-button .ant-btn.ant-dropdown-trigger.default [disabled]:active .das-icon[data-v-6fd62293]{color:var(--das-ui-button-default-disabled)}.das-ui-button .ant-btn.ant-dropdown-trigger.default .das-icon[data-v-6fd62293]{color:var(--das-color-text-body)}.das-ui-button .ant-btn.ant-dropdown-trigger.default .das-icon[data-v-6fd62293]{padding-left:4px}.das-ui-button .ant-btn.ant-dropdown-trigger.small[data-v-6fd62293]{width:60px;height:24px;font-size:12px;border-radius:var(--das-ui-button-radius-sm)}html[lang=ar] .das-ui-button .ant-btn.ant-dropdown-trigger.small[data-v-6fd62293],:host-context(html[lang="ar"]) .das-ui-button .ant-btn.ant-dropdown-trigger.small[data-v-6fd62293]{font-size:14px}.das-ui-button .ant-btn.ant-dropdown-trigger.middle[data-v-6fd62293]{width:60px;height:28px;font-size:12px}html[lang=ar] .das-ui-button .ant-btn.ant-dropdown-trigger.middle[data-v-6fd62293],:host-context(html[lang="ar"]) .das-ui-button .ant-btn.ant-dropdown-trigger.middle[data-v-6fd62293]{font-size:14px}.das-ui-button .ant-btn.ant-dropdown-trigger.large[data-v-6fd62293]{width:74px;height:32px;font-size:14px}html[lang=ar] .das-ui-button .ant-btn.ant-dropdown-trigger.large[data-v-6fd62293],:host-context(html[lang="ar"]) .das-ui-button .ant-btn.ant-dropdown-trigger.large[data-v-6fd62293]{font-size:16px}.das-ui-button .ant-radio-group[data-v-6fd62293]{height:28px;overflow:hidden}.das-ui-button .ant-radio-group .ant-radio-button-wrapper-checked[data-v-6fd62293]:not(.ant-radio-button-wrapper-disabled):focus-within{box-shadow:none}.das-ui-button .ant-radio-group .ant-radio-button-wrapper-checked:not([class*=" ant-radio-button-wrapper-disabled"]).ant-radio-button-wrapper[data-v-6fd62293]:first-child{border-right-color:var(--das-ui-button-primary)}.das-ui-button .ant-radio-group .ant-radio-button-wrapper[data-v-6fd62293]{font-size:14px;color:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary);font-weight:400;line-height:26px;height:100%}html[lang=ar] .das-ui-button .ant-radio-group .ant-radio-button-wrapper[data-v-6fd62293],:host-context(html[lang="ar"]) .das-ui-button .ant-radio-group .ant-radio-button-wrapper[data-v-6fd62293]{font-size:16px}.das-ui-button .ant-radio-group .ant-radio-button-wrapper[data-v-6fd62293]:not(:first-child):before{background:var(--das-ui-button-primary)}.das-ui-button .ant-radio-group .ant-radio-button-wrapper[data-v-6fd62293]:hover{background:var(--das-ui-button-primary-hover);color:var(--das-ui-button-primary-text);border-color:var(--das-ui-button-primary-hover)}.das-ui-button .ant-radio-group .ant-radio-button-wrapper[data-v-6fd62293]:active,.das-ui-button .ant-radio-group .ant-radio-button-wrapper[data-v-6fd62293]:focus{background:var(--das-ui-button-active);border-color:var(--das-ui-button-active)}.das-ui-button .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled[data-v-6fd62293],.das-ui-button .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled[data-v-6fd62293]:hover,.das-ui-button .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled[data-v-6fd62293]:focus,.das-ui-button .ant-radio-group .ant-radio-button-wrapper.ant-radio-button-wrapper-disabled[data-v-6fd62293]:active{background:var(--das-ui-button-default-disabled-bgc);border-color:var(--das-ui-button-default-border);color:var(--das-ui-button-default-disabled)}.das-ui-button .ant-radio-group .ant-radio-button-wrapper[data-v-6fd62293]:first-child{border-radius:var(--das-ui-button-radius) 0 0 var(--das-ui-button-radius)}.das-ui-button .ant-radio-group .ant-radio-button-wrapper[data-v-6fd62293]:last-child{border-radius:0 var(--das-ui-button-radius) var(--das-ui-button-radius) 0}.das-ui-button .ant-radio-group .ant-radio-button-wrapper-checked[data-v-6fd62293]:not(.ant-radio-button-wrapper-disabled){background:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary);color:var(--das-ui-button-primary-text)}.das-ui-button .ant-btn-group{box-sizing:border-box}.das-ui-button .ant-btn-group .ant-btn{border-radius:var(--das-ui-button-radius)}.das-ui-button .ant-btn-group .ant-btn:hover,.das-ui-button .ant-btn-group .ant-btn:active,.das-ui-button .ant-btn-group .ant-btn:focus{border-color:var(--das-ui-button-primary);color:var(--das-ui-button-primary)}.das-ui-button .ant-btn-group .ant-btn:after{box-shadow:none!important}.das-ui-button .ant-btn-group .ant-btn:first-child:not(:last-child){border-top-left-radius:var(--das-ui-button-radius);border-top-right-radius:0;border-bottom-left-radius:var(--das-ui-button-radius);border-bottom-right-radius:0}.das-ui-button .ant-btn-group .ant-btn+.ant-btn{width:25px;display:flex;align-items:center;justify-content:center;border-top-left-radius:0;border-top-right-radius:var(--das-ui-button-radius);border-bottom-left-radius:0;border-bottom-right-radius:var(--das-ui-button-radius)}.das-ui-button .ant-btn-group .ant-btn[disabled],.das-ui-button .ant-btn-group .ant-btn[disabled]:hover,.das-ui-button .ant-btn-group .ant-btn[disabled]:focus,.das-ui-button .ant-btn-group .ant-btn[disabled]:active{background:var(--das-ui-button-default-disabled-bgc);border-color:var(--das-ui-button-default-border);color:var(--das-ui-button-default-disabled)}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary:first-child:not(:last-child){background:var(--das-ui-button-primary);border-color:var(--das-ui-button-primary);border:none}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary:first-child:not(:last-child):hover{background:var(--das-ui-button-primary-hover);color:var(--das-ui-button-primary-text)}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary:first-child:not(:last-child):hover:first-child:not(:last-child){border-color:var(--das-ui-button-primary-hover);border-right-width:0}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary:first-child:not(:last-child):focus{color:var(--das-ui-button-primary-text)}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary:first-child:not(:last-child):active{background:var(--das-ui-button-active);color:var(--das-ui-button-primary-text)}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary:first-child:not(:last-child):active:first-child:not(:last-child){border-color:var(--das-ui-button-active)}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary:first-child:not(:last-child):disabled{color:var(--das-ui-button-disabled)}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary:first-child:not(:last-child)[disabled],.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary:first-child:not(:last-child) [disabled]:hover,.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary:first-child:not(:last-child) [disabled]:focus,.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary:first-child:not(:last-child) [disabled]:active{background:var(--das-ui-button-disabled);border-color:var(--das-ui-button-disabled);color:var(--das-ui-button-primary-text-disabled)}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary+.ant-btn-primary{width:24px;display:flex;align-items:center;justify-content:center;border:none;background:var(--das-ui-button-set);border-top-right-radius:var(--das-ui-button-radius);border-bottom-right-radius:var(--das-ui-button-radius);margin-left:0!important}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary+.ant-btn-primary:hover{background:var(--das-ui-button-set-hover)}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary+.ant-btn-primary:active,.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary+.ant-btn-primary:focus{background:var(--das-ui-button-set-active)}.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary+.ant-btn-primary[disabled],.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary+.ant-btn-primary [disabled]:hover,.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary+.ant-btn-primary [disabled]:focus,.das-ui-button .ant-btn-group .ant-btn.ant-btn-primary+.ant-btn-primary [disabled]:active{background:var(--das-ui-button-set-disabled);border-color:var(--das-ui-button-set-disabled);color:var(--das-ui-button-primary-text-disabled)}.das-ui-button .ant-btn-group .sameset-dropdown-wrap{left:0!important;min-width:calc(100% + 8px)!important}.das-ui-button .ant-btn-group .ant-dropdown .ant-dropdown-menu-item{height:30px;line-height:30px;font-size:12px;color:var(--das-color-text-title)}html[lang=ar] .das-ui-button .ant-btn-group .ant-dropdown .ant-dropdown-menu-item,:host-context(html[lang="ar"]) .das-ui-button .ant-btn-group .ant-dropdown .ant-dropdown-menu-item{font-size:14px}.das-ui-button .ant-btn-group .ant-dropdown .ant-dropdown-menu-item+.ant-dropdown-menu-item{border-top:1px solid var(--das-color-border-base)}.das-ui-button .ant-btn-group .ant-dropdown .ant-dropdown-menu-item:active,.das-ui-button .ant-btn-group .ant-dropdown .ant-dropdown-menu-submenu-title:active{background:var(--das-ui-button-default-disabled-bgc)}.das-ui-button .ant-btn-group.block .ant-btn:first-child:not(:last-child){width:auto!important;padding:0 8px}.das-ui-button .ant-btn-group.small .ant-btn{font-size:12px;height:24px;padding:0;border-radius:var(--das-ui-button-radius-sm)}html[lang=ar] .das-ui-button .ant-btn-group.small .ant-btn,:host-context(html[lang="ar"]) .das-ui-button .ant-btn-group.small .ant-btn{font-size:14px}.das-ui-button .ant-btn-group.small .ant-btn:first-child:not(:last-child){border-top-left-radius:var(--das-ui-button-radius-sm);border-top-right-radius:0;border-bottom-left-radius:var(--das-ui-button-radius-sm);border-bottom-right-radius:0}.das-ui-button .ant-btn-group.small .ant-btn+.ant-btn{border-top-left-radius:0;border-top-right-radius:var(--das-ui-button-radius-sm);border-bottom-left-radius:0;border-bottom-right-radius:var(--das-ui-button-radius-sm)}.das-ui-button .ant-btn-group.small .ant-btn:first-child:not(:last-child){width:40px;text-align:center}.das-ui-button .ant-btn-group.middle .ant-btn{font-size:12px;height:28px;padding:0}html[lang=ar] .das-ui-button .ant-btn-group.middle .ant-btn,:host-context(html[lang="ar"]) .das-ui-button .ant-btn-group.middle .ant-btn{font-size:14px}.das-ui-button .ant-btn-group.middle .ant-btn:first-child:not(:last-child){width:40px;text-align:center}.das-ui-button .ant-btn-group.large{height:32px;font-size:14px}html[lang=ar] .das-ui-button .ant-btn-group.large,:host-context(html[lang="ar"]) .das-ui-button .ant-btn-group.large{font-size:16px}.das-ui-button .ant-btn-group.large:first-child:not(:last-child){width:52px;padding:0;text-align:center}

package/packages/components/button/theme/index.d.ts

@@ -1,21 +1,19 @@
 declare const _default: {
-    '--demo-alert-bg': {
-        light: string;
-        dark: string;
-    };
     '--das-ui-button-primary': string;
+    '--das-ui-button-primary-hover': string;
+    '--das-ui-button-active': string;
+    '--das-ui-button-disabled': string;
     '--das-ui-button-primary-text': string;
     '--das-ui-button-primary-text-disabled': string;
     '--das-ui-button-default-text': string;
     '--das-ui-button-default-border': string;
     '--das-ui-button-default-disabled': string;
     '--das-ui-button-default-disabled-bgc': string;
-    '--das-ui-button-primary-hover': string;
-    '--das-ui-button-active': string;
-    '--das-ui-button-disabled': string;
     '--das-ui-button-set': string;
     '--das-ui-button-set-hover': string;
     '--das-ui-button-set-active': string;
     '--das-ui-button-set-disabled': string;
+    '--das-ui-button-radius': string;
+    '--das-ui-button-radius-sm': string;
 };
 export default _default;

package/packages/components/calendar/index.js

@@ -1,17 +1,17 @@
 import '@das-fed/ui/packages/components/calendar/style.css';
-import { withInstall as ee } from "@das-fed/utils/with-install/index";
-import { defineComponent as Q, ref as O, computed as g, watch as ae, nextTick as x, createElementBlock as m, createCommentVNode as C, openBlock as u, normalizeClass as B, createElementVNode as b, Fragment as j, renderList as P, renderSlot as N, toDisplayString as L, normalizeStyle as te, onMounted as re, onBeforeUnmount as ne, createVNode as se, createSlots as K, withCtx as V, normalizeProps as F, mergeProps as Z, guardReactiveProps as E, createBlock as oe } from "vue";
-import { t as A, currentLang as U, setI18nRule as de } from "@das-fed/web/packages/i18n/index";
+import { withInstall as ae } from "@das-fed/utils/with-install/index";
+import { defineComponent as X, ref as O, computed as g, watch as te, nextTick as G, createElementBlock as m, createCommentVNode as C, openBlock as u, normalizeClass as A, createElementVNode as b, Fragment as P, renderList as L, renderSlot as N, toDisplayString as J, normalizeStyle as re, onMounted as ne, onBeforeUnmount as se, createVNode as oe, createSlots as K, withCtx as F, normalizeProps as Z, mergeProps as j, guardReactiveProps as E, createBlock as de } from "vue";
+import { t as B, currentLang as U, setI18nRule as le } from "@das-fed/web/packages/i18n/index";
 import M from "dayjs";
-import { SizeWatcher as le } from "@das-fed/utils/size-watcher";
-import { setThemeRule as ce } from "@das-fed/web/packages/theme/index";
-const he = (o, i) => {
+import { SizeWatcher as ce } from "@das-fed/utils/size-watcher";
+import { getVar as Y, setGlobalThemeRule as he, setThemeRule as ie } from "@das-fed/web/packages/theme/index";
+const ue = (o, i) => {
   const d = o.endOf("month"), c = i.startOf("month"), r = d.isSame(c, "week") ? c.add(1, "week") : c;
   return [
     [o, d],
     [r.startOf("week"), i]
   ];
-}, ie = (o, i) => {
+}, pe = (o, i) => {
   const d = o.endOf("month"), c = o.add(1, "month").startOf("month"), s = d.isSame(
     c,
     "week"
@@ -23,20 +23,20 @@ const he = (o, i) => {
   ];
 }, q = (o, i) => {
   const d = o.startOf("week"), c = i.endOf("week"), s = d.get("month"), r = c.get("month");
-  return s === r ? [[d, c]] : (s + 1) % 12 === r ? he(d, c) : s + 2 === r || (s + 1) % 11 === r ? ie(d, c) : [];
-}, $ = (o) => Array.from(Array.from({ length: o }).keys()), ue = (o, i) => {
+  return s === r ? [[d, c]] : (s + 1) % 12 === r ? ue(d, c) : s + 2 === r || (s + 1) % 11 === r ? pe(d, c) : [];
+}, $ = (o) => Array.from(Array.from({ length: o }).keys()), me = (o, i) => {
   const d = o.subtract(1, "month").endOf("month").date();
   return $(i).map((c, s) => d - (i - s - 1));
-}, pe = (o) => {
+}, fe = (o) => {
   const i = o.daysInMonth();
   return $(i).map((d, c) => c + 1);
-}, me = (o) => $(o.length / 7).map((i) => {
+}, ye = (o) => $(o.length / 7).map((i) => {
   const d = i * 7;
   return o.slice(d, d + 7);
-}), fe = { key: 0 }, ye = { class: "das-calendar-header-box" }, ke = { class: "das-calendar-header-week-line" }, ge = ["onClick"], we = {
+}), ke = { key: 0 }, ge = { class: "das-calendar-header-box" }, we = { class: "das-calendar-header-week-line" }, Ce = ["onClick"], ve = {
   name: "calendar-table"
-}, G = /* @__PURE__ */ Q({
-  ...we,
+}, Q = /* @__PURE__ */ X({
+  ...ve,
   props: {
     selectedDay: {},
     date: {},
@@ -52,9 +52,9 @@ const he = (o, i) => {
   },
   emits: ["pick"],
   setup(o, { expose: i, emit: d }) {
-    const c = d, s = M(), r = o, f = O("128px"), z = O(), Y = 60, S = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], _ = g(() => !!r.range && !!r.range.length), J = g(() => {
+    const c = d, s = M(), r = o, f = O("128px"), z = O(), R = 60, S = ["sun", "mon", "tue", "wed", "thu", "fri", "sat"], _ = g(() => !!r.range && !!r.range.length), x = g(() => {
       const e = r.firstDayOfWeek, t = r.showZhou ? "das-calendar-weeks-zhou-" : "das-calendar-weeks-";
-      return e === 0 ? S.map((n) => A(`${t}${n}`)) : S.slice(e).concat(S.slice(0, e)).map((n) => A(`${t}${n}`));
+      return e === 0 ? S.map((n) => B(`${t}${n}`)) : S.slice(e).concat(S.slice(0, e)).map((n) => B(`${t}${n}`));
     }), D = g(() => {
       let e = [];
       if (_.value) {
@@ -75,13 +75,13 @@ const he = (o, i) => {
         }));
         e = h.concat(w);
       } else {
-        const t = r.date.startOf("month").day(), n = ue(
+        const t = r.date.startOf("month").day(), n = me(
           r.date,
           (t - r.firstDayOfWeek + 7) % 7
         ).map((v) => ({
           text: v,
           type: "prev"
-        })), h = pe(r.date).map((v) => ({
+        })), h = fe(r.date).map((v) => ({
           text: v,
           type: "current"
         }));
@@ -91,28 +91,28 @@ const he = (o, i) => {
           type: "next"
         }));
         if (e = e.concat(w), r.calendartType == "simple" && e.length / 7 < 6) {
-          const v = w.length ? w[w.length - 1].text : 0, T = $(7).map((We, X) => ({
-            text: v + X + 1,
+          const v = w.length ? w[w.length - 1].text : 0, T = $(7).map((He, ee) => ({
+            text: v + ee + 1,
             type: "next"
           }));
           e = e.concat(T);
         }
       }
-      return me(e);
+      return ye(e);
     }), H = () => {
       var n;
       const e = (n = r.parent) == null ? void 0 : n.offsetHeight;
-      let t = Number(e) - Y - 1;
+      let t = Number(e) - R - 1;
       f.value = t / D.value.length - 1 + "px";
     };
-    ae(
+    te(
       () => D.value,
       (e) => {
         if (r.cellHeight) {
           f.value = `${r.cellHeight}px`;
           return;
         }
-        e && e.length ? x(() => {
+        e && e.length ? G(() => {
           H();
         }) : f.value = "128px";
       },
@@ -123,7 +123,7 @@ const he = (o, i) => {
         f.value = `${r.cellHeight}px`;
         return;
       }
-      x(() => {
+      G(() => {
         H();
       });
     }, y = (e, t) => {
@@ -135,7 +135,7 @@ const he = (o, i) => {
         case "current":
           return r.date.date(e);
       }
-    }, R = ({ text: e, type: t }) => {
+    }, V = ({ text: e, type: t }) => {
       const n = [t], h = y(e, t);
       return h.isSame(r.selectedDay, "day") && n.push("is-selected"), h.isSame(s, "day") && n.push("is-today"), n;
     }, I = ({ text: e, type: t }) => {
@@ -186,29 +186,29 @@ const he = (o, i) => {
       "table",
       {
         key: 0,
-        class: B(["das-calendar-table", { "is-range": _.value, "is-week": e.calendartType == "week", simple: e.calendartType == "simple" }]),
+        class: A(["das-calendar-table", { "is-range": _.value, "is-week": e.calendartType == "week", simple: e.calendartType == "simple" }]),
         cellspacing: "0",
         cellpadding: "0",
         ref_key: "tableRef",
         ref: z
       },
       [
-        e.hideHeader ? C("v-if", !0) : (u(), m("thead", fe, [
+        e.hideHeader ? C("v-if", !0) : (u(), m("thead", ke, [
           (u(!0), m(
-            j,
+            P,
             null,
-            P(J.value, (n, h) => (u(), m("th", {
+            L(x.value, (n, h) => (u(), m("th", {
               class: "das-calendar-table-header",
               key: n
             }, [
-              b("div", ye, [
-                b("div", ke, [
+              b("div", ge, [
+                b("div", we, [
                   b(
                     "div",
                     {
-                      class: B(["das-calendar-header-week", { highlight: e.highlightWeek }])
+                      class: A(["das-calendar-header-week", { highlight: e.highlightWeek }])
                     },
-                    L(n),
+                    J(n),
                     3
                     /* TEXT, CLASS */
                   ),
@@ -221,9 +221,9 @@ const he = (o, i) => {
                   "div",
                   {
                     key: 0,
-                    class: B(["das-calendar-header-day", { highlight: e.highlightDay }])
+                    class: A(["das-calendar-header-day", { highlight: e.highlightDay }])
                   },
-                  L(a(h)),
+                  J(a(h)),
                   3
                   /* TEXT, CLASS */
                 )) : C("v-if", !0)
@@ -235,24 +235,24 @@ const he = (o, i) => {
         ])),
         b("tbody", null, [
           (u(!0), m(
-            j,
+            P,
             null,
-            P(D.value, (n, h) => (u(), m(
+            L(D.value, (n, h) => (u(), m(
               "tr",
               {
                 key: h,
-                class: B({
+                class: A({
                   "das-calendar-table-row": !0,
                   "hide-border": h === 0 && e.hideHeader
                 })
               },
               [
                 (u(!0), m(
-                  j,
+                  P,
                   null,
-                  P(n, (k, w) => (u(), m("td", {
+                  L(n, (k, w) => (u(), m("td", {
                     key: w,
-                    class: B(R(k)),
+                    class: A(V(k)),
                     onClick: (v) => I(k)
                   }, [
                     C(" v-scrollbar "),
@@ -261,7 +261,7 @@ const he = (o, i) => {
                       "div",
                       {
                         class: "das-calendar-day",
-                        style: te({ height: f.value })
+                        style: re({ height: f.value })
                       },
                       [
                         N(e.$slots, "date-cell", {
@@ -271,7 +271,7 @@ const he = (o, i) => {
                       4
                       /* STYLE */
                     )
-                  ], 10, ge))),
+                  ], 10, Ce))),
                   128
                   /* KEYED_FRAGMENT */
                 ))
@@ -288,28 +288,28 @@ const he = (o, i) => {
       /* CLASS */
     )) : C("v-if", !0);
   }
-}), Ce = {
+}), De = {
   key: 0,
   class: "das-calendar-body 1"
-}, ve = {
+}, ze = {
   key: 1,
   class: "das-calendar-cell-date"
-}, De = {
+}, Ne = {
   key: 2,
   class: "das-calendar-cell-cont"
-}, ze = {
+}, _e = {
   key: 1,
   class: "das-calendar-body 2"
-}, Ne = {
+}, Me = {
   key: 1,
   class: "das-calendar-cell-date"
-}, _e = {
+}, $e = {
   key: 2,
   class: "das-calendar-cell-cont"
-}, Me = {
+}, Se = {
   name: "test"
-}, $e = /* @__PURE__ */ Q({
-  ...Me,
+}, be = /* @__PURE__ */ X({
+  ...Se,
   props: {
     modelValue: {},
     range: {},
@@ -324,7 +324,7 @@ const he = (o, i) => {
   },
   emits: ["update:model-value", "itemClick"],
   setup(o, { expose: i, emit: d }) {
-    const c = g(() => U.value == "zh-CN" ? 1 : (U.value == "en", 0)), s = o, r = d, f = O(), z = O(), Y = O(), S = g(() => s.firstDayOfWeek || c.value), _ = O(), J = M(), D = g({
+    const c = g(() => U.value == "zh-CN" ? 1 : (U.value == "en", 0)), s = o, r = d, f = O(), z = O(), R = O(), S = g(() => s.firstDayOfWeek || c.value), _ = O(), x = M(), D = g({
       get() {
         return s.modelValue ? (_.value = y.value, y.value) : _.value;
       },
@@ -345,19 +345,19 @@ const he = (o, i) => {
       if (!H.value) return [];
       const a = H.value.map((e) => M(e)), [p, l] = a;
       return s.type == "week" ? [[p, l]] : p.isAfter(l) ? [] : p.isSame(l, "month") ? q(p, l) : p.add(1, "month").month() !== l.month() ? [] : q(p, l);
-    }), y = g(() => s.modelValue ? M(s.modelValue) : D.value || (W.value.length ? W.value[0][0] : J));
+    }), y = g(() => s.modelValue ? M(s.modelValue) : D.value || (W.value.length ? W.value[0][0] : x));
     g(() => y.value.subtract(1, "month").date(1)), g(() => y.value.add(1, "month").date(1)), g(() => y.value.subtract(1, "year").date(1)), g(() => y.value.add(1, "year").date(1)), g(() => {
       const a = `das-calendar-month${y.value.format("M")}`;
-      return `${y.value.year()} ${A("das-calendar-year")} ${A(a)}`;
-    }), re(() => {
-      Y.value = le(() => {
+      return `${y.value.year()} ${B("das-calendar-year")} ${B(a)}`;
+    }), ne(() => {
+      R.value = ce(() => {
         var a, p;
         Array.isArray(z.value) ? (a = z.value[0]) == null || a.getHeight() : (p = z.value) == null || p.getHeight();
       }, f.value);
-    }), ne(() => {
-      Y.value.disconnect();
+    }), se(() => {
+      R.value.disconnect();
     });
-    const R = (a) => {
+    const V = (a) => {
       s.isSwitchSelection && (D.value = a), r("itemClick", a.toDate());
     };
     return i({
@@ -383,8 +383,8 @@ const he = (o, i) => {
         </div>\r
       </slot>\r
     </div> `),
-        W.value.length === 0 ? (u(), m("div", Ce, [
-          se(G, {
+        W.value.length === 0 ? (u(), m("div", De, [
+          oe(Q, {
             ref_key: "$calendarTable",
             ref: z,
             date: y.value,
@@ -396,22 +396,22 @@ const he = (o, i) => {
             showZhou: a.showZhou,
             cellHeight: a.cellHeight,
             "selected-day": _.value,
-            onPick: R
+            onPick: V
           }, K({
-            "date-cell": V((l) => [
-              a.$slots.custom ? N(a.$slots, "custom", F(Z({ key: 0 }, l))) : C("v-if", !0),
-              a.type != "week" && !a.$slots.custom ? (u(), m("p", ve, [
+            "date-cell": F((l) => [
+              a.$slots.custom ? N(a.$slots, "custom", Z(j({ key: 0 }, l))) : C("v-if", !0),
+              a.type != "week" && !a.$slots.custom ? (u(), m("p", ze, [
                 b(
                   "span",
                   null,
-                  L(Number(l.data.day.split("-").slice(2)).toString()),
+                  J(Number(l.data.day.split("-").slice(2)).toString()),
                   1
                   /* TEXT */
                 ),
-                N(a.$slots, "date-type", F(E(l)))
+                N(a.$slots, "date-type", Z(E(l)))
               ])) : C("v-if", !0),
-              a.$slots.custom ? C("v-if", !0) : (u(), m("div", De, [
-                N(a.$slots, "date-cell", F(E(l)))
+              a.$slots.custom ? C("v-if", !0) : (u(), m("div", Ne, [
+                N(a.$slots, "date-cell", Z(E(l)))
               ]))
             ]),
             _: 2
@@ -419,17 +419,17 @@ const he = (o, i) => {
           }, [
             a.$slots["week-type"] && a.type == "week" ? {
               name: "week-type",
-              fn: V((l) => [
-                N(a.$slots, "week-type", F(E(l)))
+              fn: F((l) => [
+                N(a.$slots, "week-type", Z(E(l)))
               ]),
               key: "0"
             } : void 0
           ]), 1032, ["date", "firstDayOfWeek", "parent", "calendartType", "highlightWeek", "highlightDay", "showZhou", "cellHeight", "selected-day"])
-        ])) : (u(), m("div", ze, [
+        ])) : (u(), m("div", _e, [
           (u(!0), m(
-            j,
+            P,
             null,
-            P(W.value, (l, e) => (u(), oe(G, {
+            L(W.value, (l, e) => (u(), de(Q, {
               ref_for: !0,
               ref_key: "$calendarTable",
               ref: z,
@@ -445,24 +445,24 @@ const he = (o, i) => {
               range: l,
               parent: f.value,
               "hide-header": e !== 0,
-              onPick: R
+              onPick: V
             }, K({
-              "date-cell": V((t) => [
-                a.$slots.custom ? N(a.$slots, "custom", Z({
+              "date-cell": F((t) => [
+                a.$slots.custom ? N(a.$slots, "custom", j({
                   key: 0,
                   ref_for: !0
                 }, t)) : C("v-if", !0),
-                a.type != "week" && !a.$slots.custom ? (u(), m("p", Ne, [
+                a.type != "week" && !a.$slots.custom ? (u(), m("p", Me, [
                   b(
                     "span",
                     null,
-                    L(Number(t.data.day.split("-").slice(2)).toString()),
+                    J(Number(t.data.day.split("-").slice(2)).toString()),
                     1
                     /* TEXT */
                   )
                 ])) : C("v-if", !0),
-                a.$slots.custom ? C("v-if", !0) : (u(), m("div", _e, [
-                  N(a.$slots, "date-cell", Z({ ref_for: !0 }, t))
+                a.$slots.custom ? C("v-if", !0) : (u(), m("div", $e, [
+                  N(a.$slots, "date-cell", j({ ref_for: !0 }, t))
                 ]))
               ]),
               _: 2
@@ -470,8 +470,8 @@ const he = (o, i) => {
             }, [
               a.$slots["week-type"] && a.type == "week" ? {
                 name: "week-type",
-                fn: V((t) => [
-                  N(a.$slots, "week-type", Z({ ref_for: !0 }, t))
+                fn: F((t) => [
+                  N(a.$slots, "week-type", j({ ref_for: !0 }, t))
                 ]),
                 key: "0"
               } : void 0
@@ -485,26 +485,26 @@ const he = (o, i) => {
       /* NEED_PATCH */
     ));
   }
-}), Se = {
-  "--das-ui-calendar-color-primary": "#5582F3",
+}), We = {
+  "--das-ui-calendar-color-primary": Y("--das-color-brand-primary"),
   // 主题色
-  "--das-ui-calendar-color-text": "#212121",
+  "--das-ui-calendar-color-text": Y("--das-color-text-title"),
   // 常规字体色
-  "--das-ui-calendar-color-border": "#D9D9D9",
+  "--das-ui-calendar-color-border": Y("--das-color-border-strong"),
   // 边框基础色
   "--das-ui-calendar-size-text": "14px",
   // 默认文字大小
-  "--das-ui-calendar-color-head-tip": "#999999",
+  "--das-ui-calendar-color-head-tip": Y("--das-color-text-subtle"),
   // 表格头部提示文字颜色
   "--das-ui-calendar-size-head-tip": "12px",
   // 表格头部提示文字大小
   "--das-ui-calendar-span-size": "28px",
   // 日期高亮区域的宽高size
-  "--das-ui-calendar-color-pre-next": "#B2B2B2"
+  "--das-ui-calendar-color-pre-next": Y("--das-color-text-caption")
   // 上/下一个月文字颜色
   // '--das-ui-calendar-head-height': '60px', // 日历表头高度
   // '--das-ui-calendar-cell-height': '128px', // 单元格高度
-}, be = {
+}, Oe = {
   周: { "zh-CN": "周", en: "Week", ar: "أسبوع", _appCode: "framework" },
   日历: { "zh-CN": "日历", en: "Calendar", ar: "التقويم", _appCode: "framework" },
   "das-calendar-prevMonth": { "zh-CN": "上个月", en: "Last Month", ar: "الشهر الماضي", _appCode: "framework" },
@@ -552,10 +552,11 @@ const he = (o, i) => {
   "das-calendar-months-nov": { "zh-CN": "十一月", en: "Nov", ar: "نوفمبر", _appCode: "framework" },
   "das-calendar-months-dec": { "zh-CN": "十二月", en: "Dec", ar: "ديسمبر", _appCode: "framework" }
 };
-de(be);
-ce(Se);
-const Re = ee($e), Ve = { name: `calendar ${A("日历")}` };
+le(Oe);
+he();
+ie(We);
+const Fe = ae(be), Ze = { name: `calendar ${B("日历")}` };
 export {
-  Re as DasCalendar,
-  Ve as default
+  Fe as DasCalendar,
+  Ze as default
 };

package/packages/components/calendar/style.css

@@ -1 +1 @@
-.das-ui-calendar{width:100%;height:100%;box-sizing:border-box}.das-ui-calendar .das-calendar-body{width:100%;height:100%}.das-ui-calendar .das-calendar-table:not(.is-range) td.next,.das-ui-calendar .das-calendar-table:not(.is-range) td.prev{color:var(--das-ui-calendar-color-pre-next)}.das-ui-calendar .das-calendar-table{width:100%;height:100%;overflow:hidden;box-sizing:border-box;table-layout:fixed}.das-ui-calendar .das-calendar-table .das-calendar-table-header{box-sizing:border-box;color:var(--das-ui-calendar-color-text);position:relative;border-top:1px solid var(--das-ui-calendar-color-border);border-bottom:1px solid var(--das-ui-calendar-color-border);border-left:1px solid var(--das-ui-calendar-color-border);height:60px;font-size:var(--das-ui-calendar-size-text)}.das-ui-calendar .das-calendar-table .das-calendar-table-header:nth-last-child(1){border-right:1px solid var(--das-ui-calendar-color-border)}.das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line{width:100%}.das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week{font-size:14px;font-weight:600;line-height:21px;color:#212121}html[lang=ar] .das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week,:host-context(html[lang="ar"]) .das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week{font-size:16px}.das-ui-calendar .das-calendar-table .das-calendar-table-row td{border-bottom:1px solid var(--das-ui-calendar-color-border);border-right:1px solid var(--das-ui-calendar-color-border);vertical-align:top;transition:background-color .2s ease}.das-ui-calendar .das-calendar-table .das-calendar-table-row td:first-child{border-left:1px solid var(--das-ui-calendar-color-border)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td.is-selected .das-calendar-cell-date>span{color:#fff!important;background-color:var(--das-ui-calendar-color-primary)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td{color:var(--das-ui-calendar-color-text)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td.is-today .das-calendar-cell-date>span{color:var(--das-ui-calendar-color-primary)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day{box-sizing:border-box;height:100%;display:flex;flex-direction:column}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-cont{flex:1;overflow:hidden}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-date{padding:6px 6px 5px;display:flex;align-items:center}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-date>span{font-size:16px;display:flex;justify-content:center;align-items:center;border-radius:50%;width:var(--das-ui-calendar-span-size);height:var(--das-ui-calendar-span-size);line-height:var(--das-ui-calendar-span-size)}html[lang=ar] .das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-date>span,:host-context(html[lang="ar"]) .das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-date>span{font-size:18px}.das-ui-calendar .das-calendar-table.simple .das-calendar-table-header{height:auto;border:none}.das-ui-calendar .das-calendar-table.simple .das-calendar-table-row .das-calendar-day{height:auto!important}.das-ui-calendar .das-calendar-table.simple .das-calendar-table-row td{border:none}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week{font-size:12px;font-weight:400;line-height:18px;color:#999}html[lang=ar] .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week,:host-context(html[lang="ar"]) .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week{font-size:14px}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week.highlight{font-size:14px;font-weight:600;line-height:21px;color:#212121}html[lang=ar] .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week.highlight,:host-context(html[lang="ar"]) .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week.highlight{font-size:16px}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-week-line{display:flex;align-items:center;align-self:flex-start;padding-left:12px}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day{align-self:flex-start;padding-left:12px;margin-top:4px;font-size:12px;font-weight:400;line-height:18px;color:#999}html[lang=ar] .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day,:host-context(html[lang="ar"]) .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day{font-size:14px}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day.highlight{font-size:14px;font-weight:600;line-height:21px;color:#212121}html[lang=ar] .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day.highlight,:host-context(html[lang="ar"]) .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day.highlight{font-size:16px}
+.das-ui-calendar{width:100%;height:100%;box-sizing:border-box}.das-ui-calendar .das-calendar-body{width:100%;height:100%}.das-ui-calendar .das-calendar-table:not(.is-range) td.next,.das-ui-calendar .das-calendar-table:not(.is-range) td.prev{color:var(--das-ui-calendar-color-pre-next)}.das-ui-calendar .das-calendar-table{width:100%;height:100%;overflow:hidden;box-sizing:border-box;table-layout:fixed}.das-ui-calendar .das-calendar-table .das-calendar-table-header{box-sizing:border-box;color:var(--das-ui-calendar-color-text);position:relative;border-top:1px solid var(--das-ui-calendar-color-border);border-bottom:1px solid var(--das-ui-calendar-color-border);border-left:1px solid var(--das-ui-calendar-color-border);height:60px;font-size:var(--das-ui-calendar-size-text)}.das-ui-calendar .das-calendar-table .das-calendar-table-header:nth-last-child(1){border-right:1px solid var(--das-ui-calendar-color-border)}.das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line{width:100%}.das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week{font-size:14px;font-weight:600;line-height:21px;color:var(--das-ui-calendar-color-text)}html[lang=ar] .das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week,:host-context(html[lang="ar"]) .das-ui-calendar .das-calendar-table .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week{font-size:16px}.das-ui-calendar .das-calendar-table .das-calendar-table-row td{border-bottom:1px solid var(--das-ui-calendar-color-border);border-right:1px solid var(--das-ui-calendar-color-border);vertical-align:top;transition:background-color .2s ease}.das-ui-calendar .das-calendar-table .das-calendar-table-row td:first-child{border-left:1px solid var(--das-ui-calendar-color-border)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td.is-selected .das-calendar-cell-date>span{color:var(--das-color-bg-container)!important;background-color:var(--das-ui-calendar-color-primary)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td{color:var(--das-ui-calendar-color-text)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td.is-today .das-calendar-cell-date>span{color:var(--das-ui-calendar-color-primary)}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day{box-sizing:border-box;height:100%;display:flex;flex-direction:column}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-cont{flex:1;overflow:hidden}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-date{padding:6px 6px 5px;display:flex;align-items:center}.das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-date>span{font-size:16px;display:flex;justify-content:center;align-items:center;border-radius:50%;width:var(--das-ui-calendar-span-size);height:var(--das-ui-calendar-span-size);line-height:var(--das-ui-calendar-span-size)}html[lang=ar] .das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-date>span,:host-context(html[lang="ar"]) .das-ui-calendar .das-calendar-table .das-calendar-table-row td .das-calendar-day .das-calendar-cell-date>span{font-size:18px}.das-ui-calendar .das-calendar-table.simple .das-calendar-table-header{height:auto;border:none}.das-ui-calendar .das-calendar-table.simple .das-calendar-table-row .das-calendar-day{height:auto!important}.das-ui-calendar .das-calendar-table.simple .das-calendar-table-row td{border:none}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week{font-size:12px;font-weight:400;line-height:18px;color:var(--das-ui-calendar-color-head-tip)}html[lang=ar] .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week,:host-context(html[lang="ar"]) .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week{font-size:14px}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week.highlight{font-size:14px;font-weight:600;line-height:21px;color:var(--das-ui-calendar-color-text)}html[lang=ar] .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week.highlight,:host-context(html[lang="ar"]) .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-box .das-calendar-header-week-line .das-calendar-header-week.highlight{font-size:16px}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-week-line{display:flex;align-items:center;align-self:flex-start;padding-left:12px}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day{align-self:flex-start;padding-left:12px;margin-top:4px;font-size:12px;font-weight:400;line-height:18px;color:var(--das-ui-calendar-color-head-tip)}html[lang=ar] .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day,:host-context(html[lang="ar"]) .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day{font-size:14px}.das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day.highlight{font-size:14px;font-weight:600;line-height:21px;color:var(--das-ui-calendar-color-text)}html[lang=ar] .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day.highlight,:host-context(html[lang="ar"]) .das-ui-calendar .das-calendar-table.is-week .das-calendar-table-header .das-calendar-header-day.highlight{font-size:16px}