@opentiny/vue-theme 3.8.0 → 3.8.2
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/button-group/index.css +1 -1
- package/button-group/smb-theme.js +29 -0
- package/checkbox/index.css +1 -1
- package/checkbox/smb-theme.js +6 -1
- package/checkbox-button/index.css +1 -1
- package/checkbox-button/smb-theme.js +23 -1
- package/checkbox-group/index.css +1 -1
- package/checkbox-group/smb-theme.js +2 -1
- package/collapse-item/index.css +1 -1
- package/collapse-item/smb-theme.js +1 -2
- package/dialog-box/index.css +1 -1
- package/dialog-box/smb-theme.js +2 -0
- package/drop-roles/index.css +1 -1
- package/dropdown/index.css +1 -1
- package/dropdown/smb-theme.js +12 -0
- package/dropdown-item/index.css +1 -1
- package/dropdown-item/smb-theme.js +11 -3
- package/dropdown-menu/index.css +1 -1
- package/dropdown-menu/smb-theme.js +4 -0
- package/grid/index.css +1 -1
- package/grid/smb-theme.js +9 -5
- package/index.css +1 -1
- package/loading/index.css +1 -1
- package/lowcode.css +1 -1
- package/notify/index.css +1 -1
- package/notify/smb-theme.js +1 -1
- package/package.json +1 -1
- package/pager/index.css +1 -1
- package/select/index.css +1 -1
- package/steps/index.css +1 -1
- package/steps/smb-theme.js +7 -4
- package/svgs/down-ward.svg +10 -0
- package/svgs/left-frozen.svg +1 -1
- package/svgs/left-ward-arrow.svg +11 -0
- package/svgs/loading-shadow.svg +19 -0
- package/svgs/prompt-exclamation.svg +7 -0
- package/svgs/right-frozen.svg +1 -1
- package/svgs/sort-triangle-ascending.svg +9 -0
- package/svgs/sort-triangle-descending.svg +9 -0
- package/svgs/sort-triangle.svg +12 -0
- package/svgs/up-ward.svg +11 -0
- package/theme/smb-theme/component.js +5 -2
- package/theme/smb-theme/index.js +2 -2
- package/theme-tool.js +1 -1
- package/action-menu/index.js +0 -13
- package/alert/index.js +0 -40
- package/anchor/index.js +0 -20
- package/autocomplete/index.js +0 -25
- package/breadcrumb/index.js +0 -24
- package/breadcrumb-item/index.js +0 -15
- package/button/index.js +0 -105
- package/button-group/index.js +0 -34
- package/carousel/index.js +0 -39
- package/cascader/index.js +0 -41
- package/cascader-menu/index.js +0 -20
- package/cascader-node/index.js +0 -25
- package/cascader-panel/index.js +0 -22
- package/collapse/index.js +0 -15
- package/collapse-item/index.js +0 -32
- package/crop/index.js +0 -31
- package/detail-page/index.js +0 -25
- package/dialog-box/index.js +0 -38
- package/drop-times/index.js +0 -15
- package/dropdown/index.js +0 -15
- package/dropdown-item/index.js +0 -27
- package/dropdown-menu/index.js +0 -18
- package/fall-menu/index.js +0 -27
- package/file-upload/index.js +0 -15
- package/floatbar/index.js +0 -21
- package/form/index.js +0 -15
- package/form-item/index.js +0 -24
- package/fullscreen/index.js +0 -15
- package/grid/index.js +0 -65
- package/image/index.js +0 -17
- package/index.js +0 -16
- package/input/index.js +0 -34
- package/ip-address/index.js +0 -25
- package/link/index.js +0 -41
- package/link-menu/index.js +0 -24
- package/loading/index.js +0 -21
- package/milestone/index.js +0 -26
- package/modal/index.js +0 -47
- package/nav-menu/index.js +0 -28
- package/notify/index.js +0 -41
- package/numeric/index.js +0 -26
- package/option/index.js +0 -26
- package/option-group/index.js +0 -18
- package/pager/index.js +0 -40
- package/popover/index.js +0 -30
- package/progress/index.js +0 -23
- package/radio/index.js +0 -42
- package/rate/index.js +0 -18
- package/scrollbar/index.js +0 -15
- package/search/index.js +0 -34
- package/select/index.js +0 -27
- package/select-dropdown/index.js +0 -33
- package/slide-bar/index.js +0 -20
- package/slider/index.js +0 -52
- package/split/index.js +0 -23
- package/steps/index.js +0 -49
- package/switch/index.js +0 -29
- package/tabs/index.js +0 -60
- package/tag/index.js +0 -54
- package/text-popup/index.js +0 -18
- package/toggle-menu/index.js +0 -24
- package/tooltip/index.js +0 -41
- package/transfer/index.js +0 -47
- package/tree/index.js +0 -27
- package/tree-menu/index.js +0 -22
- package/upload/index.js +0 -22
- package/upload-dragger/index.js +0 -26
- package/upload-list/index.js +0 -28
- package/vars/index.js +0 -169
- package/wizard/index.js +0 -21
package/button-group/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-button-group{--ti-button-group-border-color:var(--ti-common-color-line-normal);--ti-button-group-border-radius:var(--ti-common-border-radius-normal);--ti-button-group-hover-border-color:var(--ti-common-color-line-active);--ti-button-group-info-border-color:var(--ti-common-color-light);--ti-button-group-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-group-item-bg-color:var(--ti-common-color-bg-white-normal);--ti-button-group-item-btn-text-color:var(--ti-common-color-text-primary);--ti-button-group-item-btn-width:var(--ti-common-size-width-normal);--ti-button-group-item-btn-height:var(--ti-common-size-height-normal);--ti-button-group-item-btn-font-size:var(--ti-common-font-size-base);--ti-button-group-item-btn-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-button-group-item-btn-disabled-border-color:var(--ti-common-color-border);--ti-button-group-item-btn-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-group-item-btn-hover-bg-color:var(--ti-common-color-primary-hover);--ti-button-group-item-btn-hover-text-color:var(--ti-common-color-light);--ti-button-group-item-btn-plain-text-color:var(--ti-common-color-text-link-hover);--ti-button-group-item-btn-plain-bg-color:var(--ti-common-color-prompt-bg:);--ti-button-group-item-btn-plain-border-color:var(--ti-common-color-bg-emphasize);--ti-button-group-item-active-bg-color:var(--ti-common-color-bg-emphasize);--ti-button-group-item-active-text-color:var(--ti-common-color-light);display:inline-block;vertical-align:middle}.tiny-button-group:after,.tiny-button-group:before{content:'';display:table}.tiny-button-group:after{clear:both}.tiny-button-group .tiny-group-item{display:inline-block;vertical-align:middle}.tiny-button-group .tiny-group-item li{line-height:28px;background:var(--ti-button-group-item-bg-color);float:left;position:relative}.tiny-button-group .tiny-group-item li button{border:1px solid var(--ti-button-group-border-color);display:block;text-align:center;color:var(--ti-button-group-item-btn-text-color);background:var(--ti-button-group-item-bg-color);min-width:var(--ti-button-group-item-btn-width);height:var(--ti-button-group-item-btn-height);padding:0
|
|
1
|
+
.tiny-button-group{--ti-button-group-border-color:var(--ti-common-color-line-normal);--ti-button-group-border-radius:var(--ti-common-border-radius-normal);--ti-button-group-right-border-radius:0px;--ti-button-group-middle-border-radius:0px;--ti-button-group-left-border-radius:0px;--ti-button-group-hover-border-color:var(--ti-common-color-line-active);--ti-button-group-info-border-color:var(--ti-common-color-light);--ti-button-group-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-group-item-bg-color:var(--ti-common-color-bg-white-normal);--ti-button-group-item-btn-text-color:var(--ti-common-color-text-primary);--ti-button-group-item-btn-width:var(--ti-common-size-width-normal);--ti-button-group-item-btn-height:var(--ti-common-size-height-normal);--ti-button-group-item-btn-font-size:var(--ti-common-font-size-base);--ti-button-group-item-btn-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-button-group-item-btn-disabled-border-color:var(--ti-common-color-border);--ti-button-group-item-btn-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-group-item-btn-hover-bg-color:var(--ti-common-color-primary-hover);--ti-button-group-item-btn-hover-border-color:var(--ti-common-color-primary-hover);--ti-button-group-item-btn-hover-text-color:var(--ti-common-color-light);--ti-button-group-item-btn-plain-text-color:var(--ti-common-color-text-link-hover);--ti-button-group-item-btn-plain-bg-color:var(--ti-common-color-prompt-bg:);--ti-button-group-item-btn-plain-border-color:var(--ti-common-color-bg-emphasize);--ti-button-group-item-active-bg-color:var(--ti-common-color-bg-emphasize);--ti-button-group-item-active-text-color:var(--ti-common-color-light);--ti-button-group-item-li-margin-right:-1px;--ti-button-group-item-active-border-color:var(--ti-common-color-bg-emphasize);--ti-button-group-active-hover-border-color:var(--ti-common-color-primary-hover);--ti-button-group-btn-padding-horizontal:8px;--ti-button-group-item-active-font-size:14px;--ti-button-group-margin-top:-8px;--ti-button-group-item-margin-top:0;--ti-button-group-mini-margin-right:0px;--ti-button-group-mini-font-size:12px;--ti-button-group-no-border-hover-bg-color:var(--ti-common-color-primary-hover);--ti-button-group-no-border-active-hover-bg-color:var(--ti-common-color-primary-hover);--ti-button-group-no-border-disabled-bg-color:#FFFFFF;--ti-button-group-mini-padding-horizontal:16px;--ti-button-group-mini-border-radius:0px;--ti-button-group-no-border-hover-border-color:transparent;--ti-button-group-no-border-border-color:transparent;display:inline-block;vertical-align:middle;margin-top:var(--ti-button-group-margin-top)}.tiny-button-group:after,.tiny-button-group:before{content:'';display:table}.tiny-button-group:after{clear:both}.tiny-button-group .tiny-group-item{display:inline-block;vertical-align:middle}.tiny-button-group .tiny-group-item li{line-height:28px;background:var(--ti-button-group-item-bg-color);float:left;position:relative;margin-top:var(--ti-button-group-item-margin-top)}.tiny-button-group .tiny-group-item li button{border:1px solid var(--ti-button-group-border-color);display:block;text-align:center;color:var(--ti-button-group-item-btn-text-color);background:var(--ti-button-group-item-bg-color);min-width:var(--ti-button-group-item-btn-width);height:var(--ti-button-group-item-btn-height);padding:0 var(--ti-button-group-btn-padding-horizontal);text-decoration:none;font-size:var(--ti-button-group-item-btn-font-size);outline:0;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;border-radius:var(--ti-button-group-middle-border-radius)}.tiny-button-group .tiny-group-item li button.disabled,.tiny-button-group .tiny-group-item li button[disabled]{background:var(--ti-button-group-item-btn-disabled-bg-color);border-color:var(--ti-button-group-item-btn-disabled-border-color);cursor:not-allowed;color:var(--ti-button-group-item-btn-disabled-text-color)}.tiny-button-group .tiny-group-item li button.plain,.tiny-button-group .tiny-group-item li button[plain]{background:0 0}.tiny-button-group .tiny-group-item li:hover{z-index:1}.tiny-button-group .tiny-group-item li:hover button:not(.disabled){background:var(--ti-button-group-item-btn-hover-bg-color);color:var(--ti-button-group-item-btn-hover-text-color);border-color:var(--ti-button-group-item-btn-hover-border-color);outline:0}.tiny-button-group .tiny-group-item li:hover button:not(.disabled).plain,.tiny-button-group .tiny-group-item li:hover button:not(.disabled)[plain]{color:var(--ti-button-group-item-btn-plain-text-color);background-color:var(--ti-button-group-item-btn-plain-bg-color);border-color:var(--ti-button-group-item-btn-plain-border-color)}.tiny-button-group .tiny-group-item li.active{z-index:1}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled){background:var(--ti-button-group-item-btn-hover-bg-color);border-color:var(--ti-button-group-active-hover-border-color)}.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled).plain,.tiny-button-group .tiny-group-item li.active:hover button:not(.disabled)[plain]{background-color:var(--ti-button-group-item-btn-plain-bg-color)}.tiny-button-group .tiny-group-item li.active button:not(.disabled){background:var(--ti-button-group-item-active-bg-color);color:var(--ti-button-group-item-active-text-color);border-color:var(--ti-button-group-item-active-border-color);outline:0}.tiny-button-group .tiny-group-item li.active button:not(.disabled).plain,.tiny-button-group .tiny-group-item li.active button:not(.disabled)[plain]{color:var(--ti-button-group-item-active-bg-color);background:0 0}.tiny-button-group .tiny-group-item li:first-child button{border-radius:var(--ti-button-group-border-radius) var(--ti-button-group-right-border-radius) var(--ti-button-group-right-border-radius) var(--ti-button-group-border-radius)}.tiny-button-group .tiny-group-item li:last-child button{border-radius:var(--ti-button-group-left-border-radius) var(--ti-button-group-border-radius) var(--ti-button-group-border-radius) var(--ti-button-group-left-border-radius)}.tiny-button-group .tiny-group-item li:not(:last-child){margin-right:var(--ti-button-group-item-li-margin-right)}.tiny-button-group>.tiny-button{float:left;position:relative}.tiny-button-group>.tiny-button+.tiny-button{margin-left:0}.tiny-button-group>.tiny-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0;border-right-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:first-child.tiny-button--default{border-right-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:first-child.tiny-button--default:active,.tiny-button-group>.tiny-button:first-child.tiny-button--default:focus,.tiny-button-group>.tiny-button:first-child.tiny-button--default:hover{border-right-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:last-child.tiny-button--default{border-left-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:last-child.tiny-button--default:active,.tiny-button-group>.tiny-button:last-child.tiny-button--default:focus,.tiny-button-group>.tiny-button:last-child.tiny-button--default:hover{border-left-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:first-child:last-child{border-radius:var(--ti-button-group-border-radius)}.tiny-button-group>.tiny-button:first-child:last-child.is-round{border-radius:calc(var(--ti-button-size-normal-height,30px)/ 2)}.tiny-button-group>.tiny-button:first-child:last-child.is-circle{border-radius:50%}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child){border-radius:0;border-left-color:var(--ti-button-group-info-border-color);border-right-color:var(--ti-button-group-info-border-color)}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default{border-left-color:var(--ti-button-group-border-color);border-right-color:var(--ti-button-group-border-color)}.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:active,.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:focus,.tiny-button-group>.tiny-button:not(:first-child):not(:last-child).tiny-button--default:hover{border-left-color:var(--ti-button-group-hover-border-color);border-right-color:var(--ti-button-group-hover-border-color);z-index:1}.tiny-button-group>.tiny-button:not(:last-child){margin-right:-1px}.tiny-button-group>.tiny-button>.tiny-dropdown>.tiny-button{border-top-left-radius:0;border-bottom-left-radius:0;border-left-color:var(--ti-button-group-info-border-color)}.tiny-button-group.tiny-button-group--mini li:not(:last-child){margin-right:var(--ti-button-group-mini-margin-right)}.tiny-button-group.tiny-button-group--mini li button{font-size:var(--ti-button-group-mini-font-size);padding:0 var(--ti-button-group-mini-padding-horizontal);border-radius:var(--ti-button-group-mini-border-radius)}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li button{border:1px solid transparent}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li:hover button:not(.disabled){background-color:var(--ti-button-group-no-border-hover-bg-color);border-color:var(--ti-button-group-no-border-hover-border-color)}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li.active:hover button:not(.disabled){background-color:var(--ti-button-group-no-border-active-hover-bg-color);border-color:var(--ti-button-group-no-border-border-color)}.tiny-button-group.tiny-button-group--borderless .tiny-group-item li button.disabled{background-color:var(--ti-button-group-no-border-disabled-bg-color)}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
export const tinyButtonGroupTheme = {
|
|
2
|
+
'ti-button-group-item-li-margin-right': '8px',
|
|
3
|
+
'ti-button-group-item-active-bg-color': 'transparent',
|
|
4
|
+
'ti-button-group-item-active-text-color': '#191919',
|
|
5
|
+
'ti-button-group-item-active-border-color': '#191919',
|
|
6
|
+
'ti-button-group-right-border-radius': 'var(--ti-common-border-radius-normal)',
|
|
7
|
+
'ti-button-group-middle-border-radius': 'var(--ti-common-border-radius-normal)',
|
|
8
|
+
'ti-button-group-left-border-radius': 'var(--ti-common-border-radius-normal)',
|
|
9
|
+
'ti-button-group-item-btn-text-color': '#595959',
|
|
10
|
+
'ti-button-group-item-active-bg-color': '#FFFFFF',
|
|
11
|
+
'ti-button-group-item-btn-hover-bg-color': 'transparent',
|
|
12
|
+
'ti-button-group-item-btn-hover-text-color': '#191919',
|
|
13
|
+
'ti-button-group-item-active-font-size': '12px',
|
|
14
|
+
'ti-button-group-item-active-text-color': '#191919',
|
|
15
|
+
'ti-button-group-item-margin-top': '8px',
|
|
16
|
+
'ti-button-group-mini-margin-right': '4px',
|
|
17
|
+
'ti-button-group-mini-font-size': '12px',
|
|
18
|
+
'ti-button-group-item-btn-disabled-bg-color': 'rgba(0,0,0,0.05)',
|
|
19
|
+
'ti-button-group-item-btn-hover-border-color': '#c2c2c2',
|
|
20
|
+
'ti-button-group-active-hover-border-color': '#191919',
|
|
21
|
+
'ti-button-group-btn-padding-horizontal': '24px',
|
|
22
|
+
'ti-button-group-mini-padding-horizontal': '16px',
|
|
23
|
+
'ti-button-group-item-btn-disabled-border-color': '#dbdbdb',
|
|
24
|
+
'ti-button-group-mini-border-radius': '4px',
|
|
25
|
+
'ti-button-group-no-border-hover-border-color': 'transparent',
|
|
26
|
+
'ti-button-group-no-border-hover-bg-color': ' rgba(0,0,0,0.05)',
|
|
27
|
+
'ti-button-group-no-border-active-hover-bg-color': '#FFFFFF',
|
|
28
|
+
'ti-button-group-no-border-border-color': '#191919',
|
|
29
|
+
}
|
package/checkbox/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-checkbox{--ti-checkbox-text-font-family:var(--ti-common-font-family);--ti-checkbox-text-color:var(--ti-common-color-info-normal);--ti-checkbox-font-size:var(--ti-common-font-size-base);--ti-checkbox-bg-color:var(--ti-common-color-text-white);--ti-checkbox-bg-color-checked:var(--ti-common-color-bg-emphasize);--ti-checkbox-border-color-checked:var(--ti-common-color-line-active);--ti-checkbox-border-color:var(--ti-common-color-line-normal);--ti-checkbox-bg-color-hover-checked:var(--ti-common-color-bg-hover);--ti-checkbox-border-color-hover-checked:var(--ti-common-color-bg-hover);--ti-checkbox-border-color-hover:var(--ti-common-color-line-active);--ti-checkbox-font-normal-line-height:var(--ti-common-line-height-base);--ti-checkbox-font-medium-line-height:var(--ti-common-line-height-3);--ti-checkbox-font-small-line-height:var(--ti-common-line-height-2);--ti-checkbox-font-mini-line-height:var(--ti-common-line-height-base);--ti-checkbox-icon-height:var(--ti-common-size-2x);--ti-checkbox-icon-width:var(--ti-common-size-base);--ti-checkbox-icon-margin-left:calc(var(--ti-common-size-base) + 0.5px);--ti-checkbox-icon-margin-top:var(--ti-common-space-0);--ti-checkbox-bg-color-disable:var(--ti-common-color-bg-disabled);--ti-checkbox-icon-color-disabled:var(--ti-common-color-text-disabled);--ti-checkbox-border-color-unchecked-disabled:var(--ti-common-color-line-disabled);--ti-checkbox-label-text-color-disabled:var(--ti-common-color-text-disabled);--ti-checkbox-bg-color-checked-disabled:var(--ti-common-color-bg-disabled);--ti-checkbox-border-color-checked-disabled:var(--ti-common-color-line-disabled);--ti-checkbox-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-checkline-width:var(--ti-common-border-weight-1);--ti-checkbox-label-margin-right:var(--ti-common-space-5x);--ti-checkbox-button-bg-color:var(--ti-common-color-bg-light-normal);--ti-checkbox-shadow-color:#dfe1e6;--ti-checkbox-button-hover-text-color:var(--ti-common-color-text-primary);--ti-checkbox-button-checked-border-color:var(--ti-common-color-line-active);--ti-checkbox-button-disabled-text-color:var(--ti-common-color-text-disabled);--ti-checkbox-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-checkbox-button-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-checkbox-button-text-color:var(--ti-common-color-info-normal);--ti-checkbox-button-checked-text-color:var(--ti-common-color-text-white);--ti-checkbox-button-checked-bg-color:var(--ti-common-color-bg-emphasize);--ti-checkbox-bg-color-hover:var(--ti-common-color-bg-light-emphasize);position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--ti-checkbox-text-color);font-weight:500;font-size:0;font-family:var(--ti-checkbox-text-font-family);white-space:nowrap;margin-right:var(--ti-checkbox-label-margin-right);outline:0;cursor:pointer;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-checkbox:last-of-type{margin-right:0}.tiny-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:2px;border:1px solid var(--ti-checkbox-border-color);-webkit-box-sizing:border-box;box-sizing:border-box;line-height:var(--ti-checkbox-font-normal-line-height);height:40px}.tiny-checkbox.is-bordered+.tiny-checkbox.is-bordered{margin-left:10px}.tiny-checkbox.is-bordered.is-checked{border-color:var(--ti-checkbox-button-checked-border-color)}.tiny-checkbox.is-bordered.is-disabled{border-color:var(--ti-checkbox-border-color-unchecked-disabled);color:var(--ti-checkbox-bg-color-disable);pointer-events:none;cursor:not-allowed}.tiny-checkbox.is-bordered.is-disabled .tiny-checkbox__inner,.tiny-checkbox.is-bordered.is-disabled .tiny-checkbox__inner:hover{border-color:var(--ti-checkbox-border-color-unchecked-disabled);cursor:not-allowed}.tiny-checkbox.is-bordered.is-disabled.is-checked{border-color:var(--ti-checkbox-bg-color-disable)}.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner,.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-disable);border-color:var(--ti-checkbox-bg-color-disable)}.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner::after,.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner:hover::after{border-color:var(--ti-checkbox-border-color-unchecked-disabled)}.tiny-checkbox.is-bordered.tiny-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.tiny-checkbox.is-bordered.tiny-checkbox--medium .tiny-checkbox__label{line-height:var(--ti-checkbox-font-medium-line-height);font-size:var(--ti-common-font-size-1)}.tiny-checkbox.is-bordered.tiny-checkbox--medium .tiny-checkbox__inner{height:14px;width:14px}.tiny-checkbox.is-bordered.tiny-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__label{line-height:var(--ti-checkbox-font-small-line-height);font-size:var(--ti-common-font-size-base)}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__inner{height:12px;width:12px}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__inner::after{height:6px;width:2px}.tiny-checkbox.is-bordered.tiny-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__label{line-height:var(--ti-checkbox-font-mini-line-height);font-size:var(--ti-common-font-size-base)}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__inner{height:12px;width:12px}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__inner::after{height:6px;width:2px}.tiny-checkbox__input{position:relative;display:inline-block;white-space:nowrap;vertical-align:middle;outline:0;line-height:1;cursor:pointer}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-checkbox__input{display:inline-block}}@supports (-ms-ime-align:auto){.tiny-checkbox__input{display:inline-block}}.tiny-checkbox__input .tiny-checkbox__inner svg{fill:var(--ti-checkbox-border-color)}.tiny-checkbox__input .tiny-checkbox__inner:hover svg{fill:var(--ti-checkbox-button-hover-text-color)}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner{background-color:var(--ti-checkbox-bg-color-disable);border-color:var(--ti-checkbox-border-color-unchecked-disabled);cursor:not-allowed}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner svg{fill:var(--ti-checkbox-icon-color-disabled)}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner+.tiny-checkbox__label{cursor:not-allowed}.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner,.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-checked-disabled);border-color:var(--ti-checkbox-border-color-checked-disabled)}.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner::after,.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner:hover::after{border-color:var(--ti-checkbox-icon-color-disabled)}.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner,.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-checked-disabled);border-color:var(--ti-checkbox-border-color-checked-disabled)}.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner::before,.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner:hover::before{background-color:var(--ti-checkbox-icon-color-disabled);border-color:var(--ti-checkbox-icon-color-disabled)}.tiny-checkbox__input.is-disabled+span.tiny-checkbox__label{color:var(--ti-checkbox-label-text-color-disabled);cursor:not-allowed}.tiny-checkbox__input.is-checked .tiny-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner::before{content:'';position:absolute;display:block;border-radius:1px;background-color:#fff;height:6px;width:6px;left:0;right:0;top:0;bottom:0;margin:auto}.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner::after{display:none}.tiny-checkbox__input.is-checked .tiny-checkbox__inner,.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner{background-color:var(--ti-checkbox-bg-color-checked);border-color:var(--ti-checkbox-border-color-checked)}.tiny-checkbox__input.is-checked .tiny-checkbox__inner:hover,.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-hover-checked);border-color:var(--ti-checkbox-border-color-hover-checked)}.tiny-checkbox .tiny-checkbox__inner{display:inline-block;position:relative;border:1px solid var(--ti-checkbox-border-color);border-radius:var(--ti-checkbox-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;width:16px;height:16px;background-color:var(--ti-checkbox-bg-color);outline:0;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.tiny-checkbox .tiny-checkbox__inner:hover{border-color:var(--ti-checkbox-border-color-hover)}.tiny-checkbox .tiny-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:'';border:1px solid #fff;border-width:0 var(--ti-checkbox-checkline-width) var(--ti-checkbox-checkline-width) 0;border-left:0;border-top:0;height:var(--ti-checkbox-icon-height);width:var(--ti-checkbox-icon-width);position:absolute;margin-left:var(--ti-checkbox-icon-margin-left);margin-top:var(--ti-checkbox-icon-margin-top);-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);-webkit-transition:-webkit-transform .15s ease-in 50ms;transition:-webkit-transform .15s ease-in 50ms;transition:transform .15s ease-in 50ms;transition:transform .15s ease-in 50ms,-webkit-transform .15s ease-in 50ms;-webkit-transform-origin:center;transform-origin:center}.tiny-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.tiny-checkbox__label{padding-left:8px;font-size:var(--ti-checkbox-font-size)}
|
|
1
|
+
.tiny-checkbox{--ti-checkbox-text-font-family:var(--ti-common-font-family);--ti-checkbox-text-color:var(--ti-common-color-info-normal);--ti-checkbox-font-size:var(--ti-common-font-size-base);--ti-checkbox-bg-color:var(--ti-common-color-transparent);--ti-checkbox-bg-color-checked:var(--ti-common-color-bg-emphasize);--ti-checkbox-border-color-checked:var(--ti-common-color-line-active);--ti-checkbox-border-color:var(--ti-common-color-line-normal);--ti-checkbox-bg-color-hover-checked:var(--ti-common-color-bg-hover);--ti-checkbox-border-color-hover-checked:var(--ti-common-color-bg-hover);--ti-checkbox-border-color-hover:var(--ti-common-color-line-active);--ti-checkbox-font-normal-line-height:var(--ti-common-line-height-base);--ti-checkbox-font-medium-line-height:var(--ti-common-line-height-3);--ti-checkbox-font-small-line-height:var(--ti-common-line-height-2);--ti-checkbox-font-mini-line-height:var(--ti-common-line-height-base);--ti-checkbox-icon-height:var(--ti-common-size-2x);--ti-checkbox-icon-width:var(--ti-common-size-base);--ti-checkbox-icon-margin-left:var(--ti-common-space-base);--ti-checkbox-icon-margin-top:var(--ti-common-space-0);--ti-checkbox-bg-color-disable:var(--ti-common-color-bg-disabled);--ti-checkbox-icon-color-disabled:var(--ti-common-color-text-disabled);--ti-checkbox-border-color-unchecked-disabled:var(--ti-common-color-line-disabled);--ti-checkbox-label-text-color-disabled:var(--ti-common-color-text-disabled);--ti-checkbox-bg-color-checked-disabled:var(--ti-common-color-bg-disabled);--ti-checkbox-border-color-checked-disabled:var(--ti-common-color-line-disabled);--ti-checkbox-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-checkline-width:var(--ti-common-border-weight-1);--ti-checkbox-label-margin-right:var(--ti-common-space-5x);--ti-checkbox-button-bg-color:var(--ti-common-color-bg-light-normal);--ti-checkbox-shadow-color:#dfe1e6;--ti-checkbox-button-hover-text-color:var(--ti-common-color-text-primary);--ti-checkbox-button-checked-border-color:var(--ti-common-color-line-active);--ti-checkbox-button-disabled-text-color:var(--ti-common-color-text-disabled);--ti-checkbox-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-checkbox-button-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-checkbox-button-text-color:var(--ti-common-color-info-normal);--ti-checkbox-button-checked-text-color:var(--ti-common-color-text-white);--ti-checkbox-button-checked-bg-color:var(--ti-common-color-bg-emphasize);--ti-checkbox-bg-color-hover:var(--ti-common-color-bg-light-emphasize);--ti-checkbox-button-border-color:#e9edfa;--ti-checkbox-button-border-color-hover:#C2C2C2;--ti-checkbox-button-border-radius:0px;--ti-checkbox-button-padding-horizontal:15px;--ti-checkbox-button-padding-vertical:5px;--ti-checkbox-button-height:24px;--ti-checkbox-button-margin-horizontal:2px;--ti-checkbox-button-mini-margin-horizontal:2px;--ti-checkbox-button-size-mini-font-size:var(--ti-common-font-size-base);--ti-checkbox-button-size-mini-border-radius:0px;--ti-checkbox-button-size-small-padding-horizontal:15px;--ti-checkbox-button-size-small-height:30px;--ti-checkbox-button-checked-display:none;--ti-checkbox-button-margin-top:8px;--ti-checkbox-button-padding-horizontal:16px;--ti-checkbox-border-color:#dbdbdb;--ti-checkbox-button-mini-left-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-button-mini-right-border-radius:0px;--ti-checkbox-button-mini-last-left-border-radius:0px;--ti-checkbox-button-mini-last-right-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-button-right-border-radius:0px;--ti-checkbox-button-left-border-radius:0px;position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--ti-checkbox-text-color);font-weight:500;font-size:0;font-family:var(--ti-checkbox-text-font-family);white-space:nowrap;margin-right:var(--ti-checkbox-label-margin-right);outline:0;cursor:pointer;-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-checkbox:last-of-type{margin-right:0}.tiny-checkbox.is-bordered{padding:9px 20px 9px 10px;border-radius:2px;border:1px solid var(--ti-checkbox-border-color);-webkit-box-sizing:border-box;box-sizing:border-box;line-height:var(--ti-checkbox-font-normal-line-height);height:40px}.tiny-checkbox.is-bordered+.tiny-checkbox.is-bordered{margin-left:10px}.tiny-checkbox.is-bordered.is-checked{border-color:var(--ti-checkbox-button-checked-border-color)}.tiny-checkbox.is-bordered.is-disabled{border-color:var(--ti-checkbox-border-color-unchecked-disabled);color:var(--ti-checkbox-bg-color-disable);pointer-events:none;cursor:not-allowed}.tiny-checkbox.is-bordered.is-disabled .tiny-checkbox__inner,.tiny-checkbox.is-bordered.is-disabled .tiny-checkbox__inner:hover{border-color:var(--ti-checkbox-border-color-unchecked-disabled);cursor:not-allowed}.tiny-checkbox.is-bordered.is-disabled.is-checked{border-color:var(--ti-checkbox-bg-color-disable)}.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner,.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-disable);border-color:var(--ti-checkbox-bg-color-disable)}.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner::after,.tiny-checkbox.is-bordered.is-disabled.is-checked .tiny-checkbox__inner:hover::after{border-color:var(--ti-checkbox-border-color-unchecked-disabled)}.tiny-checkbox.is-bordered.tiny-checkbox--medium{padding:7px 20px 7px 10px;border-radius:4px;height:36px}.tiny-checkbox.is-bordered.tiny-checkbox--medium .tiny-checkbox__label{line-height:var(--ti-checkbox-font-medium-line-height);font-size:var(--ti-common-font-size-1)}.tiny-checkbox.is-bordered.tiny-checkbox--medium .tiny-checkbox__inner{height:14px;width:14px}.tiny-checkbox.is-bordered.tiny-checkbox--small{padding:5px 15px 5px 10px;border-radius:3px;height:32px}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__label{line-height:var(--ti-checkbox-font-small-line-height);font-size:var(--ti-common-font-size-base)}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__inner{height:12px;width:12px}.tiny-checkbox.is-bordered.tiny-checkbox--small .tiny-checkbox__inner::after{height:6px;width:2px}.tiny-checkbox.is-bordered.tiny-checkbox--mini{padding:3px 15px 3px 10px;border-radius:3px;height:28px}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__label{line-height:var(--ti-checkbox-font-mini-line-height);font-size:var(--ti-common-font-size-base)}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__inner{height:12px;width:12px}.tiny-checkbox.is-bordered.tiny-checkbox--mini .tiny-checkbox__inner::after{height:6px;width:2px}.tiny-checkbox__input{position:relative;display:inline-block;white-space:nowrap;vertical-align:middle;outline:0;line-height:1;cursor:pointer}@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){.tiny-checkbox__input{display:inline-block}}@supports (-ms-ime-align:auto){.tiny-checkbox__input{display:inline-block}}.tiny-checkbox__input .tiny-checkbox__inner svg{fill:var(--ti-checkbox-border-color)}.tiny-checkbox__input .tiny-checkbox__inner:hover svg{fill:var(--ti-checkbox-button-hover-text-color)}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner{background-color:var(--ti-checkbox-bg-color-disable);border-color:var(--ti-checkbox-border-color-unchecked-disabled);cursor:not-allowed}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner svg{fill:var(--ti-checkbox-icon-color-disabled)}.tiny-checkbox__input.is-disabled .tiny-checkbox__inner+.tiny-checkbox__label{cursor:not-allowed}.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner,.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-checked-disabled);border-color:var(--ti-checkbox-border-color-checked-disabled)}.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner::after,.tiny-checkbox__input.is-disabled.is-checked .tiny-checkbox__inner:hover::after{border-color:var(--ti-checkbox-icon-color-disabled)}.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner,.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-checked-disabled);border-color:var(--ti-checkbox-border-color-checked-disabled)}.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner::before,.tiny-checkbox__input.is-disabled.is-indeterminate .tiny-checkbox__inner:hover::before{background-color:var(--ti-checkbox-icon-color-disabled);border-color:var(--ti-checkbox-icon-color-disabled)}.tiny-checkbox__input.is-disabled+span.tiny-checkbox__label{color:var(--ti-checkbox-label-text-color-disabled);cursor:not-allowed}.tiny-checkbox__input.is-checked .tiny-checkbox__inner::after{-webkit-transform:rotate(45deg) scaleY(1);transform:rotate(45deg) scaleY(1)}.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner::before{content:'';position:absolute;display:block;border-radius:1px;background-color:#fff;height:6px;width:6px;left:0;right:0;top:0;bottom:0;margin:auto}.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner::after{display:none}.tiny-checkbox__input.is-checked .tiny-checkbox__inner,.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner{background-color:var(--ti-checkbox-bg-color-checked);border-color:var(--ti-checkbox-border-color-checked)}.tiny-checkbox__input.is-checked .tiny-checkbox__inner:hover,.tiny-checkbox__input.is-indeterminate .tiny-checkbox__inner:hover{background-color:var(--ti-checkbox-bg-color-hover-checked);border-color:var(--ti-checkbox-border-color-hover-checked)}.tiny-checkbox .tiny-checkbox__inner{display:inline-block;position:relative;border:1px solid var(--ti-checkbox-border-color);border-radius:var(--ti-checkbox-border-radius);-webkit-box-sizing:border-box;box-sizing:border-box;width:16px;height:16px;background-color:var(--ti-checkbox-bg-color);outline:0;z-index:1;-webkit-transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46);transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.tiny-checkbox .tiny-checkbox__inner:hover{border-color:var(--ti-checkbox-border-color-hover)}.tiny-checkbox .tiny-checkbox__inner::after{-webkit-box-sizing:content-box;box-sizing:content-box;content:'';border:1px solid #fff;border-width:0 var(--ti-checkbox-checkline-width) var(--ti-checkbox-checkline-width) 0;border-left:0;border-top:0;height:var(--ti-checkbox-icon-height);width:var(--ti-checkbox-icon-width);position:absolute;margin-left:var(--ti-checkbox-icon-margin-left);margin-top:var(--ti-checkbox-icon-margin-top);-webkit-transform:rotate(45deg) scaleY(0);transform:rotate(45deg) scaleY(0);-webkit-transition:-webkit-transform .15s ease-in 50ms;transition:-webkit-transform .15s ease-in 50ms;transition:transform .15s ease-in 50ms;transition:transform .15s ease-in 50ms,-webkit-transform .15s ease-in 50ms;-webkit-transform-origin:center;transform-origin:center}.tiny-checkbox__original{opacity:0;outline:0;position:absolute;margin:0;width:0;height:0;z-index:-1}.tiny-checkbox__label{padding-left:8px;font-size:var(--ti-checkbox-font-size)}
|
package/checkbox/smb-theme.js
CHANGED
|
@@ -8,5 +8,10 @@ export const tinyCheckboxSmbTheme = {
|
|
|
8
8
|
'ti-checkbox-checkline-width': 'var(--ti-common-border-weight-normal)',
|
|
9
9
|
'ti-checkbox-label-margin-right': 'var(--ti-common-space-6x)',
|
|
10
10
|
'ti-checkbox-icon-margin-top': '1px',
|
|
11
|
-
'ti-checkbox-icon-margin-left': '4px'
|
|
11
|
+
'ti-checkbox-icon-margin-left': '4px',
|
|
12
|
+
'ti-checkbox-button-checked-bg-color': '#FFFFFF',
|
|
13
|
+
'ti-checkbox-button-checked-text-color': '#191919',
|
|
14
|
+
'ti-checkbox-button-text-color': '#595959',
|
|
15
|
+
'ti-checkbox-button-bg-color-hover': '#FFFFFF',
|
|
16
|
+
'ti-checkbox-button-hover-text-color': '#191919',
|
|
12
17
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-checkbox-button{--ti-checkbox-text-font-family:var(--ti-common-font-family);--ti-checkbox-text-color:var(--ti-common-color-info-normal);--ti-checkbox-font-size:var(--ti-common-font-size-base);--ti-checkbox-bg-color:var(--ti-common-color-
|
|
1
|
+
.tiny-checkbox-button{--ti-checkbox-text-font-family:var(--ti-common-font-family);--ti-checkbox-text-color:var(--ti-common-color-info-normal);--ti-checkbox-font-size:var(--ti-common-font-size-base);--ti-checkbox-bg-color:var(--ti-common-color-transparent);--ti-checkbox-bg-color-checked:var(--ti-common-color-bg-emphasize);--ti-checkbox-border-color-checked:var(--ti-common-color-line-active);--ti-checkbox-border-color:var(--ti-common-color-line-normal);--ti-checkbox-bg-color-hover-checked:var(--ti-common-color-bg-hover);--ti-checkbox-border-color-hover-checked:var(--ti-common-color-bg-hover);--ti-checkbox-border-color-hover:var(--ti-common-color-line-active);--ti-checkbox-font-normal-line-height:var(--ti-common-line-height-base);--ti-checkbox-font-medium-line-height:var(--ti-common-line-height-3);--ti-checkbox-font-small-line-height:var(--ti-common-line-height-2);--ti-checkbox-font-mini-line-height:var(--ti-common-line-height-base);--ti-checkbox-icon-height:var(--ti-common-size-2x);--ti-checkbox-icon-width:var(--ti-common-size-base);--ti-checkbox-icon-margin-left:var(--ti-common-space-base);--ti-checkbox-icon-margin-top:var(--ti-common-space-0);--ti-checkbox-bg-color-disable:var(--ti-common-color-bg-disabled);--ti-checkbox-icon-color-disabled:var(--ti-common-color-text-disabled);--ti-checkbox-border-color-unchecked-disabled:var(--ti-common-color-line-disabled);--ti-checkbox-label-text-color-disabled:var(--ti-common-color-text-disabled);--ti-checkbox-bg-color-checked-disabled:var(--ti-common-color-bg-disabled);--ti-checkbox-border-color-checked-disabled:var(--ti-common-color-line-disabled);--ti-checkbox-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-checkline-width:var(--ti-common-border-weight-1);--ti-checkbox-label-margin-right:var(--ti-common-space-5x);--ti-checkbox-button-bg-color:var(--ti-common-color-bg-light-normal);--ti-checkbox-shadow-color:#dfe1e6;--ti-checkbox-button-hover-text-color:var(--ti-common-color-text-primary);--ti-checkbox-button-checked-border-color:var(--ti-common-color-line-active);--ti-checkbox-button-disabled-text-color:var(--ti-common-color-text-disabled);--ti-checkbox-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-checkbox-button-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-checkbox-button-text-color:var(--ti-common-color-info-normal);--ti-checkbox-button-checked-text-color:var(--ti-common-color-text-white);--ti-checkbox-button-checked-bg-color:var(--ti-common-color-bg-emphasize);--ti-checkbox-bg-color-hover:var(--ti-common-color-bg-light-emphasize);--ti-checkbox-button-border-color:#e9edfa;--ti-checkbox-button-border-color-hover:#C2C2C2;--ti-checkbox-button-border-radius:0px;--ti-checkbox-button-padding-horizontal:15px;--ti-checkbox-button-padding-vertical:5px;--ti-checkbox-button-height:24px;--ti-checkbox-button-margin-horizontal:2px;--ti-checkbox-button-mini-margin-horizontal:2px;--ti-checkbox-button-size-mini-font-size:var(--ti-common-font-size-base);--ti-checkbox-button-size-mini-border-radius:0px;--ti-checkbox-button-size-small-padding-horizontal:15px;--ti-checkbox-button-size-small-height:30px;--ti-checkbox-button-checked-display:none;--ti-checkbox-button-margin-top:8px;--ti-checkbox-button-padding-horizontal:16px;--ti-checkbox-border-color:#dbdbdb;--ti-checkbox-button-mini-left-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-button-mini-right-border-radius:0px;--ti-checkbox-button-mini-last-left-border-radius:0px;--ti-checkbox-button-mini-last-right-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-button-right-border-radius:0px;--ti-checkbox-button-left-border-radius:0px;position:relative;display:inline-block;margin-top:var(--ti-checkbox-button-margin-top)}.tiny-checkbox-button:first-child .tiny-checkbox-button__inner{border-radius:var(--ti-common-border-radius-normal) var(--ti-checkbox-button-right-border-radius) var(--ti-checkbox-button-right-border-radius) var(--ti-common-border-radius-normal)}.tiny-checkbox-button:last-child .tiny-checkbox-button__inner{border-radius:var(--ti-checkbox-button-left-border-radius) var(--ti-common-border-radius-normal) var(--ti-common-border-radius-normal) var(--ti-checkbox-button-left-border-radius)}.tiny-checkbox-button:not(.is-disabled).is-checked::after{content:'';position:absolute;width:0;height:0;right:4px;top:0;border-bottom:20px solid transparent;border-right:20px solid #191919;border-top-right-radius:6px;display:var(--ti-checkbox-button-checked-display)}.tiny-checkbox-button:not(.is-disabled).is-checked::before{display:var(--ti-checkbox-button-checked-display);right:7px;top:1px;-webkit-box-sizing:content-box;box-sizing:content-box;content:'';border:.5px solid #fff;border-width:0 var(--ti-checkbox-checkline-width) var(--ti-checkbox-checkline-width) 0;border-left:0;border-top:0;height:8px;width:4px;position:absolute;margin-left:var(--ti-checkbox-icon-margin-left);margin-top:var(--ti-checkbox-icon-margin-top);transition:transform .15s ease-in 50ms,-webkit-transform .15s ease-in 50ms;-webkit-transform-origin:center;transform-origin:center;z-index:3;-webkit-transform:rotate(45deg) scale(.7);transform:rotate(45deg) scale(.7)}.tiny-checkbox-button:not(.is-disabled).is-checked .tiny-checkbox-button__inner{color:var(--ti-checkbox-button-checked-text-color);border-color:var(--ti-checkbox-button-checked-border-color);-webkit-box-shadow:-1px 0 0 0 var(--ti-checkbox-shadow-color);box-shadow:-1px 0 0 0 var(--ti-checkbox-shadow-color);background-color:var(--ti-checkbox-button-checked-bg-color)}.tiny-checkbox-button:not(.is-disabled).is-checked:first-child .tiny-checkbox-button__inner{border-left-color:var(--ti-checkbox-button-checked-border-color);-webkit-box-shadow:none;box-shadow:none}.tiny-checkbox-button.is-disabled .tiny-checkbox-button__inner{color:var(--ti-checkbox-button-disabled-text-color);cursor:not-allowed;background-image:none;background-color:var(--ti-checkbox-button-disabled-bg-color);border-color:var(--ti-checkbox-border-color);-webkit-box-shadow:none;box-shadow:none}.tiny-checkbox-button.is-disabled:first-child .tiny-checkbox-button__inner{border-left-color:var(--ti-checkbox-border-color)}.tiny-checkbox-button__inner{position:relative;display:inline-block;white-space:nowrap;vertical-align:middle;outline:0;line-height:1;font-weight:500;cursor:pointer;background:var(--ti-checkbox-button-bg-color);border-left:0;border:1px solid var(--ti-checkbox-button-border-color);color:var(--ti-checkbox-button-text-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 var(--ti-checkbox-button-margin-horizontal);-webkit-transition:all .3s cubic-bezier(.645,.045,.355,1);transition:all .3s cubic-bezier(.645,.045,.355,1);padding:12px 20px;font-size:var(--ti-common-font-size-2);min-width:80px;border-radius:var(--ti-checkbox-button-border-radius);-ms-user-select:none;-webkit-user-select:none;-o-user-select:none;-moz-user-select:none;user-select:none}.tiny-checkbox-button__inner.is-round{padding:12px 20px}.tiny-checkbox-button__inner:hover{background:var(--ti-checkbox-button-bg-color-hover);color:var(--ti-checkbox-button-hover-text-color);border:1px solid var(--ti-checkbox-button-border-color-hover)}.tiny-checkbox-button__original{opacity:0;outline:0;position:absolute;margin:0;z-index:-1}.tiny-checkbox-button--medium .tiny-checkbox-button__inner{padding:10px 20px;font-size:var(--ti-common-font-size-1);border-radius:var(--ti-checkbox-button-border-radius)}.tiny-checkbox-button--medium .tiny-checkbox-button__inner.is-round{padding:10px 20px}.tiny-checkbox-button--small .tiny-checkbox-button__inner{height:var(--ti-checkbox-button-size-small-height);line-height:calc(var(--ti-checkbox-button-size-small-height) - 2px);padding:0 var(--ti-checkbox-button-size-small-padding-horizontal);font-size:var(--ti-common-font-size-base);border-radius:var(--ti-checkbox-button-border-radius)}.tiny-checkbox-button--small .tiny-checkbox-button__inner.is-round{padding:8px 15px}.tiny-checkbox-button--mini .tiny-checkbox-button__inner{padding:var(--ti-checkbox-button-padding-vertical) var(--ti-checkbox-button-padding-horizontal);height:var(--ti-checkbox-button-height);margin:0 var(--ti-checkbox-button-mini-margin-horizontal);font-size:var(--ti-checkbox-button-size-mini-font-size);border-radius:var(--ti-checkbox-button-size-mini-border-radius)}.tiny-checkbox-button--mini .tiny-checkbox-button__inner.is-round{padding:5px 15px}.tiny-checkbox-button.tiny-checkbox-button--mini:first-child .tiny-checkbox-button__inner{border-radius:var(--ti-checkbox-button-mini-left-border-radius) var(--ti-checkbox-button-mini-right-border-radius) var(--ti-checkbox-button-mini-right-border-radius) var(--ti-checkbox-button-mini-left-border-radius)}.tiny-checkbox-button.tiny-checkbox-button--mini:last-child .tiny-checkbox-button__inner{border-radius:var(--ti-checkbox-button-mini-last-left-border-radius) var(--ti-checkbox-button-mini-right-border-radius) var(--ti-checkbox-button-mini-last-right-border-radius) var(--ti-checkbox-button-mini-last-left-border-radius)}.tiny-checkbox-button--mini:not(.is-disabled).is-checked::after{border-bottom:16px solid transparent;border-right:16px solid #000;border-top-right-radius:4px;top:2px;right:2px}.tiny-checkbox-button--mini:not(.is-disabled).is-checked::before{height:8px;width:4px;right:4px;top:1px}
|
|
@@ -1,5 +1,27 @@
|
|
|
1
1
|
export const tinyCheckboxButtonSmbTheme = {
|
|
2
2
|
'ti-checkbox-button-bg-color': '#fff',
|
|
3
3
|
'ti-checkbox-button-bg-color-hover': 'var(--ti-common-color-bg-hover)',
|
|
4
|
-
'ti-checkbox-button-hover-text-color': '#fff'
|
|
4
|
+
'ti-checkbox-button-hover-text-color': '#fff',
|
|
5
|
+
'ti-checkbox-button-border-color': '#C2C2C2',
|
|
6
|
+
'ti-checkbox-button-hover-text-color': '#191919',
|
|
7
|
+
'ti-checkbox-button-border-color-hover': '#191919',
|
|
8
|
+
'ti-checkbox-button-right-border-radius': '6px',
|
|
9
|
+
'ti-checkbox-button-left-border-radius': '6px',
|
|
10
|
+
'ti-checkbox-button-border-radius': '6px',
|
|
11
|
+
'ti-checkbox-button-padding-horizontal': '16px',
|
|
12
|
+
'ti-checkbox-button-padding-vertical': '4px',
|
|
13
|
+
'ti-checkbox-button-height': '22px',
|
|
14
|
+
'ti-checkbox-button-margin-horizontal': '4px',
|
|
15
|
+
'ti-checkbox-button-mini-margin-horizontal': '2px',
|
|
16
|
+
'ti-checkbox-button-size-mini-font-size': 'var(--ti-common-font-size-0)',
|
|
17
|
+
'ti-checkbox-button-size-mini-border-radius': '4px',
|
|
18
|
+
'ti-checkbox-button-size-small-padding-horizontal': '16px',
|
|
19
|
+
'ti-checkbox-button-size-small-height': '32px',
|
|
20
|
+
'ti-checkbox-button-checked-display': 'block',
|
|
21
|
+
'ti-checkbox-button-disabled-bg-color': 'rgba(0,0,0,0.05)',
|
|
22
|
+
'ti-checkbox-button-margin-top': '8px',
|
|
23
|
+
'ti-checkbox-button-mini-left-border-radius': '4px',
|
|
24
|
+
'ti-checkbox-button-mini-right-border-radius': '4px',
|
|
25
|
+
'ti-checkbox-button-mini-last-left-border-radius': '4px',
|
|
26
|
+
'ti-checkbox-button-mini-last-right-border-radius': '4px'
|
|
5
27
|
}
|
package/checkbox-group/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-checkbox-group{--ti-checkbox-text-font-family:var(--ti-common-font-family);--ti-checkbox-text-color:var(--ti-common-color-info-normal);--ti-checkbox-font-size:var(--ti-common-font-size-base);--ti-checkbox-bg-color:var(--ti-common-color-
|
|
1
|
+
.tiny-checkbox-group{--ti-checkbox-text-font-family:var(--ti-common-font-family);--ti-checkbox-text-color:var(--ti-common-color-info-normal);--ti-checkbox-font-size:var(--ti-common-font-size-base);--ti-checkbox-bg-color:var(--ti-common-color-transparent);--ti-checkbox-bg-color-checked:var(--ti-common-color-bg-emphasize);--ti-checkbox-border-color-checked:var(--ti-common-color-line-active);--ti-checkbox-border-color:var(--ti-common-color-line-normal);--ti-checkbox-bg-color-hover-checked:var(--ti-common-color-bg-hover);--ti-checkbox-border-color-hover-checked:var(--ti-common-color-bg-hover);--ti-checkbox-border-color-hover:var(--ti-common-color-line-active);--ti-checkbox-font-normal-line-height:var(--ti-common-line-height-base);--ti-checkbox-font-medium-line-height:var(--ti-common-line-height-3);--ti-checkbox-font-small-line-height:var(--ti-common-line-height-2);--ti-checkbox-font-mini-line-height:var(--ti-common-line-height-base);--ti-checkbox-icon-height:var(--ti-common-size-2x);--ti-checkbox-icon-width:var(--ti-common-size-base);--ti-checkbox-icon-margin-left:var(--ti-common-space-base);--ti-checkbox-icon-margin-top:var(--ti-common-space-0);--ti-checkbox-bg-color-disable:var(--ti-common-color-bg-disabled);--ti-checkbox-icon-color-disabled:var(--ti-common-color-text-disabled);--ti-checkbox-border-color-unchecked-disabled:var(--ti-common-color-line-disabled);--ti-checkbox-label-text-color-disabled:var(--ti-common-color-text-disabled);--ti-checkbox-bg-color-checked-disabled:var(--ti-common-color-bg-disabled);--ti-checkbox-border-color-checked-disabled:var(--ti-common-color-line-disabled);--ti-checkbox-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-checkline-width:var(--ti-common-border-weight-1);--ti-checkbox-label-margin-right:var(--ti-common-space-5x);--ti-checkbox-button-bg-color:var(--ti-common-color-bg-light-normal);--ti-checkbox-shadow-color:#dfe1e6;--ti-checkbox-button-hover-text-color:var(--ti-common-color-text-primary);--ti-checkbox-button-checked-border-color:var(--ti-common-color-line-active);--ti-checkbox-button-disabled-text-color:var(--ti-common-color-text-disabled);--ti-checkbox-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-checkbox-button-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-checkbox-button-text-color:var(--ti-common-color-info-normal);--ti-checkbox-button-checked-text-color:var(--ti-common-color-text-white);--ti-checkbox-button-checked-bg-color:var(--ti-common-color-bg-emphasize);--ti-checkbox-bg-color-hover:var(--ti-common-color-bg-light-emphasize);--ti-checkbox-button-border-color:#e9edfa;--ti-checkbox-button-border-color-hover:#C2C2C2;--ti-checkbox-button-border-radius:0px;--ti-checkbox-button-padding-horizontal:15px;--ti-checkbox-button-padding-vertical:5px;--ti-checkbox-button-height:24px;--ti-checkbox-button-margin-horizontal:2px;--ti-checkbox-button-mini-margin-horizontal:2px;--ti-checkbox-button-size-mini-font-size:var(--ti-common-font-size-base);--ti-checkbox-button-size-mini-border-radius:0px;--ti-checkbox-button-size-small-padding-horizontal:15px;--ti-checkbox-button-size-small-height:30px;--ti-checkbox-button-checked-display:none;--ti-checkbox-button-margin-top:8px;--ti-checkbox-button-padding-horizontal:16px;--ti-checkbox-border-color:#dbdbdb;--ti-checkbox-button-mini-left-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-button-mini-right-border-radius:0px;--ti-checkbox-button-mini-last-left-border-radius:0px;--ti-checkbox-button-mini-last-right-border-radius:var(--ti-common-border-radius-normal);--ti-checkbox-button-right-border-radius:0px;--ti-checkbox-button-left-border-radius:0px;--ti-checkbox-group-margin-bottom:var(--ti-common-space-2x);--ti-checkbox-group-flex-wrap:nowrap;--ti-checkbox-group-margin-top:-8px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:var(--ti-checkbox-group-flex-wrap);flex-wrap:var(--ti-checkbox-group-flex-wrap);width:100%;margin-top:var(--ti-checkbox-group-margin-top)}.tiny-checkbox-group.is-vertical{display:inline-block}.tiny-checkbox-group.is-vertical .tiny-checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:0}.tiny-checkbox-group.is-vertical .tiny-checkbox:not(:last-child){margin-bottom:var(--ti-checkbox-group-margin-bottom)}.tiny-checkbox-group.is-vertical .tiny-checkbox-button{display:block}.tiny-checkbox-group.is-vertical .tiny-checkbox-button:first-child .tiny-checkbox-button__inner{border-radius:2px 2px 0 0}.tiny-checkbox-group.is-vertical .tiny-checkbox-button:last-child .tiny-checkbox-button__inner{border-radius:0 0 2px 2px}.tiny-checkbox-group.is-vertical .tiny-checkbox-button.is-checked .tiny-checkbox-button__inner{-webkit-box-shadow:0 -1px 0 0 var(--ti-checkbox-shadow-color);box-shadow:0 -1px 0 0 var(--ti-checkbox-shadow-color);border-color:var(--ti-checkbox-button-checked-border-color)}.tiny-checkbox-group.is-vertical .tiny-checkbox-button.is-checked.is-disabled .tiny-checkbox-button__inner{-webkit-box-shadow:0 -1px 0 0 var(--ti-checkbox-border-color);box-shadow:0 -1px 0 0 var(--ti-checkbox-border-color);border-color:var(--ti-checkbox-border-color);background:var(--ti-checkbox-disabled-bg-color)}
|
package/collapse-item/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-collapse-item{--ti-collapse-item-text-color:var(--ti-common-color-text-primary);--ti-collapse-item-bg-color:var(--ti-common-color-bg-white-normal);--ti-collapse-item-border-color:var(--ti-common-color-line-dividing);--ti-collapse-item-border-color-left:var(--ti-collapse-item-border-color);--ti-collapse-item-border-color-right:var(--ti-collapse-item-border-color);--ti-collapse-item-border-color-top:var(--ti-collapse-item-border-color);--ti-collapse-item-disabled-border-color-left:var(--ti-collapse-item-border-color);--ti-collapse-item-disabled-border-color-right:var(--ti-collapse-item-border-color);--ti-collapse-item-disabled-border-color-top:var(--ti-collapse-item-border-color);--ti-collapse-item-border-radius:var(--ti-common-border-radius-normal);--ti-collapse-item-margin-top:var(--ti-common-space-2x);--ti-collapse-item-header-min-height:var(--ti-common-size-8x);--ti-collapse-item-icon-color:var(--ti-common-color-icon-normal);--ti-collapse-item-disabled-text-color:var(--ti-common-color-text-disabled);--ti-collapse-item-disabled-header-bg-color:var(--ti-common-color-bg-disabled);--ti-collapse-item-header-font-size:var(--ti-common-font-size-base);--ti-collapse-item-header-font-weight:var(--ti-common-font-weight-4);--ti-collapse-item-header-focus-text-color:var(--ti-common-color-text-primary);--ti-collapse-item-arrow-font-size:var(--ti-common-font-size-base);--ti-collapse-item-arrow-margin-right:var(--ti-common-space-3x);--ti-collapse-item-arrow-hover-text-color:var(--ti-common-color-info);--ti-collapse-item-icon-font-size:var(--ti-common-font-size-2);--ti-collapse-item-header-padding-vertical:var(--ti-common-space-0);--ti-collapse-item-header-padding-horizontal:var(--ti-common-space-4x);--ti-collapse-item-header-bg-color:var(--ti-common-color-bg-white-emphasize);--ti-collapse-item-header-border-color:var(--ti-common-color-transparent);--ti-collapse-item-header-border-color-left:var(--ti-collapse-item-header-border-color);--ti-collapse-item-header-border-color-right:var(--ti-collapse-item-header-border-color);--ti-collapse-item-content-border-color:var(--ti-common-color-transparent);--ti-collapse-item-content-border-color-left:var(--ti-collapse-item-content-border-color);--ti-collapse-item-content-border-color-right:var(--ti-collapse-item-content-border-color);--ti-collapse-item-content-border-color-top:var(--ti-collapse-item-border-color);--ti-collapse-item-content-padding-top:var(--ti-common-space-3x);--ti-collapse-item-content-padding-left:var(--ti-common-space-4x);--ti-collapse-item-content-padding-right:var(--ti-common-space-4x);--ti-collapse-item-content-padding-bottom:var(--ti-common-space-3x);--ti-collapse-item-content-font-size:var(--ti-common-font-size-base)
|
|
1
|
+
.tiny-collapse-item{--ti-collapse-item-text-color:var(--ti-common-color-text-primary);--ti-collapse-item-bg-color:var(--ti-common-color-bg-white-normal);--ti-collapse-item-border-color:var(--ti-common-color-line-dividing);--ti-collapse-item-border-color-left:var(--ti-collapse-item-border-color);--ti-collapse-item-border-color-right:var(--ti-collapse-item-border-color);--ti-collapse-item-border-color-top:var(--ti-collapse-item-border-color);--ti-collapse-item-disabled-border-color-left:var(--ti-collapse-item-border-color);--ti-collapse-item-disabled-border-color-right:var(--ti-collapse-item-border-color);--ti-collapse-item-disabled-border-color-top:var(--ti-collapse-item-border-color);--ti-collapse-item-border-radius:var(--ti-common-border-radius-normal);--ti-collapse-item-margin-top:var(--ti-common-space-2x);--ti-collapse-item-header-min-height:var(--ti-common-size-8x);--ti-collapse-item-icon-color:var(--ti-common-color-icon-normal);--ti-collapse-item-wrap-bg-color:var(--ti-common-color-light);--ti-collapse-item-disabled-text-color:var(--ti-common-color-text-disabled);--ti-collapse-item-disabled-header-bg-color:var(--ti-common-color-bg-disabled);--ti-collapse-item-header-font-size:var(--ti-common-font-size-base);--ti-collapse-item-header-font-weight:var(--ti-common-font-weight-4);--ti-collapse-item-header-focus-text-color:var(--ti-common-color-text-primary);--ti-collapse-item-arrow-font-size:var(--ti-common-font-size-base);--ti-collapse-item-arrow-margin-right:var(--ti-common-space-3x);--ti-collapse-item-arrow-hover-text-color:var(--ti-common-color-info);--ti-collapse-item-icon-font-size:var(--ti-common-font-size-2);--ti-collapse-item-header-padding-vertical:var(--ti-common-space-0);--ti-collapse-item-header-padding-horizontal:var(--ti-common-space-4x);--ti-collapse-item-header-bg-color:var(--ti-common-color-bg-white-emphasize);--ti-collapse-item-header-border-color:var(--ti-common-color-transparent);--ti-collapse-item-header-border-color-left:var(--ti-collapse-item-header-border-color);--ti-collapse-item-header-border-color-right:var(--ti-collapse-item-header-border-color);--ti-collapse-item-content-border-color:var(--ti-common-color-transparent);--ti-collapse-item-content-border-color-left:var(--ti-collapse-item-content-border-color);--ti-collapse-item-content-border-color-right:var(--ti-collapse-item-content-border-color);--ti-collapse-item-content-border-color-top:var(--ti-collapse-item-border-color);--ti-collapse-item-content-padding-top:var(--ti-common-space-3x);--ti-collapse-item-content-padding-left:var(--ti-common-space-4x);--ti-collapse-item-content-padding-right:var(--ti-common-space-4x);--ti-collapse-item-content-padding-bottom:var(--ti-common-space-3x);--ti-collapse-item-content-font-size:var(--ti-common-font-size-base);margin-top:var(--ti-collapse-item-margin-top);background-color:var(--ti-collapse-item-bg-color);border:1px solid var(--ti-collapse-item-border-color);border-left-color:var(--ti-collapse-item-border-color-left);border-right-color:var(--ti-collapse-item-border-color-right);border-top-color:var(--ti-collapse-item-border-color-top);border-radius:var(--ti-collapse-item-border-radius)}.tiny-collapse-item:last-child{margin-bottom:-1px}.tiny-collapse-item.is-disabled{border-left-color:var(--ti-collapse-item-disabled-border-color-left);border-right-color:var(--ti-collapse-item-disabled-border-color-right);border-top-color:var(--ti-collapse-item-disabled-border-color-top)}.tiny-collapse-item.is-disabled .tiny-collapse-item__header{color:var(--ti-collapse-item-disabled-text-color);background-color:var(--ti-collapse-item-disabled-header-bg-color);cursor:not-allowed}.tiny-collapse-item.is-disabled .tiny-collapse-item__arrow svg{fill:var(--ti-collapse-item-disabled-text-color)}.tiny-collapse-item__header{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid var(--ti-collapse-item-header-border-color);border-left-color:var(--ti-collapse-item-header-border-color-left);border-right-color:var(--ti-collapse-item-header-border-color-right);font-weight:var(--ti-collapse-item-header-font-weight);-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:var(--ti-collapse-item-header-min-height);background-color:var(--ti-collapse-item-header-bg-color);color:var(--ti-collapse-item-text-color);font-size:var(--ti-collapse-item-header-font-size);outline:0;cursor:pointer;-webkit-transition:border-bottom-color .3s;transition:border-bottom-color .3s;border-radius:var(--ti-collapse-item-border-radius);padding:var(--ti-collapse-item-header-padding-vertical) var(--ti-collapse-item-header-padding-horizontal)}.tiny-collapse-item__header.focusing:focus:not(:hover){color:var(--ti-collapse-item-header-focus-text-color)}.tiny-collapse-item__header .tiny-collapse-item__arrow{margin-right:var(--ti-collapse-item-arrow-margin-right);font-size:var(--ti-collapse-item-arrow-font-size);-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-transform:rotate(90deg);transform:rotate(90deg)}.tiny-collapse-item__header .tiny-collapse-item__arrow svg{font-size:var(--ti-collapse-item-icon-font-size);fill:var(--ti-collapse-item-icon-color)}.tiny-collapse-item__header.is-active{border-bottom-color:transparent}.tiny-collapse-item__header.is-active .tiny-collapse-item__arrow{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);fill:var(--ti-collapse-item-arrow-hover-text-color)}.tiny-collapse-item:hover:not(.is-disabled) .tiny-collapse-item__arrow svg{fill:var(--ti-collapse-item-arrow-hover-text-color)}.tiny-collapse-item__wrap{will-change:height;background-color:var(--ti-collapse-item-wrap-bg-color);overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-collapse-item__content{padding-top:var(--ti-collapse-item-content-padding-top);padding-right:var(--ti-collapse-item-content-padding-right);padding-bottom:var(--ti-collapse-item-content-padding-bottom);padding-left:var(--ti-collapse-item-content-padding-left);font-size:var(--ti-collapse-item-content-font-size);color:var(--ti-collapse-item-text-color);border:1px solid var(--ti-collapse-item-content-border-color);border-right-color:var(--ti-collapse-item-content-border-color-right);border-left-color:var(--ti-collapse-item-content-border-color-left);border-top-color:var(--ti-collapse-item-content-border-color-top);line-height:var(--ti-collapse-item-content-line-height)}
|
|
@@ -11,6 +11,5 @@ export const tinyCollapseItemSmbTheme = {
|
|
|
11
11
|
'ti-collapse-item-content-padding-right': 'var(--ti-common-space-5x)',
|
|
12
12
|
'ti-collapse-item-content-padding-bottom': 'var(--ti-common-space-6x)',
|
|
13
13
|
'ti-collapse-item-content-padding-left': 'var(--ti-common-space-5x)',
|
|
14
|
-
'ti-collapse-item-arrow-hover-text-color': '#191919'
|
|
15
|
-
'ti-collapse-item-disabled-text-color': 'var(--ti-common-color-text-disabled)'
|
|
14
|
+
'ti-collapse-item-arrow-hover-text-color': '#191919'
|
|
16
15
|
}
|
package/dialog-box/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-dialog-box{position:absolute;background:var(--ti-dialog-box-bg-color);border:1px solid transparent;border-radius:var(--ti-dialog-box-border-radius);-webkit-box-shadow:var(--ti-dialog-box-shadow);box-shadow:var(--ti-dialog-box-shadow);overflow:hidden}.tiny-dialog-box__wrapper{--ti-dialog-box-bg-color:var(--ti-common-color-bg-white-normal);--ti-dialog-box-border-radius:var(--ti-common-border-radius-normal);--ti-dialog-box-shadow:var(--ti-common-shadow-4-down);--ti-dialog-box-head-border-color:var(--ti-common-color-line-normal);--ti-dialog-box-head-text-color:var(--ti-common-color-text-primary);--ti-dialog-box-head-padding-top:var(--ti-common-space-8x);--ti-dialog-box-head-padding-horizontal:var(--ti-common-space-8x);--ti-dialog-box-head-padding-bottom:calc(var(--ti-common-space-base) * 7);--ti-dialog-box-head-title-font-size:var(--ti-common-font-size-3);--ti-dialog-box-head-title-font-weight:var(--ti-common-font-weight-7);--ti-dialog-box-head-title-text-color:var(--ti-common-color-text-primary);--ti-dialog-box-head-font-icon-color:var(--ti-common-color-icon-normal);--ti-dialog-box-head-font-icon-color-hover:var(--ti-common-color-icon-hover);--ti-dialog-box-head-body-text-color:var(--ti-common-color-text-primary);--ti-dialog-box-head-body-font-size:var(--ti-common-font-size-1);--ti-dialog-box-btn-width:var(--ti-common-size-8x);--ti-dialog-box-btn-height:var(--ti-dialog-box-btn-width);--ti-dialog-box-btn-border-radius:var(--ti-common-border-radius-1);--ti-dialog-box-close-icon-size:var(--ti-common-font-size-1);--ti-dialog-box-close-icon-color:var(--ti-common-color-icon-normal);--ti-dialog-box-close-icon-color-hover:var(--ti-common-color-icon-hover);--ti-dialog-box-btn-background-color-hover:none;--ti-dialog-box-btn-position-top:var(--ti-common-space-5x);--ti-dialog-box-btn-position-right:var(--ti-common-space-5x);--ti-dialog-box-body-font-size:var(--ti-common-font-size-base);--ti-dialog-box-body-text-color:var(--ti-common-color-text-secondary);--ti-dialog-box-body-padding-vertical:var(--ti-common-space-0);--ti-dialog-box-body-padding-horizontal:var(--ti-common-space-8x);--ti-dialog-box-body-margin-bottom:var(--ti-common-space-3x);--ti-dialog-box-footer-padding-vertical:calc(var(--ti-common-space-base) * 7);--ti-dialog-box-footer-padding-horizontal:var(--ti-common-space-8x);--ti-dialog-box-footer-margin-bottom:var(--ti-common-space-8x);--ti-dialog-box-drawer-padding-left:var(--ti-common-space-8x);--ti-dialog-box-drawer-padding-right:var(--ti-common-space-10x);--ti-dialog-box-drawer-header-padding-top:var(--ti-common-space-8x);--ti-dialog-box-drawer-header-padding-bottom:var(--ti-common-space-5x);--ti-dialog-box-drawer-header-padding-left:var(--ti-common-space-0);--ti-dialog-box-drawer-body-padding-right:var(--ti-common-space-0);--ti-dialog-box-drawer-body-padding-top:var(--ti-common-space-0);--ti-dialog-box-drawer-body-padding-bottom:var(--ti-common-space-0);--ti-dialog-box-drawer-body-padding-left:var(--ti-common-space-0);--ti-dialog-box-drawer-header-padding-right:var(--ti-common-space-0);--ti-dialog-box-drawer-footer-padding-top:var(--ti-common-space-5x);--ti-dialog-box-drawer-footer-padding-bottom:var(--ti-common-space-8x);--ti-dialog-box-drawer-footer-padding-left:var(--ti-common-space-0);--ti-dialog-box-drawer-footer-padding-right:var(--ti-common-space-0);--ti-dialog-box-drawer-footer-margin-left:var(--ti-common-space-8x);--ti-dialog-box-drawer-footer-margin-right:var(--ti-common-space-10x);--ti-dialog-box-drawer-divider-border-color:var(--ti-common-color-line-dividing);--ti-dialog-box-drawer-radius:var(--ti-common-space-0);position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.tiny-dialog-box.is-fullscreen{left:0;top:0;width:100vw;height:100vh}.tiny-dialog-box.is-center .tiny-dialog-box__footer,.tiny-dialog-box.is-center .tiny-dialog-box__header{text-align:center}.tiny-dialog-box__scroll-lock{overflow:hidden}.tiny-dialog-box.is-fullscreen .tiny-dialog-box__body{max-height:calc(100vh - 94px)}.tiny-dialog-box .tiny-dialog-box__header{padding:var(--ti-dialog-box-head-padding-top) var(--ti-dialog-box-head-padding-horizontal) var(--ti-dialog-box-head-padding-bottom);background:var(--ti-dialog-box-bg-color);font-weight:var(--ti-dialog-box-head-title-font-weight);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__title{font-size:var(--ti-dialog-box-head-title-font-size);color:var(--ti-dialog-box-head-title-text-color);font-weight:var(--ti-dialog-box-head-title-font-weight);-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn{border:none;background:0 0;padding:0;line-height:1;position:absolute;top:calc(var(--ti-dialog-box-btn-position-top) - (var(--ti-dialog-box-btn-height) - var(--ti-dialog-box-close-icon-size))/ 2);right:calc(var(--ti-dialog-box-btn-position-right) - (var(--ti-dialog-box-btn-width) - var(--ti-dialog-box-close-icon-size))/ 2);cursor:pointer;height:var(--ti-dialog-box-btn-height);width:var(--ti-dialog-box-btn-width)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn:hover{background-color:var(--ti-dialog-box-btn-background-color-hover);border-radius:var(--ti-dialog-box-btn-border-radius)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn+.tiny-dialog-box__headerbtn{margin-left:8px}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn:focus{outline:0}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn .tiny-dialog-box__close{fill:var(--ti-dialog-box-close-icon-color);font-size:var(--ti-dialog-box-close-icon-size)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn .tiny-dialog-box__close:hover{fill:var(--ti-dialog-box-close-icon-color-hover)}.tiny-dialog-box .tiny-dialog-box__body{text-align:left;padding:var(--ti-dialog-box-body-padding-vertical) var(--ti-dialog-box-body-padding-horizontal);color:var(--ti-dialog-box-body-text-color);font-size:var(--ti-dialog-box-body-font-size);overflow:auto;max-height:65vh}.tiny-dialog-box .tiny-dialog-box__body .tiny-upload{overflow:hidden}.tiny-dialog-box .tiny-dialog-box__body>span{max-height:120px;overflow-y:auto}.tiny-dialog-box .tiny-dialog-box__body .tiny-dept__search{line-height:30px}.tiny-dialog-box .tiny-dialog-box__footer{text-align:inherit;padding:var(--ti-dialog-box-footer-padding-vertical) var(--ti-dialog-box-footer-padding-horizontal) var(--ti-dialog-box-footer-margin-bottom);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-dialog-box .tiny-dialog-box__footer .tiny-button{min-width:var(--ti-dialog-box-footer-btn-min-width)}.tiny-dialog-box .tiny-dialog-box__footer .tiny-toolbar .tiny-button{margin:0 4px}.tiny-dialog-box.is-right-slide{border-radius:var(--ti-dialog-box-drawer-radius)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__body,.tiny-dialog-box.is-right-slide .tiny-dialog-box__footer,.tiny-dialog-box.is-right-slide .tiny-dialog-box__header{width:calc(100% - var(--ti-dialog-box-drawer-padding-left) - var(--ti-dialog-box-drawer-padding-right));margin-left:var(--ti-dialog-box-drawer-padding-left);margin-right:var(--ti-dialog-box-drawer-padding-right)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__header{padding:var(--ti-dialog-box-drawer-header-padding-top) var(--ti-dialog-box-drawer-header-padding-right) var(--ti-dialog-box-drawer-header-padding-bottom) var(--ti-dialog-box-drawer-header-padding-left);border-bottom:1px solid var(--ti-dialog-box-drawer-divider-border-color)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__headerbtn{right:calc(var(--ti-dialog-box-btn-position-right) - var(--ti-dialog-box-drawer-padding-right) - (var(--ti-dialog-box-btn-width) - var(--ti-dialog-box-close-icon-size))/ 2)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__body{padding:var(--ti-dialog-box-drawer-body-padding-top) var(--ti-dialog-box-drawer-body-padding-right) var(--ti-dialog-box-drawer-body-padding-bottom) var(--ti-dialog-box-drawer-body-padding-left)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__footer{position:absolute;bottom:0;padding:var(--ti-dialog-box-drawer-footer-padding-top) var(--ti-dialog-box-drawer-footer-padding-right) var(--ti-dialog-box-drawer-footer-padding-bottom) var(--ti-dialog-box-drawer-footer-padding-left);border-top:1px solid var(--ti-dialog-box-drawer-divider-border-color);text-align:right}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.3;background:#000}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.dialog-slideRight-enter-active{-webkit-animation:slideRight .5s ease-in forwards;animation:slideRight .5s ease-in forwards}.dialog-slideRight-leave-active{-webkit-animation:slideRightout .5s ease-in forwards;animation:slideRightout .5s ease-in forwards}@-webkit-keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@media (max-width:480px){.tiny-dialog-box{width:100%!important;top:0!important;left:0!important}}
|
|
1
|
+
.tiny-dialog-box{position:absolute;background:var(--ti-dialog-box-bg-color);border:1px solid transparent;border-radius:var(--ti-dialog-box-border-radius);-webkit-box-shadow:var(--ti-dialog-box-shadow);box-shadow:var(--ti-dialog-box-shadow);overflow:hidden}.tiny-dialog-box__wrapper{--ti-dialog-box-bg-color:var(--ti-common-color-bg-white-normal);--ti-dialog-box-border-radius:var(--ti-common-border-radius-normal);--ti-dialog-box-shadow:var(--ti-common-shadow-4-down);--ti-dialog-box-head-border-color:var(--ti-common-color-line-normal);--ti-dialog-box-head-text-color:var(--ti-common-color-text-primary);--ti-dialog-box-head-padding-top:var(--ti-common-space-8x);--ti-dialog-box-head-padding-horizontal:var(--ti-common-space-8x);--ti-dialog-box-head-padding-bottom:calc(var(--ti-common-space-base) * 7);--ti-dialog-box-head-title-font-size:var(--ti-common-font-size-3);--ti-dialog-box-head-title-font-weight:var(--ti-common-font-weight-7);--ti-dialog-box-head-title-text-color:var(--ti-common-color-text-primary);--ti-dialog-box-head-font-icon-color:var(--ti-common-color-icon-normal);--ti-dialog-box-head-font-icon-color-hover:var(--ti-common-color-icon-hover);--ti-dialog-box-head-body-text-color:var(--ti-common-color-text-primary);--ti-dialog-box-head-body-font-size:var(--ti-common-font-size-1);--ti-dialog-box-btn-width:var(--ti-common-size-8x);--ti-dialog-box-btn-height:var(--ti-dialog-box-btn-width);--ti-dialog-box-btn-border-radius:var(--ti-common-border-radius-1);--ti-dialog-box-close-icon-size:var(--ti-common-font-size-1);--ti-dialog-box-close-icon-color:var(--ti-common-color-icon-normal);--ti-dialog-box-close-icon-color-hover:var(--ti-common-color-icon-hover);--ti-dialog-box-btn-background-color-hover:none;--ti-dialog-box-btn-position-top:var(--ti-common-space-5x);--ti-dialog-box-btn-position-right:var(--ti-common-space-5x);--ti-dialog-box-body-font-size:var(--ti-common-font-size-base);--ti-dialog-box-body-text-color:var(--ti-common-color-text-primary);--ti-dialog-box-body-padding-vertical:var(--ti-common-space-0);--ti-dialog-box-body-padding-horizontal:var(--ti-common-space-8x);--ti-dialog-box-body-margin-bottom:var(--ti-common-space-3x);--ti-dialog-box-footer-padding-vertical:calc(var(--ti-common-space-base) * 7);--ti-dialog-box-footer-padding-horizontal:var(--ti-common-space-8x);--ti-dialog-box-footer-margin-bottom:var(--ti-common-space-8x);--ti-dialog-box-drawer-min-width:calc(var(--ti-common-space-10) * 50);--ti-dialog-box-drawer-max-width:calc(var(--ti-common-space-10) * 100);--ti-dialog-box-drawer-padding-left:var(--ti-common-space-8x);--ti-dialog-box-drawer-padding-right:var(--ti-common-space-10x);--ti-dialog-box-drawer-header-padding-top:var(--ti-common-space-8x);--ti-dialog-box-drawer-header-padding-bottom:var(--ti-common-space-5x);--ti-dialog-box-drawer-header-padding-left:var(--ti-common-space-0);--ti-dialog-box-drawer-body-padding-right:var(--ti-common-space-0);--ti-dialog-box-drawer-body-padding-top:var(--ti-common-space-0);--ti-dialog-box-drawer-body-padding-bottom:var(--ti-common-space-0);--ti-dialog-box-drawer-body-padding-left:var(--ti-common-space-0);--ti-dialog-box-drawer-header-padding-right:var(--ti-common-space-0);--ti-dialog-box-drawer-footer-padding-top:var(--ti-common-space-5x);--ti-dialog-box-drawer-footer-padding-bottom:var(--ti-common-space-8x);--ti-dialog-box-drawer-footer-padding-left:var(--ti-common-space-0);--ti-dialog-box-drawer-footer-padding-right:var(--ti-common-space-0);--ti-dialog-box-drawer-footer-margin-left:var(--ti-common-space-8x);--ti-dialog-box-drawer-footer-margin-right:var(--ti-common-space-10x);--ti-dialog-box-drawer-divider-border-color:var(--ti-common-color-line-dividing);--ti-dialog-box-drawer-radius:var(--ti-common-space-0);position:fixed;top:0;right:0;bottom:0;left:0;overflow:auto;margin:0}.tiny-dialog-box.is-fullscreen{left:0;top:0;width:100vw;height:100vh}.tiny-dialog-box.is-center .tiny-dialog-box__footer,.tiny-dialog-box.is-center .tiny-dialog-box__header{text-align:center}.tiny-dialog-box__scroll-lock{overflow:hidden}.tiny-dialog-box.is-fullscreen .tiny-dialog-box__body{max-height:calc(100vh - 94px)}.tiny-dialog-box .tiny-dialog-box__header{padding:var(--ti-dialog-box-head-padding-top) var(--ti-dialog-box-head-padding-horizontal) var(--ti-dialog-box-head-padding-bottom);background:var(--ti-dialog-box-bg-color);display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:var(--ti-dialog-box-head-title-font-size);color:var(--ti-dialog-box-head-title-text-color);font-weight:var(--ti-dialog-box-head-title-font-weight)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__title{-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn{border:none;background:0 0;padding:0;line-height:1;position:absolute;top:calc(var(--ti-dialog-box-btn-position-top) - (var(--ti-dialog-box-btn-height) - var(--ti-dialog-box-close-icon-size))/ 2);right:calc(var(--ti-dialog-box-btn-position-right) - (var(--ti-dialog-box-btn-width) - var(--ti-dialog-box-close-icon-size))/ 2);cursor:pointer;height:var(--ti-dialog-box-btn-height);width:var(--ti-dialog-box-btn-width)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn:hover{background-color:var(--ti-dialog-box-btn-background-color-hover);border-radius:var(--ti-dialog-box-btn-border-radius)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn+.tiny-dialog-box__headerbtn{margin-left:8px}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn:focus{outline:0}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn .tiny-dialog-box__close{fill:var(--ti-dialog-box-close-icon-color);font-size:var(--ti-dialog-box-close-icon-size)}.tiny-dialog-box .tiny-dialog-box__header .tiny-dialog-box__headerbtn .tiny-dialog-box__close:hover{fill:var(--ti-dialog-box-close-icon-color-hover)}.tiny-dialog-box .tiny-dialog-box__body{text-align:left;padding:var(--ti-dialog-box-body-padding-vertical) var(--ti-dialog-box-body-padding-horizontal);color:var(--ti-dialog-box-body-text-color);font-size:var(--ti-dialog-box-body-font-size);overflow:auto;max-height:65vh}.tiny-dialog-box .tiny-dialog-box__body .tiny-upload{overflow:hidden}.tiny-dialog-box .tiny-dialog-box__body>span{max-height:120px;overflow-y:auto}.tiny-dialog-box .tiny-dialog-box__body .tiny-dept__search{line-height:30px}.tiny-dialog-box .tiny-dialog-box__footer{text-align:inherit;padding:var(--ti-dialog-box-footer-padding-vertical) var(--ti-dialog-box-footer-padding-horizontal) var(--ti-dialog-box-footer-margin-bottom);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-dialog-box .tiny-dialog-box__footer .tiny-button{min-width:var(--ti-dialog-box-footer-btn-min-width)}.tiny-dialog-box .tiny-dialog-box__footer .tiny-toolbar .tiny-button{margin:0 4px}.tiny-dialog-box.is-right-slide{border-radius:var(--ti-dialog-box-drawer-radius);min-width:var(--ti-dialog-box-drawer-min-width);max-width:var(--ti-dialog-box-drawer-max-width)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__body,.tiny-dialog-box.is-right-slide .tiny-dialog-box__footer,.tiny-dialog-box.is-right-slide .tiny-dialog-box__header{width:calc(100% - var(--ti-dialog-box-drawer-padding-left) - var(--ti-dialog-box-drawer-padding-right));margin-left:var(--ti-dialog-box-drawer-padding-left);margin-right:var(--ti-dialog-box-drawer-padding-right)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__header{padding:var(--ti-dialog-box-drawer-header-padding-top) var(--ti-dialog-box-drawer-header-padding-right) var(--ti-dialog-box-drawer-header-padding-bottom) var(--ti-dialog-box-drawer-header-padding-left);border-bottom:1px solid var(--ti-dialog-box-drawer-divider-border-color)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__headerbtn{right:calc(var(--ti-dialog-box-btn-position-right) - var(--ti-dialog-box-drawer-padding-right) - (var(--ti-dialog-box-btn-width) - var(--ti-dialog-box-close-icon-size))/ 2)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__body{padding:var(--ti-dialog-box-drawer-body-padding-top) var(--ti-dialog-box-drawer-body-padding-right) var(--ti-dialog-box-drawer-body-padding-bottom) var(--ti-dialog-box-drawer-body-padding-left)}.tiny-dialog-box.is-right-slide .tiny-dialog-box__footer{position:absolute;bottom:0;padding:var(--ti-dialog-box-drawer-footer-padding-top) var(--ti-dialog-box-drawer-footer-padding-right) var(--ti-dialog-box-drawer-footer-padding-bottom) var(--ti-dialog-box-drawer-footer-padding-left);border-top:1px solid var(--ti-dialog-box-drawer-divider-border-color);text-align:right}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.3;background:#000}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{100%{opacity:0}}@keyframes v-modal-out{100%{opacity:0}}.dialog-slideRight-enter-active{-webkit-animation:slideRight .5s ease-in forwards;animation:slideRight .5s ease-in forwards}.dialog-slideRight-leave-active{-webkit-animation:slideRightout .5s ease-in forwards;animation:slideRightout .5s ease-in forwards}@-webkit-keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideRight{0%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes slideRightout{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}50%{opacity:.6;-webkit-transform:translateX(50%);transform:translateX(50%)}100%{opacity:0;-webkit-transform:translateX(100%);transform:translateX(100%)}}.dialog-fade-enter-active{-webkit-animation:dialog-fade-in .3s;animation:dialog-fade-in .3s}.dialog-fade-leave-active{-webkit-animation:dialog-fade-out .3s;animation:dialog-fade-out .3s}@-webkit-keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes dialog-fade-in{0%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@keyframes dialog-fade-out{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}100%{-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0);opacity:0}}@media (max-width:480px){.tiny-dialog-box{width:100%!important;top:0!important;left:0!important}}
|
package/dialog-box/smb-theme.js
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export const tinyDialogBoxSmbTheme = {
|
|
2
|
+
'ti-dialog-box-drawer-padding-right': 'var(--ti-common-space-8x)',
|
|
2
3
|
'ti-dialog-box-border-radius': 'var(--ti-common-border-radius-4)',
|
|
3
4
|
'ti-dialog-box-shadow': 'var(--ti-common-shadow-4-down)',
|
|
4
5
|
'ti-dialog-box-head-title-font-size': 'var(--ti-common-font-size-4)',
|
|
@@ -6,6 +7,7 @@ export const tinyDialogBoxSmbTheme = {
|
|
|
6
7
|
'ti-dialog-box-close-icon-size': 'var(--ti-common-font-size-4)',
|
|
7
8
|
'ti-dialog-box-close-icon-color': 'var(--ti-common-color-icon-normal)',
|
|
8
9
|
'ti-dialog-box-close-icon-color-hover': 'var(--ti-common-color-icon-hover)',
|
|
10
|
+
'ti-dialog-box-body-text-color': 'var(--ti-common-color-text-primary)',
|
|
9
11
|
'ti-dialog-box-footer-btn-min-width': 'calc(var(--ti-common-space-base) * 24)',
|
|
10
12
|
'ti-dialog-box-drawer-divider-border-color': 'transparent',
|
|
11
13
|
}
|
package/drop-roles/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-drop-roles .user-icon{
|
|
1
|
+
.tiny-drop-roles .user-icon{margin-left:10px}
|
package/dropdown/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-dropdown{--ti-dropdown-font-size:var(--ti-common-font-size-base);--ti-dropdown-text-color-disabled:var(--ti-common-color-text-disabled);--ti-dropdown-trigger-title-margin-right:var(--ti-common-space-base);--ti-dropdown-caret-button-padding-left:var(--ti-common-space-base);--ti-dropdown-caret-button-padding-right:var(--ti-common-space-base);--ti-dropdown-caret-button-min-width:var(--ti-common-size-6x);--ti-dropdown-caret-line-bg-color:var(--ti-common-color-light);--ti-dropdown-caret-line-margin-top:var(--ti-common-space-base);--ti-dropdown-caret-line-margin-bottom:var(--ti-common-space-base);--ti-dropdown-caret-line-margin-top-hover:var(--ti-common-space-0);--ti-dropdown-caret-line-margin-bottom-hover:var(--ti-common-space-0);--ti-dropdown-caret-line-width:var(--ti-common-border-weight-normal);--ti-dropdown-caret-line-bg-color-default:var(--ti-common-color-line-normal);--ti-dropdown-caret-line-bg-color-default-hover:var(--ti-common-color-line-active);--ti-dropdown-caret-svg-margin-vertical:var(--ti-common-space-0);--ti-dropdown-caret-svg-margin-horizontal:var(--ti-common-
|
|
1
|
+
.tiny-dropdown{--ti-dropdown-font-size:var(--ti-common-font-size-base);--ti-dropdown-text-color:var(--ti-common-color-text-link);--ti-dropdown-text-color-hover:var(--ti-common-color-text-link-hover);--ti-dropdown-line-height:var(--ti-common-line-height-number);--ti-dropdown-icon-size:10px;--ti-dropdown-icon-color:var(--ti-common-color-text-link);--ti-dropdown-icon-color-hover:var(--ti-common-color-text-link-hover);--ti-dropdown-button-icon-color:var(--ti-common-color-icon-white);--ti-dropdown-button-icon-size:var(--ti-common-font-size-1);--ti-dropdown-text-color-disabled:var(--ti-common-color-text-disabled);--ti-dropdown-trigger-title-margin-right:var(--ti-common-space-base);--ti-dropdown-caret-button-padding-left:var(--ti-common-space-base);--ti-dropdown-caret-button-padding-right:var(--ti-common-space-base);--ti-dropdown-caret-button-min-width:var(--ti-common-size-6x);--ti-dropdown-caret-line-bg-color:var(--ti-common-color-light);--ti-dropdown-caret-line-margin-top:var(--ti-common-space-base);--ti-dropdown-caret-line-margin-bottom:var(--ti-common-space-base);--ti-dropdown-caret-line-margin-top-hover:var(--ti-common-space-0);--ti-dropdown-caret-line-margin-bottom-hover:var(--ti-common-space-0);--ti-dropdown-caret-line-width:var(--ti-common-border-weight-normal);--ti-dropdown-caret-line-bg-color-default:var(--ti-common-color-line-normal);--ti-dropdown-caret-line-bg-color-default-hover:var(--ti-common-color-line-active);--ti-dropdown-caret-svg-margin-vertical:var(--ti-common-space-0);--ti-dropdown-caret-svg-margin-horizontal:var(--ti-common-space-base);--ti-dropdown-caret-svg-padding-left:var(--ti-common-space-0);--ti-dropdown-title-button-padding-right:var(--ti-common-space-5x);--ti-dropdown-title-button-padding-left:var(--ti-common-space-5x);display:inline-block;position:relative;color:var(--ti-dropdown-text-color);font-size:var(--ti-dropdown-font-size)}.tiny-dropdown span{display:inline-block}.tiny-dropdown__trigger .tiny-dropdown__title{margin-right:var(--ti-dropdown-trigger-title-margin-right);line-height:var(--ti-dropdown-line-height)}.tiny-dropdown__trigger .tiny-svg{fill:var(--ti-dropdown-icon-color);font-size:var(--ti-dropdown-icon-size);vertical-align:middle;margin-top:-4px}.tiny-dropdown__trigger.tiny-button .tiny-svg{fill:var(--ti-dropdown-button-icon-color);font-size:var(--ti-dropdown-button-icon-size)}.tiny-dropdown__trigger:not(.tiny-dropdown__caret-button):hover{color:var(--ti-dropdown-text-color-hover)}.tiny-dropdown__trigger:not(.tiny-dropdown__caret-button):hover .tiny-svg{fill:var(--ti-dropdown-icon-color-hover)}.tiny-dropdown .tiny-button-group{display:block}.tiny-dropdown .tiny-button-group .tiny-button{float:none}.tiny-dropdown .tiny-button-group .tiny-button--medium+.tiny-button.tiny-button--medium{margin-left:0}.tiny-dropdown .tiny-button-group .tiny-button--small+.tiny-button.tiny-button--small{margin-left:0}.tiny-dropdown .tiny-dropdown__title-button{padding-left:var(--ti-dropdown-title-button-padding-left);padding-right:var(--ti-dropdown-title-button-padding-right)}.tiny-dropdown .tiny-dropdown__caret-button{padding-left:var(--ti-dropdown-caret-button-padding-left);padding-right:var(--ti-dropdown-caret-button-padding-right);position:relative;border-left:none;min-width:var(--ti-dropdown-caret-button-min-width)}.tiny-dropdown .tiny-dropdown__caret-button:before{content:'';position:absolute;display:block;width:var(--ti-dropdown-caret-line-width);top:0;bottom:0;left:0;margin-top:var(--ti-dropdown-caret-line-margin-top);margin-bottom:var(--ti-dropdown-caret-line-margin-bottom);background-color:var(--ti-dropdown-caret-line-bg-color)}.tiny-dropdown .tiny-dropdown__caret-button.tiny-button--default:before{background:var(--ti-dropdown-caret-line-bg-color-default)}.tiny-dropdown .tiny-dropdown__caret-button.tiny-button--default:hover:before{background-color:var(--ti-dropdown-caret-line-bg-color-default-hover)}.tiny-dropdown .tiny-dropdown__caret-button:hover:not(.is-disabled):before{margin-top:var(--ti-dropdown-caret-line-margin-top-hover);margin-bottom:var(--ti-dropdown-caret-line-margin-bottom-hover)}.tiny-dropdown .tiny-dropdown__caret-button svg{padding-left:var(--ti-dropdown-caret-svg-padding-left);margin:var(--ti-dropdown-caret-svg-margin-vertical) var(--ti-dropdown-caret-svg-margin-horizontal)}.tiny-dropdown .tiny-dropdown-selfdefine:focus:active,.tiny-dropdown .tiny-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.tiny-dropdown [disabled]{cursor:not-allowed;color:var(--ti-dropdown-text-color-disabled)}.tiny-dropdown:hover{cursor:pointer}.tiny-dropdown--visible{-webkit-transform:rotate(180deg);transform:rotate(180deg);-webkit-transform-origin:center;transform-origin:center}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export const tinyDropdownSmbTheme = {
|
|
2
|
+
'ti-dropdown-icon-size': 'var(--ti-common-font-size-2)',
|
|
3
|
+
'ti-dropdown-text-color-hover': 'var(--ti-common-color-text-primary)',
|
|
4
|
+
'ti-dropdown-icon-color': 'var(--ti-common-color-placeholder)', // TINY-TODO:缺少#808080图标色变量
|
|
5
|
+
'ti-dropdown-icon-color-hover': 'var(--ti-common-color-icon-graybg-hover)',
|
|
6
|
+
'ti-dropdown-caret-svg-margin-horizontal': 'var(--ti-common-space-0)',
|
|
7
|
+
'ti-dropdown-caret-button-padding-right': 'var(--ti-common-space-6x)',
|
|
8
|
+
'ti-dropdown-caret-line-width': 'var(--ti-common-size-0)',
|
|
9
|
+
'ti-dropdown-title-button-padding-left': 'var(--ti-common-space-6x)',
|
|
10
|
+
'ti-dropdown-title-button-padding-right': 'var(--ti-common-space-0)',
|
|
11
|
+
'ti-dropdown-button-icon-size': 'var(--ti-common-font-size-2)'
|
|
12
|
+
}
|
package/dropdown-item/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-dropdown-item{--ti-dropdown-item-hover-bg-color:var(--ti-common-color-bg-white-emphasize);--ti-dropdown-item-hover-text-color:var(--ti-common-color-text-highlight);--ti-dropdown-item-active-bg-color:var(--ti-common-color-bg-emphasize);--ti-dropdown-item-active-text-color:var(--ti-common-color-text-white);--ti-dropdown-item-disabled-text-color:var(--ti-common-color-text-disabled);--ti-dropdown-item-text-color:var(--ti-common-color-text-primary);--ti-dropdown-item-font-size:var(--ti-common-font-size-base);--ti-dropdown-item-line-height:var(--ti-common-line-height-number);--ti-dropdown-item-padding-vertical:var(--ti-common-space-6);--ti-dropdown-item-padding-horizontal:var(--ti-common-space-5x);--ti-dropdown-item-border-radius:var(--ti-common-border-radius-0);--ti-dropdown-item-max-width:var(--ti-common-size-33x);--ti-dropdown-item-
|
|
1
|
+
.tiny-dropdown-item{--ti-dropdown-item-height:30px;--ti-dropdown-item-hover-bg-color:var(--ti-common-color-bg-white-emphasize);--ti-dropdown-item-hover-text-color:var(--ti-common-color-text-highlight);--ti-dropdown-item-active-bg-color:var(--ti-common-color-bg-emphasize);--ti-dropdown-item-active-text-color:var(--ti-common-color-text-white);--ti-dropdown-item-disabled-text-color:var(--ti-common-color-text-disabled);--ti-dropdown-item-text-color:var(--ti-common-color-text-primary);--ti-dropdown-item-font-size:var(--ti-common-font-size-base);--ti-dropdown-item-line-height:var(--ti-common-line-height-number);--ti-dropdown-item-padding-vertical:var(--ti-common-space-6);--ti-dropdown-item-padding-horizontal:var(--ti-common-space-5x);--ti-dropdown-item-border-radius:var(--ti-common-border-radius-0);--ti-dropdown-item-max-width:var(--ti-common-size-33x);--ti-dropdown-item-icon-color:var(--ti-common-color-icon-normal);--ti-dropdown-item-icon-color-hover:var(--ti-common-color-icon-hover);--ti-dropdown-item-icon-color-active:var(--ti-common-color-icon-white);--ti-dropdown-item-icon-color-disabled:var(--ti-common-color-icon-disabled);--ti-dropdown-item-expand-svg-margin-left:calc(-1*(var(--ti-common-space-base) + var(--ti-dropdown-item-expand-icon-size)));--ti-dropdown-item-expand-svg-margin-right:var(--ti-common-space-0);--ti-dropdown-item-content-margin-left:var(--ti-common-space-0);--ti-dropdown-item-content-font-weight-hover:var(--ti-common-font-weight-4);--ti-dropdown-item-divided-border-weight:var(--ti-common-border-weight-normal);--ti-dropdown-item-divided-border-style:var(--ti-common-border-style-solid);--ti-dropdown-item-divided-border-color:var(--ti-common-color-line-dividing);--ti-dropdown-item-before-bg-color:var(--ti-common-color-bg-white-normal);--ti-dropdown-item-before-margin-vertical:var(--ti-common-space-0);--ti-dropdown-item-before-margin-horizontal:var(--ti-common-space-0);--ti-dropdown-item-medium-before-margin-horizontal:var(--ti-common-space-0);--ti-dropdown-item-small-before-margin-horizontal:var(--ti-common-space-0);--ti-dropdown-item-mini-before-margin-horizontal:var(--ti-common-space-0);--ti-dropdown-item-before-height:6px;--ti-dropdown-item-medium-before-height:6px;--ti-dropdown-item-small-before-height:var(--ti-common-size-base);--ti-dropdown-item-mini-before-height:3px;--ti-dropdown-item-medium-line-height:var(--ti-common-size-height-normal);--ti-dropdown-item-medium-font-size:var(--ti-common-font-size-1);--ti-dropdown-item-medium-padding-vertical:var(--ti-common-space-0);--ti-dropdown-item-medium-padding-horizontal:var(--ti-common-space-4x);--ti-dropdown-item-medium-divided-margin-top:var(--ti-common-space-6);--ti-dropdown-item-small-line-height:var(--ti-common-line-height-5);--ti-dropdown-item-small-padding-vertical:var(--ti-common-space-0);--ti-dropdown-item-small-padding-horizontal:var(--ti-common-space-4x);--ti-dropdown-item-small-font-size:var(--ti-common-font-size-base);--ti-dropdown-item-small-divided-margin-top:var(--ti-common-space-base);--ti-dropdown-item-mini-line-height:var(--ti-common-line-height-5);--ti-dropdown-item-mini-padding-vertical:var(--ti-common-space-0);--ti-dropdown-item-mini-padding-horizontal:var(--ti-common-space-10);--ti-dropdown-item-mini-font-size:var(--ti-common-font-size-base);--ti-dropdown-item-mini-divided-margin-top:calc(var(--ti-common-space-1) * 3);--ti-dropdown-item-expand-icon-size:8px;list-style:none;font-size:var(--ti-dropdown-item-font-size);color:var(--ti-dropdown-item-text-color);cursor:pointer;outline:0;position:relative;word-break:break-all;max-width:var(--ti-dropdown-item-max-width)}.tiny-dropdown-item__wrap{line-height:var(--ti-dropdown-item-line-height);padding:var(--ti-dropdown-item-padding-vertical) var(--ti-dropdown-item-padding-horizontal);height:var(--ti-dropdown-item-height);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-dropdown-item__wrap .tiny-dropdown-item--child{position:absolute;right:100%;top:0;display:none}.tiny-dropdown-item__wrap .tiny-dropdown-item__expand{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-dropdown-item__wrap .tiny-dropdown-item__expand .tiny-svg{fill:var(--ti-dropdown-item-icon-color);font-size:var(--ti-dropdown-item-expand-icon-size);margin-left:var(--ti-dropdown-item-expand-svg-margin-left);margin-right:var(--ti-dropdown-item-expand-svg-margin-right)}.tiny-dropdown-item__wrap .tiny-dropdown-item__expand+.tiny-dropdown-item__content{margin-left:0}.tiny-dropdown-item__wrap .tiny-dropdown-item__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-dropdown-item__wrap .tiny-dropdown-item__content .tiny-svg{margin-right:4px;fill:var(--ti-dropdown-item-icon-color)}.tiny-dropdown-item.has-children~li .tiny-dropdown-item__content{margin-left:var(--ti-dropdown-item-content-margin-left)}.tiny-dropdown-item:focus,.tiny-dropdown-item:not(.is-disabled):hover{background-color:var(--ti-dropdown-item-hover-bg-color);color:var(--ti-dropdown-item-hover-text-color);border-radius:var(--ti-dropdown-item-border-radius)}.tiny-dropdown-item:focus>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content .tiny-svg,.tiny-dropdown-item:focus>.tiny-dropdown-item__wrap>.tiny-dropdown-item__expand .tiny-svg,.tiny-dropdown-item:not(.is-disabled):hover>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content .tiny-svg,.tiny-dropdown-item:not(.is-disabled):hover>.tiny-dropdown-item__wrap>.tiny-dropdown-item__expand .tiny-svg{fill:var(--ti-dropdown-item-icon-color-hover)}.tiny-dropdown-item:focus>.tiny-dropdown-item__wrap>.tiny-dropdown-item--child,.tiny-dropdown-item:not(.is-disabled):hover>.tiny-dropdown-item__wrap>.tiny-dropdown-item--child{display:block}.tiny-dropdown-item:not(.is-disabled):active{background-color:var(--ti-dropdown-item-active-bg-color);color:var(--ti-dropdown-item-active-text-color);border-radius:var(--ti-dropdown-item-border-radius)}.tiny-dropdown-item:not(.is-disabled):active>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content .tiny-svg,.tiny-dropdown-item:not(.is-disabled):active>.tiny-dropdown-item__wrap>.tiny-dropdown-item__expand .tiny-svg{fill:var(--ti-dropdown-item-icon-color-active)}.tiny-dropdown-item:not(.is-disabled).has-children:hover>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content{font-weight:var(--ti-dropdown-item-content-font-weight-hover)}.tiny-dropdown-item.is-disabled{cursor:not-allowed;color:var(--ti-dropdown-item-disabled-text-color)}.tiny-dropdown-item.is-disabled>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content svg,.tiny-dropdown-item.is-disabled>.tiny-dropdown-item__wrap>.tiny-dropdown-item__expand svg{fill:var(--ti-dropdown-item-icon-color-disabled)}.tiny-dropdown-item--divided{position:relative;border-top:var(--ti-dropdown-item-divided-border-weight) var(--ti-dropdown-item-divided-border-style) var(--ti-dropdown-item-divided-border-color)}.tiny-dropdown-item--divided:before{content:"";height:var(--ti-dropdown-item-before-height);display:block;margin:var(--ti-dropdown-item-before-margin-vertical) var(--ti-dropdown-item-before-margin-horizontal);background-color:var(--ti-dropdown-item-before-bg-color)}
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
export const tinyDropdownItemSmbTheme = {
|
|
2
|
-
'ti-dropdown-item-
|
|
3
|
-
'ti-dropdown-item-padding-vertical': 'var(--ti-common-space-
|
|
2
|
+
'ti-dropdown-item-expand-icon-size': 'var(--ti-common-font-size-2)',
|
|
3
|
+
'ti-dropdown-item-padding-vertical': 'var(--ti-common-space-0)',
|
|
4
|
+
'ti-dropdown-item-padding-horizontal': 'var(--ti-common-space-4x)',
|
|
4
5
|
'ti-dropdown-item-hover-text-color': 'var(--ti-common-color-text-primary)',
|
|
5
|
-
'ti-dropdown-item-
|
|
6
|
+
'ti-dropdown-item-icon-color-hover': 'var(--ti-common-color-icon-graybg-hover)',
|
|
7
|
+
'ti-dropdown-item-expand-svg-margin-left': 'var(--ti-common-space-0)',
|
|
8
|
+
'ti-dropdown-item-expand-svg-margin-right': 'var(--ti-common-space-2x)',
|
|
9
|
+
'ti-dropdown-item-content-margin-left': 'calc(var(--ti-dropdown-item-expand-icon-size) + var(--ti-common-space-2x))',
|
|
10
|
+
'ti-dropdown-item-max-width': 'var(--ti-common-size-auto)',
|
|
11
|
+
'ti-dropdown-item-height': 'var(--ti-common-size-height-normal)',
|
|
12
|
+
'ti-dropdown-item-icon-color': 'var(--ti-common-color-icon)',
|
|
13
|
+
'ti-dropdown-item-content-font-weight-hover': 'var(--ti-common-font-weight-6)'
|
|
6
14
|
}
|
package/dropdown-menu/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-dropdown-menu{--ti-dropdown-menu-box-shadow:var(--ti-common-shadow-2-down);--ti-dropdown-menu-margin-vertical:var(--ti-common-space-
|
|
1
|
+
.tiny-dropdown-menu{--ti-dropdown-menu-box-shadow:var(--ti-common-shadow-2-down);--ti-dropdown-menu-min-width:var(--ti-common-size-9x);--ti-dropdown-menu-margin-vertical:var(--ti-common-space-base);--ti-dropdown-menu-padding-vertical:var(--ti-common-space-base);--ti-dropdown-menu-padding-horizontal:var(--ti-common-space-0);--ti-dropdown-menu-medium-padding-vertical:var(--ti-common-space-6);--ti-dropdown-menu-medium-padding-horizontal:var(--ti-common-space-0);--ti-dropdown-menu-small-padding-vertical:var(--ti-common-space-6);--ti-dropdown-menu-small-padding-horizontal:var(--ti-common-space-0);--ti-dropdown-menu-mini-padding-vertical:var(--ti-common-space-6);--ti-dropdown-menu-mini-padding-horizontal:var(--ti-common-space-0);--ti-dropdown-menu-arrow-border-width:6px;--ti-dropdown-menu-arrow-border-color:var(--ti-common-color-line-normal);--ti-dropdown-menu-arrow-after-border-color:var(--ti-common-color-light);--ti-dropdown-menu-arrow-after-default-border-color:var(--ti-common-color-transparent);position:absolute;padding:var(--ti-dropdown-menu-padding-vertical) var(--ti-dropdown-menu-padding-horizontal);background-color:var(--ti-common-color-bg-white-normal);border-radius:var(--ti-common-border-radius-normal);-webkit-box-shadow:var(--ti-dropdown-menu-box-shadow);box-shadow:var(--ti-dropdown-menu-box-shadow);width:-webkit-max-content;width:-moz-max-content;width:max-content;min-width:var(--ti-dropdown-menu-min-width);margin:var(--ti-dropdown-menu-margin-vertical) 0}.tiny-dropdown-menu .tiny-dropdown-menu{padding:var(--ti-dropdown-menu-padding-vertical) var(--ti-dropdown-menu-padding-horizontal)}.tiny-dropdown-menu.tiny-popper .popper__arrow,.tiny-dropdown-menu.tiny-popper .popper__arrow:after{position:absolute;display:block;width:0;height:0;border-color:var(--ti-dropdown-menu-arrow-after-default-border-color);border-style:solid}.tiny-dropdown-menu.tiny-popper .popper__arrow{border-width:var(--ti-dropdown-menu-arrow-border-width);-webkit-filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03));filter:drop-shadow(0 2px 12px rgba(0, 0, 0, .03))}.tiny-dropdown-menu.tiny-popper .popper__arrow::after{content:' ';border-width:var(--ti-dropdown-menu-arrow-border-width)}.tiny-dropdown-menu.tiny-popper[x-placement^=top]{margin-bottom:var(--ti-dropdown-menu-margin-vertical)}.tiny-dropdown-menu.tiny-popper[x-placement^=top] .popper__arrow{bottom:-6px;left:50%;margin-right:3px;border-top-color:var(--ti-dropdown-menu-arrow-border-color);border-bottom-width:0}.tiny-dropdown-menu.tiny-popper[x-placement^=top] .popper__arrow:after{bottom:1px;margin-left:-6px;border-top-color:var(--ti-dropdown-menu-arrow-after-border-color);border-bottom-width:0}.tiny-dropdown-menu.tiny-popper[x-placement^=bottom]{margin-top:var(--ti-dropdown-menu-margin-vertical)}.tiny-dropdown-menu.tiny-popper[x-placement^=bottom] .popper__arrow{top:-6px;left:50%;margin-right:3px;border-top-width:0;border-bottom-color:var(--ti-dropdown-menu-arrow-border-color)}.tiny-dropdown-menu.tiny-popper[x-placement^=bottom] .popper__arrow:after{top:1px;margin-left:-6px;border-top-width:0;border-bottom-color:var(--ti-dropdown-menu-arrow-after-border-color)}.tiny-dropdown-menu.tiny-popper[x-placement^=right]{margin-left:12px}.tiny-dropdown-menu.tiny-popper[x-placement^=right] .popper__arrow{top:50%;left:-6px;margin-bottom:3px;border-right-color:var(--ti-dropdown-menu-arrow-border-color);border-left-width:0}.tiny-dropdown-menu.tiny-popper[x-placement^=right] .popper__arrow:after{bottom:-6px;left:1px;border-right-color:var(--ti-dropdown-menu-arrow-after-border-color);border-left-width:0}.tiny-dropdown-menu.tiny-popper[x-placement^=left]{margin-right:12px}.tiny-dropdown-menu.tiny-popper[x-placement^=left] .popper__arrow{top:50%;right:-6px;margin-bottom:3px;border-right-width:0;border-left-color:var(--ti-dropdown-menu-arrow-border-color)}.tiny-dropdown-menu.tiny-popper[x-placement^=left] .popper__arrow:after{right:1px;bottom:-6px;margin-left:-6px;border-right-width:0;border-left-color:var(--ti-dropdown-menu-arrow-after-border-color)}.tiny-dropdown-menu--medium{padding:var(--ti-dropdown-menu-medium-padding-vertical) var(--ti-dropdown-menu-medium-padding-horizontal)}.tiny-dropdown-menu--medium .tiny-dropdown-item{line-height:var(--ti-dropdown-item-medium-line-height);font-size:var(--ti-dropdown-item-medium-font-size)}.tiny-dropdown-menu--medium .tiny-dropdown-item.tiny-dropdown-item--divided{margin-top:var(--ti-dropdown-item-medium-divided-margin-top)}.tiny-dropdown-menu--medium .tiny-dropdown-item.tiny-dropdown-item--divided:before{height:var(--ti-dropdown-item-medium-before-height);margin:var(--ti-dropdown-item-before-margin-vertical) var(--ti-dropdown-item-medium-before-margin-horizontal)}.tiny-dropdown-menu--small{padding:var(--ti-dropdown-menu-small-padding-vertical) var(--ti-dropdown-menu-small-padding-horizontal)}.tiny-dropdown-menu--small .tiny-dropdown-item{line-height:var(--ti-dropdown-item-small-line-height);font-size:var(--ti-dropdown-item-small-font-size)}.tiny-dropdown-menu--small .tiny-dropdown-item.tiny-dropdown-item--divided{margin-top:var(--ti-dropdown-item-small-divided-margin-top)}.tiny-dropdown-menu--small .tiny-dropdown-item.tiny-dropdown-item--divided:before{height:var(--ti-dropdown-item-small-before-height);margin:var(--ti-dropdown-item-before-margin-vertical) var(--ti-dropdown-item-small-before-margin-horizontal)}.tiny-dropdown-menu--mini{padding:3px 0}.tiny-dropdown-menu--mini .tiny-dropdown-item{line-height:var(--ti-dropdown-item-mini-line-height);font-size:var(--ti-dropdown-item-mini-font-size)}.tiny-dropdown-menu--mini .tiny-dropdown-item.tiny-dropdown-item--divided{margin-top:var(--ti-dropdown-item-mini-divided-margin-top)}.tiny-dropdown-menu--mini .tiny-dropdown-item.tiny-dropdown-item--divided:before{height:var(--ti-dropdown-item-small-before-height);margin:var(--ti-dropdown-item-before-margin-vertical) var(--ti-dropdown-item-mini-before-margin-horizontal)}
|