@opentiny/vue-theme 3.10.2 → 3.10.3

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.
Files changed (23) hide show
  1. package/button/aurora-theme.js +5 -1
  2. package/button/index.css +1 -1
  3. package/button/smb-theme.js +19 -8
  4. package/button-group/index.css +1 -1
  5. package/button-group/smb-theme.js +12 -10
  6. package/checkbox/index.css +1 -1
  7. package/checkbox/smb-theme.js +6 -2
  8. package/checkbox-button/index.css +1 -1
  9. package/checkbox-button/smb-theme.js +10 -6
  10. package/checkbox-group/index.css +1 -1
  11. package/index.css +1 -1
  12. package/link/aurora-theme.js +2 -1
  13. package/link/index.css +1 -1
  14. package/link/smb-theme.js +12 -5
  15. package/lowcode.css +1 -1
  16. package/option/index.css +1 -1
  17. package/option/smb-theme.js +5 -3
  18. package/package.json +1 -1
  19. package/radio/smb-theme.js +5 -3
  20. package/select-dropdown/smb-theme.js +2 -1
  21. package/svgs/fillet-external-link.svg +12 -0
  22. package/theme/aurora-theme/component.js +5 -0
  23. package/theme/smb-theme/component.js +65 -31
package/button/aurora-theme.js CHANGED
@@ -1,3 +1,7 @@
1
1
  export const tinyButtonAuroraTheme = {
2
- 'ti-button-normal-text-color': '#1890ff'
2
+ 'ti-button-normal-text-color': '#1890ff',
3
+ 'ti-button-text-has-svg-hover-text-color': '#40a9ff',
4
+ 'ti-button-only-icon-min-width': '80px',
5
+ 'ti-button-only-icon-padding-horizontal': '8px',
6
+ 'ti-button-only-icon-border-radius': '2px'
3
7
  }
package/button/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-button{--ti-button-border-radius:var(--ti-common-border-radius-normal);--ti-button-font-size:var(--ti-common-font-size-base);--ti-button-plain-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-border-width:var(--ti-common-border-weight-normal);--ti-button-border-style:var(--ti-common-border-style-solid);--ti-button-loading-bg-color:rgba(255, 255, 255, 0.35);--ti-button-size-normal-min-width:var(--ti-common-size-width-normal);--ti-button-size-normal-max-width:var(--ti-common-size-width-medium);--ti-button-size-normal-height:var(--ti-common-size-height-normal);--ti-button-size-normal-padding-horizontal:var(--ti-common-size-5x);--ti-button-size-normal-min-width:var(--ti-common-size-20x);--ti-button-size-large-min-width:var(--ti-common-size-width-normal);--ti-button-size-large-height:var(--ti-common-size-height-large);--ti-button-size-large-font-size:var(--ti-common-font-size-2);--ti-button-size-large-padding-horizontal:var(--ti-common-size-8x);--ti-button-size-large-min-width:var(--ti-common-size-24x);--ti-button-size-large-margin-left:8px;--ti-button-size-medium-min-width:var(--ti-common-size-width-normal);--ti-button-size-medium-height:var(--ti-common-size-height-medium);--ti-button-size-medium-font-size:var(--ti-common-font-size-1);--ti-button-size-medium-padding-horizontal:var(--ti-common-size-7x);--ti-button-size-medium-min-width:var(--ti-common-size-22x);--ti-button-size-medium-margin-left:8px;--ti-button-size-small-min-width:var(--ti-common-size-width-normal);--ti-button-size-small-height:var(--ti-common-size-height-small);--ti-button-size-small-font-size:var(--ti-common-font-size-1);--ti-button-size-small-padding-horizontal:var(--ti-common-size-3x);--ti-button-size-small-min-width:var(--ti-common-size-18x);--ti-button-size-small-margin-left:8px;--ti-button-size-mini-min-width:var(--ti-common-size-width-normal);--ti-button-size-mini-height:var(--ti-common-size-height-mini);--ti-button-size-mini-font-size:var(--ti-common-font-size-base);--ti-button-size-mini-padding-horizontal:var(--ti-common-size-2x);--ti-button-size-mini-min-width:var(--ti-common-size-16x);--ti-button-normal-text-color:var(--ti-common-color-text-primary);--ti-button-normal-border-color:var(--ti-common-color-border);--ti-button-normal-background-color:var(--ti-common-color-light);--ti-button-normal-hover-text-color:var(--ti-common-color-primary-normal);--ti-button-normal-hover-border-color:var(--ti-common-color-primary-normal);--ti-button-normal-hover-bg-color:var(--ti-common-color-light);--ti-button-normal-active-text-color:var(--ti-common-color-primary-normal);--ti-button-normal-active-border-color:var(--ti-common-color-primary-normal);--ti-button-normal-active-bg-color:var(--ti-common-color-hover-background);--ti-button-normal-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-normal-disabled-border-color:var(--ti-common-color-line-disabled);--ti-button-normal-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-button-text-color:var(--ti-common-color-primary-normal);--ti-button-text-color-hover:var(--ti-base-color-brand-5);--ti-button-text-hover-weight:var(--ti-common-font-weight-4);--ti-button-text-color-active:var(--ti-common-color-primary-active);--ti-button-text-color-disabled:var(--ti-common-color-text-disabled);--ti-button-text-svg-width:1em;--ti-button-text-svg-height:1em;--ti-button-text-size-mini-svg-width:1em;--ti-button-text-hover-bg-color:transparent;--ti-button-text-hover-border-radius:0px;--ti-button-text-svg-fill-color:var(--ti-button-text-color);--ti-button-text-svg-hover-fill-color:var(--ti-button-text-color-hover);--ti-button-text-svg-disabled-fill-color:var(--ti-common-color-text-disabled);--ti-button-text-svg-padding-horizontal:var(--ti-common-size-2x);--ti-button-primary-normal-bg-color:var(--ti-common-color-primary-normal);--ti-button-primary-normal-border-color:var(--ti-common-color-primary-normal);--ti-button-primary-hover-bg-color:var(--ti-common-color-primary-hover);--ti-button-primary-hover-border-color:var(--ti-common-color-primary-hover);--ti-button-primary-active-bg-color:var(--ti-common-color-primary-active);--ti-button-primary-disabled-bg-color:var(--ti-common-color-primary-disabled-bgcolor);--ti-button-primary-text-color:var(--ti-common-color-light);--ti-button-primary-disabled-text-color:var(--ti-common-color-primary-disabled-text);--ti-button-primary-disabled-border-color:var(--ti-common-color-primary-disabled-border);--ti-button-primary-plain-text-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-hover-text-color:var(--ti-common-color-light);--ti-button-primary-plain-bg-color:var(--ti-common-color-prompt-bg);--ti-button-primary-plain-hover-bg-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-border-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-hover-border-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-disabled-bg-color:var(--ti-common-color-primary-plain-disabled-bg-color);--ti-button-success-normal-bg-color:var(--ti-common-color-success-normal);--ti-button-success-normal-border-color:var(--ti-common-color-success-normal);--ti-button-success-hover-bg-color:var(--ti-common-color-success-hover);--ti-button-success-active-bg-color:var(--ti-common-color-success-active);--ti-button-success-disabled-bg-color:var(--ti-common-color-success-disabled-bgcolor);--ti-button-success-text-color:var(--ti-common-color-light);--ti-button-success-disabled-text-color:var(--ti-common-color-success-disabled-text);--ti-button-success-disabled-border-color:var(--ti-common-color-success-disabled-border);--ti-button-success-plain-text-color:var(--ti-common-color-success-normal);--ti-button-success-plain-hover-text-color:var(--ti-common-color-light);--ti-button-success-plain-bg-color:var(--ti-common-color-success-bg);--ti-button-success-plain-hover-bg-color:var(--ti-common-color-success-normal);--ti-button-success-plain-border-color:var(--ti-common-color-success-normal);--ti-button-success-plain-hover-border-color:var(--ti-common-color-success-normal);--ti-button-success-plain-disabled-bg-color:var(--ti-common-color-success-plain-disabled-bg-color);--ti-button-warning-normal-bg-color:var(--ti-common-color-warning-normal);--ti-button-warning-normal-border-color:var(--ti-common-color-warning-normal);--ti-button-warning-hover-bg-color:var(--ti-common-color-warning-hover);--ti-button-success-hover-border-color:var(--ti-common-color-success-hover);--ti-button-warning-active-bg-color:var(--ti-common-color-warning-active);--ti-button-warning-disabled-bg-color:var(--ti-common-color-warning-disabled-bgcolor);--ti-button-warning-text-color:var(--ti-common-color-light);--ti-button-warning-disabled-text-color:var(--ti-common-color-warning-disabled-text);--ti-button-warning-disabled-border-color:var(--ti-common-color-warning-disabled-border);--ti-button-warning-plain-text-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-hover-text-color:var(--ti-common-color-light);--ti-button-warning-plain-bg-color:var(--ti-common-color-warn-bg);--ti-button-warning-plain-hover-bg-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-border-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-hover-border-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-disabled-bg-color:var(--ti-common-color-warning-plain-disabled-bg-color);--ti-button-danger-normal-bg-color:var(--ti-common-color-danger-normal);--ti-button-danger-normal-border-color:var(--ti-common-color-danger-normal);--ti-button-danger-hover-bg-color:var(--ti-common-color-danger-hover);--ti-button-danger-hover-border-color:var(--ti-common-color-danger-hover);--ti-button-danger-active-bg-color:var(--ti-common-color-danger-active);--ti-button-danger-disabled-bg-color:var(--ti-common-color-danger-disabled-bgcolor);--ti-button-danger-text-color:var(--ti-common-color-light);--ti-button-danger-disabled-text-color:var(--ti-common-color-danger-disabled-text);--ti-button-danger-disabled-border-color:var(--ti-common-color-danger-disabled-border);--ti-button-danger-plain-text-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-hover-text-color:var(--ti-common-color-light);--ti-button-danger-plain-bg-color:var(--ti-common-color-error-bg);--ti-button-danger-plain-hover-bg-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-border-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-hover-border-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-disabled-bg-color:var(--ti-common-color-danger-disabled-bgcolor);--ti-button-danger-plain-disabled-border-color:var(--ti-common-color-danger-disabled-bgcolor);--ti-button-info-normal-bg-color:var(--ti-common-color-info-normal);--ti-button-info-normal-border-color:var(--ti-common-color-info-normal);--ti-button-info-hover-bg-color:var(--ti-common-color-info-hover);--ti-button-info-hover-border-color:var(--ti-common-color-info-hover);--ti-button-info-active-bg-color:var(--ti-common-color-info-active);--ti-button-info-disabled-bg-color:var(--ti-common-color-info-disabled-bgcolor);--ti-button-info-text-color:var(--ti-common-color-light);--ti-button-info-disabled-text-color:var(--ti-common-color-info-disabled-text);--ti-button-info-disabled-border-color:var(--ti-common-color-info-disabled-border);--ti-button-info-plain-text-color:var(--ti-common-color-info-normal);--ti-button-info-plain-hover-text-color:var(--ti-common-color-light);--ti-button-info-plain-bg-color:var(--ti-common-color-info-bg);--ti-button-info-plain-hover-bg-color:var(--ti-common-color-info-normal);--ti-button-info-plain-border-color:var(--ti-common-color-info-normal);--ti-button-info-plain-hover-border-color:var(--ti-common-color-info-normal);--ti-button-info-plain-disabled-bg-color:var(--ti-common-color-info-plain-disabled-bg-color);--ti-button-padding-vertical:var(--ti-common-space-0);--ti-button-size-normal-padding:var(--ti-common-space-2x);--ti-button-text-size-large-min-width:var(--ti-common-size-24x);--ti-button-text-size-large-height:var(--ti-common-size-height-large);--ti-button-text-size-large-svg-width:1em;--ti-button-text-size-large-svg-height:1em;--ti-button-text-padding-horizontal:var(--ti-common-space-0);--ti-button-text-size-medium-min-width:var(--ti-common-size-22x);--ti-button-text-size-medium-height:var(--ti-common-size-height-medium);--ti-button-text-size-medium-svg-width:1em;--ti-button-text-size-medium-svg-height:1em;--ti-button-text-size-default-min-width:var(--ti-common-size-20x);--ti-button-text-size-default-height:var(--ti-common-size-height-normal);--ti-button-text-size-default-svg-width:1em;--ti-button-text-size-default-svg-height:1em;--ti-button-text-size-small-min-width:var(--ti-common-size-18x);--ti-button-text-size-small-height:var(--ti-common-size-height-small);--ti-button-text-size-small-min-width:var(--ti-common-size-16x);--ti-button-text-size-small-height:var(--ti-common-size-height-mini);--ti-button-text-size-small-svg-width:1em;--ti-button-text-size-small-svg-height:1em;display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--ti-button-size-normal-height);line-height:calc(var(--ti-button-size-normal-height) - 2px);color:var(--ti-button-normal-text-color);fill:var(--ti-button-normal-text-color);font-size:var(--ti-button-font-size);min-width:var(--ti-button-size-normal-min-width);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-width:var(--ti-button-border-width);border-style:var(--ti-button-border-style);border-color:var(--ti-button-normal-border-color);-o-border-image:initial;border-image:initial;border-radius:var(--ti-button-border-radius);background:var(--ti-button-normal-background-color);padding:var(--ti-button-padding-vertical) var(--ti-button-size-normal-padding-horizontal);overflow:hidden;-webkit-transition:border .3s ease 0s,color .3s ease 0s,background .3s ease 0s;transition:border .3s ease 0s,color .3s ease 0s,background .3s ease 0s;outline:0;vertical-align:middle}.tiny-button .tiny-svg{vertical-align:text-top}.tiny-button>img{margin-right:4px;vertical-align:middle}.tiny-button::-moz-focus-inner{border:0}.tiny-button:focus,.tiny-button:hover{color:var(--ti-button-normal-hover-text-color);fill:var(--ti-button-normal-hover-text-color);border-color:var(--ti-button-normal-hover-border-color);background-color:var(--ti-button-normal-hover-bg-color)}.tiny-button.is-active,.tiny-button.is-plain:active,.tiny-button:active{color:var(--ti-button-normal-active-text-color);fill:var(--ti-button-normal-active-text-color);border-color:var(--ti-button-normal-active-border-color);background-color:var(--ti-button-normal-active-bg-color)}.tiny-button.is-disabled,.tiny-button.is-disabled:focus,.tiny-button.is-disabled:hover{cursor:not-allowed;color:var(--ti-button-normal-disabled-text-color);fill:var(--ti-button-normal-disabled-text-color);border-color:var(--ti-button-normal-disabled-border-color);background-color:var(--ti-button-normal-disabled-bg-color)}.tiny-button.is-plain:focus,.tiny-button.is-plain:hover{color:var(--ti-button-normal-hover-text-color);fill:var(--ti-button-normal-hover-text-color);border-color:var(--ti-button-normal-hover-border-color);background-color:var(--ti-button-normal-hover-bg-color)}.tiny-button.is-disabled.is-plain,.tiny-button.is-disabled.is-plain:focus,.tiny-button.is-disabled.is-plain:hover{color:var(--ti-button-normal-disabled-text-color);fill:var(--ti-button-normal-disabled-text-color);border-color:var(--ti-button-normal-disabled-border-color);background-color:var(--ti-button-normal-disabled-bg-color)}.tiny-button+.tiny-button{margin-left:8px}.tiny-button.is-loading{position:relative;pointer-events:none;overflow:initial}.tiny-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:var(--ti-button-loading-bg-color)}.tiny-button.is-loading .tiny-svg{fill:var(--ti-button-info-text-color)}.tiny-button.is-loading.tiny-button--default .tiny-svg{fill:var(--ti-button-normal-text-color)}.tiny-button.is-round{border-radius:calc(var(--ti-button-size-normal-height,30px)/ 2)}.tiny-button.is-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-button:not(.is-circle) .tiny-svg.is-text{margin-right:8px}.tiny-button:not(.is-circle).is-loading .tiny-svg{margin-right:4px;margin-top:1px}.tiny-button.is-circle{border-radius:50%;min-width:var(--ti-button-size-normal-height);min-height:var(--ti-button-size-normal-height);line-height:1;padding:var(--ti-button-size-normal-padding)}.tiny-button.is-circle.is-hide-boder{border:none}.tiny-button.is-circle.tiny-button--large{min-width:var(--ti-button-size-large-height);min-height:var(--ti-button-size-large-height);height:auto;line-height:1;padding:var(--ti-button-size-large-padding)}.tiny-button.is-circle.tiny-button--medium{min-width:var(--ti-button-size-medium-height);min-height:var(--ti-button-size-medium-height);height:auto;line-height:1;padding:var(--ti-button-size-medium-padding)}.tiny-button.is-circle.tiny-button--small{min-width:var(--ti-button-size-small-height);min-height:var(--ti-button-size-small-height);height:auto;line-height:1;padding:var(--ti-button-size-small-padding)}.tiny-button.is-circle.tiny-button--mini{min-width:var(--ti-button-size-mini-height);min-height:var(--ti-button-size-mini-height);height:auto;line-height:1;padding:var(--ti-button-size-mini-padding)}.tiny-button.tiny-button--primary{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-normal-border-color);background-color:var(--ti-button-primary-normal-bg-color)}.tiny-button.tiny-button--primary:hover{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-hover-border-color);background-color:var(--ti-button-primary-hover-bg-color)}.tiny-button.tiny-button--primary.is-active,.tiny-button.tiny-button--primary:active,.tiny-button.tiny-button--primary:focus{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-active-bg-color);background-color:var(--ti-button-primary-active-bg-color);outline:0}.tiny-button.tiny-button--primary.is-disabled,.tiny-button.tiny-button--primary.is-disabled:active,.tiny-button.tiny-button--primary.is-disabled:focus,.tiny-button.tiny-button--primary.is-disabled:hover{color:var(--ti-button-primary-disabled-text-color);fill:var(--ti-button-primary-disabled-text-color);border-color:var(--ti-button-primary-disabled-border-color);background-color:var(--ti-button-primary-disabled-bg-color)}.tiny-button.tiny-button--primary.is-plain{color:var(--ti-button-primary-plain-text-color);fill:var(--ti-button-primary-plain-text-color);border-color:var(--ti-button-primary-plain-border-color);background-color:var(--ti-button-primary-plain-bg-color)}.tiny-button.tiny-button--primary.is-plain:hover{color:var(--ti-button-primary-plain-hover-text-color);fill:var(--ti-button-primary-plain-hover-text-color);border-color:var(--ti-button-primary-plain-hover-border-color);background-color:var(--ti-button-primary-plain-hover-bg-color)}.tiny-button.tiny-button--primary.is-plain.is-active,.tiny-button.tiny-button--primary.is-plain:active,.tiny-button.tiny-button--primary.is-plain:focus{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-active-bg-color);background-color:var(--ti-button-primary-active-bg-color);outline:0}.tiny-button.tiny-button--primary.is-plain.is-disabled,.tiny-button.tiny-button--primary.is-plain.is-disabled:active,.tiny-button.tiny-button--primary.is-plain.is-disabled:focus,.tiny-button.tiny-button--primary.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-plain-disabled-text-color);border-color:var(--ti-button-primary-disabled-bg-color);background-color:var(--ti-button-primary-plain-disabled-bg-color)}.tiny-button.tiny-button--success{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-normal-border-color);background-color:var(--ti-button-success-normal-bg-color)}.tiny-button.tiny-button--success:hover{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-hover-border-color);background-color:var(--ti-button-success-hover-bg-color)}.tiny-button.tiny-button--success.is-active,.tiny-button.tiny-button--success:active,.tiny-button.tiny-button--success:focus{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-active-bg-color);background-color:var(--ti-button-success-active-bg-color);outline:0}.tiny-button.tiny-button--success.is-disabled,.tiny-button.tiny-button--success.is-disabled:active,.tiny-button.tiny-button--success.is-disabled:focus,.tiny-button.tiny-button--success.is-disabled:hover{color:var(--ti-button-success-disabled-text-color);fill:var(--ti-button-success-disabled-text-color);border-color:var(--ti-button-success-disabled-border-color);background-color:var(--ti-button-success-disabled-bg-color)}.tiny-button.tiny-button--success.is-plain{color:var(--ti-button-success-plain-text-color);fill:var(--ti-button-success-plain-text-color);border-color:var(--ti-button-success-plain-border-color);background-color:var(--ti-button-success-plain-bg-color)}.tiny-button.tiny-button--success.is-plain:hover{color:var(--ti-button-success-plain-hover-text-color);fill:var(--ti-button-success-plain-hover-text-color);border-color:var(--ti-button-success-plain-hover-border-color);background-color:var(--ti-button-success-plain-hover-bg-color)}.tiny-button.tiny-button--success.is-plain.is-active,.tiny-button.tiny-button--success.is-plain:active,.tiny-button.tiny-button--success.is-plain:focus{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-active-bg-color);background-color:var(--ti-button-success-active-bg-color);outline:0}.tiny-button.tiny-button--success.is-plain.is-disabled,.tiny-button.tiny-button--success.is-plain.is-disabled:active,.tiny-button.tiny-button--success.is-plain.is-disabled:focus,.tiny-button.tiny-button--success.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-plain-disabled-text-color);border-color:var(--ti-button-success-disabled-bg-color);background-color:var(--ti-button-success-plain-disabled-bg-color)}.tiny-button.tiny-button--warning{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-normal-border-color);background-color:var(--ti-button-warning-normal-bg-color)}.tiny-button.tiny-button--warning:hover{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-hover-border-color);background-color:var(--ti-button-warning-hover-bg-color)}.tiny-button.tiny-button--warning.is-active,.tiny-button.tiny-button--warning:active,.tiny-button.tiny-button--warning:focus{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-active-bg-color);background-color:var(--ti-button-warning-active-bg-color);outline:0}.tiny-button.tiny-button--warning.is-disabled,.tiny-button.tiny-button--warning.is-disabled:active,.tiny-button.tiny-button--warning.is-disabled:focus,.tiny-button.tiny-button--warning.is-disabled:hover{color:var(--ti-button-warning-disabled-text-color);fill:var(--ti-button-warning-disabled-text-color);border-color:var(--ti-button-warning-disabled-border-color);background-color:var(--ti-button-warning-disabled-bg-color)}.tiny-button.tiny-button--warning.is-plain{color:var(--ti-button-warning-plain-text-color);fill:var(--ti-button-warning-plain-text-color);border-color:var(--ti-button-warning-plain-border-color);background-color:var(--ti-button-warning-plain-bg-color)}.tiny-button.tiny-button--warning.is-plain:hover{color:var(--ti-button-warning-plain-hover-text-color);fill:var(--ti-button-warning-plain-hover-text-color);border-color:var(--ti-button-warning-plain-hover-border-color);background-color:var(--ti-button-warning-plain-hover-bg-color)}.tiny-button.tiny-button--warning.is-plain.is-active,.tiny-button.tiny-button--warning.is-plain:active,.tiny-button.tiny-button--warning.is-plain:focus{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-active-bg-color);background-color:var(--ti-button-warning-active-bg-color);outline:0}.tiny-button.tiny-button--warning.is-plain.is-disabled,.tiny-button.tiny-button--warning.is-plain.is-disabled:active,.tiny-button.tiny-button--warning.is-plain.is-disabled:focus,.tiny-button.tiny-button--warning.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-plain-disabled-text-color);border-color:var(--ti-button-warning-disabled-bg-color);background-color:var(--ti-button-warning-plain-disabled-bg-color)}.tiny-button.tiny-button--danger{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-normal-border-color);background-color:var(--ti-button-danger-normal-bg-color)}.tiny-button.tiny-button--danger:hover{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-hover-border-color);background-color:var(--ti-button-danger-hover-bg-color)}.tiny-button.tiny-button--danger.is-active,.tiny-button.tiny-button--danger:active,.tiny-button.tiny-button--danger:focus{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-active-bg-color);background-color:var(--ti-button-danger-active-bg-color);outline:0}.tiny-button.tiny-button--danger.is-disabled,.tiny-button.tiny-button--danger.is-disabled:active,.tiny-button.tiny-button--danger.is-disabled:focus,.tiny-button.tiny-button--danger.is-disabled:hover{color:var(--ti-button-danger-disabled-text-color);fill:var(--ti-button-danger-disabled-text-color);border-color:var(--ti-button-danger-disabled-border-color);background-color:var(--ti-button-danger-disabled-bg-color)}.tiny-button.tiny-button--danger.is-plain{color:var(--ti-button-danger-plain-text-color);fill:var(--ti-button-danger-plain-text-color);border-color:var(--ti-button-danger-plain-border-color);background-color:var(--ti-button-danger-plain-bg-color)}.tiny-button.tiny-button--danger.is-plain:hover{color:var(--ti-button-danger-plain-hover-text-color);fill:var(--ti-button-danger-plain-hover-text-color);border-color:var(--ti-button-danger-plain-hover-border-color);background-color:var(--ti-button-danger-plain-hover-bg-color)}.tiny-button.tiny-button--danger.is-plain.is-active,.tiny-button.tiny-button--danger.is-plain:active,.tiny-button.tiny-button--danger.is-plain:focus{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-active-bg-color);background-color:var(--ti-button-danger-active-bg-color);outline:0}.tiny-button.tiny-button--danger.is-plain.is-disabled,.tiny-button.tiny-button--danger.is-plain.is-disabled:active,.tiny-button.tiny-button--danger.is-plain.is-disabled:focus,.tiny-button.tiny-button--danger.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-plain-disabled-text-color);border-color:var(--ti-button-danger-disabled-bg-color);background-color:var(--ti-button-danger-plain-disabled-bg-color)}.tiny-button.tiny-button--danger.is-plain.is-disabled,.tiny-button.tiny-button--danger.is-plain.is-disabled:active,.tiny-button.tiny-button--danger.is-plain.is-disabled:focus,.tiny-button.tiny-button--danger.is-plain.is-disabled:hover{border-color:var(--ti-button-danger-plain-disabled-border-color)}.tiny-button.tiny-button--info{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-normal-border-color);background-color:var(--ti-button-info-normal-bg-color)}.tiny-button.tiny-button--info:hover{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-hover-border-color);background-color:var(--ti-button-info-hover-bg-color)}.tiny-button.tiny-button--info.is-active,.tiny-button.tiny-button--info:active,.tiny-button.tiny-button--info:focus{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-active-bg-color);background-color:var(--ti-button-info-active-bg-color);outline:0}.tiny-button.tiny-button--info.is-disabled,.tiny-button.tiny-button--info.is-disabled:active,.tiny-button.tiny-button--info.is-disabled:focus,.tiny-button.tiny-button--info.is-disabled:hover{color:var(--ti-button-info-disabled-text-color);fill:var(--ti-button-info-disabled-text-color);border-color:var(--ti-button-info-disabled-border-color);background-color:var(--ti-button-info-disabled-bg-color)}.tiny-button.tiny-button--info.is-plain{color:var(--ti-button-info-plain-text-color);fill:var(--ti-button-info-plain-text-color);border-color:var(--ti-button-info-plain-border-color);background-color:var(--ti-button-info-plain-bg-color)}.tiny-button.tiny-button--info.is-plain:hover{color:var(--ti-button-info-plain-hover-text-color);fill:var(--ti-button-info-plain-hover-text-color);border-color:var(--ti-button-info-plain-hover-border-color);background-color:var(--ti-button-info-plain-hover-bg-color)}.tiny-button.tiny-button--info.is-plain.is-active,.tiny-button.tiny-button--info.is-plain:active,.tiny-button.tiny-button--info.is-plain:focus{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-active-bg-color);background-color:var(--ti-button-info-active-bg-color);outline:0}.tiny-button.tiny-button--info.is-plain.is-disabled,.tiny-button.tiny-button--info.is-plain.is-disabled:active,.tiny-button.tiny-button--info.is-plain.is-disabled:focus,.tiny-button.tiny-button--info.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-plain-disabled-text-color);border-color:var(--ti-button-info-disabled-bg-color);background-color:var(--ti-button-info-plain-disabled-bg-color)}.tiny-button.tiny-button--text{color:var(--ti-button-text-color);font-size:var(--ti-common-font-size-1);border-color:transparent;background-color:transparent;border-radius:var(--ti-button-text-hover-border-radius);padding:0 var(--ti-button-text-padding-horizontal)}.tiny-button.tiny-button--text:hover{color:var(--ti-button-text-color-hover);font-weight:var(--ti-button-text-hover-weight);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-active,.tiny-button.tiny-button--text:active,.tiny-button.tiny-button--text:focus{color:var(--ti-button-text-color-active);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-disabled,.tiny-button.tiny-button--text.is-disabled:active,.tiny-button.tiny-button--text.is-disabled:focus,.tiny-button.tiny-button--text.is-disabled:hover{color:var(--ti-button-text-color-disabled);border-color:transparent;background-color:transparent;font-weight:400}.tiny-button.tiny-button--text:has(.tiny-svg){padding:0 var(--ti-button-text-svg-padding-horizontal)}.tiny-button.tiny-button--text:has(.tiny-svg):hover{background:var(--ti-button-text-hover-bg-color);border-radius:var(--ti-button-text-hover-border-radius)}.tiny-button.tiny-button--text:has(.tiny-svg):hover .tiny-svg{fill:var(--ti-button-text-svg-hover-fill-color)}.tiny-button.tiny-button--text:has(.tiny-svg).is-disabled{background:0 0;fill:var(--ti-button-text-svg-disabled-fill-color)}.tiny-button.tiny-button--text:has(.tiny-svg).is-disabled .tiny-svg{fill:var(--ti-button-text-svg-disabled-fill-color)}.tiny-button.tiny-button--text:has(.tiny-svg).is-disabled:hover{fill:var(--ti-button-text-svg-disabled-fill-color);background:0 0}.tiny-button.tiny-button--text .tiny-svg{vertical-align:middle;fill:var(--ti-button-text-svg-fill-color)}.tiny-button.tiny-button--text.tiny-button.tiny-button--large{min-width:var(--ti-button-text-size-large-min-width);height:var(--ti-button-text-size-large-height);line-height:calc(var(--ti-button-text-size-large-height) - 2px)}.tiny-button.tiny-button--text.tiny-button.tiny-button--large svg{width:var(--ti-button-text-size-large-svg-width);height:var(--ti-button-text-size-large-svg-height)}.tiny-button.tiny-button--text.tiny-button.tiny-button--medium{min-width:var(--ti-button-text-size-medium-min-width);height:var(--ti-button-text-size-medium-height);line-height:calc(var(--ti-button-text-size-medium-height) - 2px)}.tiny-button.tiny-button--text.tiny-button.tiny-button--medium svg{width:var(--ti-button-text-size-medium-svg-width);height:var(--ti-button-text-size-medium-svg-height)}.tiny-button.tiny-button--text.tiny-button{min-width:var(--ti-button-text-size-default-min-width);height:var(--ti-button-text-size-default-height);line-height:calc(var(--ti-button-text-size-default-height) - 2px)}.tiny-button.tiny-button--text.tiny-button svg{width:var(--ti-button-text-size-default-svg-width);height:var(--ti-button-text-size-default-svg-height)}.tiny-button.tiny-button--text.tiny-button.tiny-button--small{min-width:var(--ti-button-text-size-small-min-width);height:var(--ti-button-text-size-small-height);line-height:calc(var(--ti-button-text-size-small-height) - 2px)}.tiny-button.tiny-button--text.tiny-button.tiny-button--small svg{width:var(--ti-button-text-size-small-svg-width);height:var(--ti-button-text-size-small-svg-height)}.tiny-button.tiny-button--text.tiny-button.tiny-button--mini{min-width:var(--ti-button-text-size-mini-min-width);height:var(--ti-button-text-size-mini-height);line-height:calc(var(--ti-button-text-size-mini-height) - 2px)}.tiny-button.tiny-button--text.tiny-button.tiny-button--mini svg{width:var(--ti-button-text-size-mini-svg-width);height:var(--ti-button-text-size-mini-svg-height)}.tiny-button.tiny-button--large{height:var(--ti-button-size-large-height);line-height:calc(var(--ti-button-size-large-height) - 2px);font-size:var(--ti-button-size-large-font-size);padding:0 var(--ti-button-size-large-padding-horizontal);min-width:var(--ti-button-size-large-min-width)}.tiny-button.tiny-button--large.is-round{border-radius:calc(var(--ti-button-size-large-height)/ 2)}.tiny-button.tiny-button--large.is-circle{border-radius:50%}.tiny-button.tiny-button--large+.tiny-button.tiny-button--large{margin-left:var(--ti-button-size-large-margin-left)}.tiny-button.tiny-button--medium{height:var(--ti-button-size-medium-height);line-height:calc(var(--ti-button-size-medium-height) - 2px);font-size:var(--ti-button-size-medium-font-size);padding:0 var(--ti-button-size-medium-padding-horizontal);min-width:var(--ti-button-size-medium-min-width)}.tiny-button.tiny-button--medium.is-round{border-radius:calc(var(--ti-button-size-medium-height)/ 2)}.tiny-button.tiny-button--medium.is-circle{border-radius:50%}.tiny-button.tiny-button--medium+.tiny-button.tiny-button--medium{margin-left:var(--ti-button-size-medium-margin-left)}.tiny-button.tiny-button--small{height:var(--ti-button-size-small-height);line-height:calc(var(--ti-button-size-small-height) - 2px);font-size:var(--ti-button-size-small-font-size);padding:0 var(--ti-button-size-small-padding-horizontal);min-width:var(--ti-button-size-small-min-width)}.tiny-button.tiny-button--small.is-round{border-radius:calc(var(--ti-button-size-small-height)/ 2)}.tiny-button.tiny-button--small.is-circle{border-radius:50%}.tiny-button.tiny-button--small+.tiny-button.tiny-button--small{margin-left:var(--ti-button-size-small-margin-left)}.tiny-button.tiny-button--mini{height:var(--ti-button-size-mini-height);line-height:calc(var(--ti-button-size-mini-height) - 2px);font-size:var(--ti-button-size-mini-font-size);padding:0 var(--ti-button-size-mini-padding-horizontal);min-width:var(--ti-button-size-mini-min-width)}.tiny-button.tiny-button--mini.is-round{border-radius:calc(var(--ti-button-size-mini-height)/ 2)}.tiny-button.tiny-button--mini.is-circle{border-radius:50%}.tiny-icon-loading{font-size:var(--ti-common-font-size-1);line-height:1;-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}
1
+ .tiny-button{--ti-button-border-radius:var(--ti-common-border-radius-normal);--ti-button-font-size:var(--ti-common-font-size-base);--ti-button-plain-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-border-width:var(--ti-common-border-weight-normal);--ti-button-border-style:var(--ti-common-border-style-solid);--ti-button-loading-bg-color:rgba(255, 255, 255, 0.35);--ti-button-size-normal-min-width:var(--ti-common-size-width-normal);--ti-button-size-normal-max-width:var(--ti-common-size-width-medium);--ti-button-size-normal-height:var(--ti-common-size-height-normal);--ti-button-size-normal-padding-horizontal:var(--ti-common-size-5x);--ti-button-size-normal-min-width:var(--ti-common-size-20x);--ti-button-size-large-min-width:var(--ti-common-size-width-normal);--ti-button-size-large-height:var(--ti-common-size-height-large);--ti-button-size-large-font-size:var(--ti-common-font-size-2);--ti-button-size-large-padding-horizontal:var(--ti-common-size-8x);--ti-button-size-large-min-width:var(--ti-common-size-24x);--ti-button-size-large-margin-left:8px;--ti-button-size-medium-min-width:var(--ti-common-size-width-normal);--ti-button-size-medium-height:var(--ti-common-size-height-medium);--ti-button-size-medium-font-size:var(--ti-common-font-size-1);--ti-button-size-medium-padding-horizontal:var(--ti-common-size-7x);--ti-button-size-medium-min-width:var(--ti-common-size-22x);--ti-button-size-medium-margin-left:8px;--ti-button-size-small-min-width:var(--ti-common-size-width-normal);--ti-button-size-small-height:var(--ti-common-size-height-small);--ti-button-size-small-font-size:var(--ti-common-font-size-1);--ti-button-size-small-padding-horizontal:var(--ti-common-size-3x);--ti-button-size-small-min-width:var(--ti-common-size-18x);--ti-button-size-small-margin-left:8px;--ti-button-size-mini-min-width:var(--ti-common-size-width-normal);--ti-button-size-mini-height:var(--ti-common-size-height-mini);--ti-button-size-mini-font-size:var(--ti-common-font-size-base);--ti-button-size-mini-padding-horizontal:var(--ti-common-size-2x);--ti-button-size-mini-min-width:var(--ti-common-size-16x);--ti-button-normal-text-color:var(--ti-common-color-text-primary);--ti-button-normal-border-color:var(--ti-common-color-border);--ti-button-normal-background-color:var(--ti-common-color-light);--ti-button-normal-hover-text-color:var(--ti-common-color-primary-normal);--ti-button-normal-hover-border-color:var(--ti-common-color-primary-normal);--ti-button-normal-hover-bg-color:var(--ti-common-color-light);--ti-button-normal-active-text-color:var(--ti-common-color-primary-normal);--ti-button-normal-active-border-color:var(--ti-common-color-primary-normal);--ti-button-normal-active-bg-color:var(--ti-common-color-hover-background);--ti-button-normal-disabled-text-color:var(--ti-common-color-text-disabled);--ti-button-normal-disabled-border-color:var(--ti-common-color-line-disabled);--ti-button-normal-disabled-bg-color:var(--ti-common-color-bg-disabled);--ti-button-text-color:var(--ti-common-color-primary-normal);--ti-button-text-hover-text-decoration:none;--ti-button-text-color-hover:var(--ti-common-color-text-link-hover);--ti-button-text-hover-weight:var(--ti-common-font-weight-4);--ti-button-text-color-active:var(--ti-common-color-primary-active);--ti-button-text-color-disabled:var(--ti-common-color-text-disabled);--ti-button-text-svg-width:1em;--ti-button-text-svg-height:1em;--ti-button-text-size-mini-svg-width:1em;--ti-button-text-hover-bg-color:transparent;--ti-button-text-only-icon-hover-bg-color:transparent;--ti-button-text-hover-border-radius:0px;--ti-button-text-svg-fill-color:var(--ti-common-color-text-secondary);--ti-button-text-svg-hover-fill-color:var(--ti-button-text-color-hover);--ti-button-text-svg-disabled-fill-color:var(--ti-common-color-text-disabled);--ti-button-text-has-svg-icon-margin-right:var(--ti-common-size-2x);--ti-button-text-has-svg-text-color:var(--ti-common-color-text-primary);--ti-button-text-has-svg-hover-text-color:var(--ti-common-color-text-link);--ti-button-text-svg-padding-horizontal:var(--ti-common-size-2x);--ti-button-primary-normal-bg-color:var(--ti-common-color-primary-normal);--ti-button-primary-normal-border-color:var(--ti-common-color-primary-normal);--ti-button-primary-hover-bg-color:var(--ti-common-color-primary-hover);--ti-button-primary-hover-border-color:var(--ti-common-color-primary-hover);--ti-button-primary-active-bg-color:var(--ti-common-color-primary-active);--ti-button-primary-disabled-bg-color:var(--ti-common-color-primary-disabled-bgcolor);--ti-button-primary-text-color:var(--ti-common-color-light);--ti-button-primary-disabled-text-color:var(--ti-common-color-primary-disabled-text);--ti-button-primary-disabled-border-color:var(--ti-common-color-primary-disabled-border);--ti-button-primary-plain-text-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-hover-text-color:var(--ti-common-color-light);--ti-button-primary-plain-bg-color:var(--ti-common-color-prompt-bg);--ti-button-primary-plain-hover-bg-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-border-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-hover-border-color:var(--ti-common-color-primary-normal);--ti-button-primary-plain-disabled-bg-color:var(--ti-common-color-primary-plain-disabled-bg-color);--ti-button-success-normal-bg-color:var(--ti-common-color-success-normal);--ti-button-success-normal-border-color:var(--ti-common-color-success-normal);--ti-button-success-hover-bg-color:var(--ti-common-color-success-hover);--ti-button-success-active-bg-color:var(--ti-common-color-success-active);--ti-button-success-disabled-bg-color:var(--ti-common-color-success-disabled-bgcolor);--ti-button-success-text-color:var(--ti-common-color-light);--ti-button-success-disabled-text-color:var(--ti-common-color-success-disabled-text);--ti-button-success-disabled-border-color:var(--ti-common-color-success-disabled-border);--ti-button-success-plain-text-color:var(--ti-common-color-success-normal);--ti-button-success-plain-hover-text-color:var(--ti-common-color-light);--ti-button-success-plain-bg-color:var(--ti-common-color-success-bg);--ti-button-success-plain-hover-bg-color:var(--ti-common-color-success-normal);--ti-button-success-plain-border-color:var(--ti-common-color-success-normal);--ti-button-success-plain-hover-border-color:var(--ti-common-color-success-normal);--ti-button-success-plain-disabled-bg-color:var(--ti-common-color-success-plain-disabled-bg-color);--ti-button-warning-normal-bg-color:var(--ti-common-color-warning-normal);--ti-button-warning-normal-border-color:var(--ti-common-color-warning-normal);--ti-button-warning-hover-bg-color:var(--ti-common-color-warning-hover);--ti-button-success-hover-border-color:var(--ti-common-color-success-hover);--ti-button-warning-active-bg-color:var(--ti-common-color-warning-active);--ti-button-warning-disabled-bg-color:var(--ti-common-color-warning-disabled-bgcolor);--ti-button-warning-text-color:var(--ti-common-color-light);--ti-button-warning-disabled-text-color:var(--ti-common-color-warning-disabled-text);--ti-button-warning-disabled-border-color:var(--ti-common-color-warning-disabled-border);--ti-button-warning-plain-text-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-hover-text-color:var(--ti-common-color-light);--ti-button-warning-plain-bg-color:var(--ti-common-color-warn-bg);--ti-button-warning-plain-hover-bg-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-border-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-hover-border-color:var(--ti-common-color-warning-normal);--ti-button-warning-plain-disabled-bg-color:var(--ti-common-color-warning-plain-disabled-bg-color);--ti-button-danger-normal-bg-color:var(--ti-common-color-danger-normal);--ti-button-danger-normal-border-color:var(--ti-common-color-danger-normal);--ti-button-danger-hover-bg-color:var(--ti-common-color-danger-hover);--ti-button-danger-hover-border-color:var(--ti-common-color-danger-hover);--ti-button-danger-active-bg-color:var(--ti-common-color-danger-active);--ti-button-danger-disabled-bg-color:var(--ti-common-color-danger-disabled-bgcolor);--ti-button-danger-text-color:var(--ti-common-color-light);--ti-button-danger-disabled-text-color:var(--ti-common-color-danger-disabled-text);--ti-button-danger-disabled-border-color:var(--ti-common-color-danger-disabled-border);--ti-button-danger-plain-text-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-hover-text-color:var(--ti-common-color-light);--ti-button-danger-plain-bg-color:var(--ti-common-color-error-bg);--ti-button-danger-plain-hover-bg-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-border-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-hover-border-color:var(--ti-common-color-danger-normal);--ti-button-danger-plain-disabled-bg-color:var(--ti-common-color-danger-disabled-bgcolor);--ti-button-danger-plain-disabled-border-color:var(--ti-common-color-danger-disabled-bgcolor);--ti-button-info-normal-bg-color:var(--ti-common-color-info-normal);--ti-button-info-normal-border-color:var(--ti-common-color-info-normal);--ti-button-info-hover-bg-color:var(--ti-common-color-info-hover);--ti-button-info-hover-border-color:var(--ti-common-color-info-hover);--ti-button-info-active-bg-color:var(--ti-common-color-info-active);--ti-button-info-disabled-bg-color:var(--ti-common-color-info-disabled-bgcolor);--ti-button-info-text-color:var(--ti-common-color-light);--ti-button-info-disabled-text-color:var(--ti-common-color-info-disabled-text);--ti-button-info-disabled-border-color:var(--ti-common-color-info-disabled-border);--ti-button-info-plain-text-color:var(--ti-common-color-info-normal);--ti-button-info-plain-hover-text-color:var(--ti-common-color-light);--ti-button-info-plain-bg-color:var(--ti-common-color-info-bg);--ti-button-info-plain-hover-bg-color:var(--ti-common-color-info-normal);--ti-button-info-plain-border-color:var(--ti-common-color-info-normal);--ti-button-info-plain-hover-border-color:var(--ti-common-color-info-normal);--ti-button-info-plain-disabled-bg-color:var(--ti-common-color-info-plain-disabled-bg-color);--ti-button-padding-vertical:var(--ti-common-space-0);--ti-button-size-normal-padding:var(--ti-common-space-2x);--ti-button-text-size-large-min-width:var(--ti-common-size-24x);--ti-button-text-size-large-height:var(--ti-common-size-height-large);--ti-button-text-size-large-svg-width:1em;--ti-button-text-size-large-svg-height:1em;--ti-button-text-padding-horizontal:var(--ti-common-space-0);--ti-button-text-size-medium-min-width:var(--ti-common-size-22x);--ti-button-text-size-medium-height:var(--ti-common-size-height-medium);--ti-button-text-size-medium-svg-width:1em;--ti-button-text-size-medium-svg-height:1em;--ti-button-text-size-default-min-width:var(--ti-common-size-20x);--ti-button-text-size-default-height:var(--ti-common-size-height-normal);--ti-button-text-size-default-svg-width:1em;--ti-button-text-size-default-svg-height:1em;--ti-button-text-size-small-min-width:var(--ti-common-size-18x);--ti-button-text-size-small-height:var(--ti-common-size-height-small);--ti-button-text-size-small-min-width:var(--ti-common-size-16x);--ti-button-text-size-small-height:var(--ti-common-size-height-mini);--ti-button-text-size-small-svg-width:1em;--ti-button-text-size-small-svg-height:1em;--ti-button-only-icon-min-width:unset;--ti-button-only-icon-padding-horizontal:7px;--ti-button-only-icon-border-radius:2px;--ti-button-only-icon-border-color:var(--ti-common-color-border);--ti-button-only-icon-hover-border-color:var(--ti-common-color-primary-normal);--ti-button-only-icon-disabled-border-color:var(--ti-common-color-line-disabled);display:inline-block;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:var(--ti-button-size-normal-height);line-height:calc(var(--ti-button-size-normal-height) - 2px);color:var(--ti-button-normal-text-color);fill:var(--ti-button-normal-text-color);font-size:var(--ti-button-font-size);min-width:var(--ti-button-size-normal-min-width);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-width:var(--ti-button-border-width);border-style:var(--ti-button-border-style);border-color:var(--ti-button-normal-border-color);-o-border-image:initial;border-image:initial;border-radius:var(--ti-button-border-radius);background:var(--ti-button-normal-background-color);padding:var(--ti-button-padding-vertical) var(--ti-button-size-normal-padding-horizontal);overflow:hidden;-webkit-transition:border .3s ease 0s,color .3s ease 0s,background .3s ease 0s;transition:border .3s ease 0s,color .3s ease 0s,background .3s ease 0s;outline:0;vertical-align:middle}.tiny-button .tiny-svg{vertical-align:text-top}.tiny-button>img{margin-right:4px;vertical-align:middle}.tiny-button.is-only-icon{min-width:var(--ti-button-only-icon-min-width);padding:0 var(--ti-button-only-icon-padding-horizontal);border-radius:var(--ti-button-only-icon-border-radius);border-color:var(--ti-button-only-icon-border-color)}.tiny-button.is-only-icon:hover{border-color:var(--ti-button-only-icon-hover-border-color)}.tiny-button.is-only-icon.is-disabled{border-color:var(--ti-button-only-icon-disabled-border-color)}.tiny-button.is-only-icon.is-disabled:hover{border-color:var(--ti-button-only-icon-disabled-border-color)}.tiny-button::-moz-focus-inner{border:0}.tiny-button:focus,.tiny-button:hover{color:var(--ti-button-normal-hover-text-color);fill:var(--ti-button-normal-hover-text-color);border-color:var(--ti-button-normal-hover-border-color);background-color:var(--ti-button-normal-hover-bg-color)}.tiny-button.is-active,.tiny-button.is-plain:active,.tiny-button:active{color:var(--ti-button-normal-active-text-color);fill:var(--ti-button-normal-active-text-color);border-color:var(--ti-button-normal-active-border-color);background-color:var(--ti-button-normal-active-bg-color)}.tiny-button.is-disabled,.tiny-button.is-disabled:focus,.tiny-button.is-disabled:hover{cursor:not-allowed;color:var(--ti-button-normal-disabled-text-color);fill:var(--ti-button-normal-disabled-text-color);border-color:var(--ti-button-normal-disabled-border-color);background-color:var(--ti-button-normal-disabled-bg-color)}.tiny-button.is-plain:focus,.tiny-button.is-plain:hover{color:var(--ti-button-normal-hover-text-color);fill:var(--ti-button-normal-hover-text-color);border-color:var(--ti-button-normal-hover-border-color);background-color:var(--ti-button-normal-hover-bg-color)}.tiny-button.is-disabled.is-plain,.tiny-button.is-disabled.is-plain:focus,.tiny-button.is-disabled.is-plain:hover{color:var(--ti-button-normal-disabled-text-color);fill:var(--ti-button-normal-disabled-text-color);border-color:var(--ti-button-normal-disabled-border-color);background-color:var(--ti-button-normal-disabled-bg-color)}.tiny-button+.tiny-button{margin-left:8px}.tiny-button.is-loading{position:relative;pointer-events:none;overflow:initial}.tiny-button.is-loading:before{pointer-events:none;content:'';position:absolute;left:-1px;top:-1px;right:-1px;bottom:-1px;border-radius:inherit;background-color:var(--ti-button-loading-bg-color)}.tiny-button.is-loading .tiny-svg{fill:var(--ti-button-info-text-color)}.tiny-button.is-loading.tiny-button--default .tiny-svg{fill:var(--ti-button-normal-text-color)}.tiny-button.is-round{border-radius:calc(var(--ti-button-size-normal-height,30px)/ 2)}.tiny-button.is-icon{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-button:not(.is-circle) .tiny-svg.is-text{margin-right:var(--ti-button-text-has-svg-icon-margin-right)}.tiny-button:not(.is-circle).is-loading .tiny-svg{margin-right:4px;margin-top:1px}.tiny-button.is-circle{border-radius:50%;min-width:var(--ti-button-size-normal-height);min-height:var(--ti-button-size-normal-height);line-height:1;padding:var(--ti-button-size-normal-padding)}.tiny-button.is-circle.is-hide-boder{border:none}.tiny-button.is-circle.tiny-button--large{min-width:var(--ti-button-size-large-height);min-height:var(--ti-button-size-large-height);height:auto;line-height:1;padding:var(--ti-button-size-large-padding)}.tiny-button.is-circle.tiny-button--medium{min-width:var(--ti-button-size-medium-height);min-height:var(--ti-button-size-medium-height);height:auto;line-height:1;padding:var(--ti-button-size-medium-padding)}.tiny-button.is-circle.tiny-button--small{min-width:var(--ti-button-size-small-height);min-height:var(--ti-button-size-small-height);height:auto;line-height:1;padding:var(--ti-button-size-small-padding)}.tiny-button.is-circle.tiny-button--mini{min-width:var(--ti-button-size-mini-height);min-height:var(--ti-button-size-mini-height);height:auto;line-height:1;padding:var(--ti-button-size-mini-padding)}.tiny-button.tiny-button--primary{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-normal-border-color);background-color:var(--ti-button-primary-normal-bg-color)}.tiny-button.tiny-button--primary:hover{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-hover-border-color);background-color:var(--ti-button-primary-hover-bg-color)}.tiny-button.tiny-button--primary.is-active,.tiny-button.tiny-button--primary:active,.tiny-button.tiny-button--primary:focus{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-active-bg-color);background-color:var(--ti-button-primary-active-bg-color);outline:0}.tiny-button.tiny-button--primary.is-disabled,.tiny-button.tiny-button--primary.is-disabled:active,.tiny-button.tiny-button--primary.is-disabled:focus,.tiny-button.tiny-button--primary.is-disabled:hover{color:var(--ti-button-primary-disabled-text-color);fill:var(--ti-button-primary-disabled-text-color);border-color:var(--ti-button-primary-disabled-border-color);background-color:var(--ti-button-primary-disabled-bg-color)}.tiny-button.tiny-button--primary.is-plain{color:var(--ti-button-primary-plain-text-color);fill:var(--ti-button-primary-plain-text-color);border-color:var(--ti-button-primary-plain-border-color);background-color:var(--ti-button-primary-plain-bg-color)}.tiny-button.tiny-button--primary.is-plain:hover{color:var(--ti-button-primary-plain-hover-text-color);fill:var(--ti-button-primary-plain-hover-text-color);border-color:var(--ti-button-primary-plain-hover-border-color);background-color:var(--ti-button-primary-plain-hover-bg-color)}.tiny-button.tiny-button--primary.is-plain.is-active,.tiny-button.tiny-button--primary.is-plain:active,.tiny-button.tiny-button--primary.is-plain:focus{color:var(--ti-button-primary-text-color);fill:var(--ti-button-primary-text-color);border-color:var(--ti-button-primary-active-bg-color);background-color:var(--ti-button-primary-active-bg-color);outline:0}.tiny-button.tiny-button--primary.is-plain.is-disabled,.tiny-button.tiny-button--primary.is-plain.is-disabled:active,.tiny-button.tiny-button--primary.is-plain.is-disabled:focus,.tiny-button.tiny-button--primary.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-plain-disabled-text-color);border-color:var(--ti-button-primary-disabled-bg-color);background-color:var(--ti-button-primary-plain-disabled-bg-color)}.tiny-button.tiny-button--success{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-normal-border-color);background-color:var(--ti-button-success-normal-bg-color)}.tiny-button.tiny-button--success:hover{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-hover-border-color);background-color:var(--ti-button-success-hover-bg-color)}.tiny-button.tiny-button--success.is-active,.tiny-button.tiny-button--success:active,.tiny-button.tiny-button--success:focus{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-active-bg-color);background-color:var(--ti-button-success-active-bg-color);outline:0}.tiny-button.tiny-button--success.is-disabled,.tiny-button.tiny-button--success.is-disabled:active,.tiny-button.tiny-button--success.is-disabled:focus,.tiny-button.tiny-button--success.is-disabled:hover{color:var(--ti-button-success-disabled-text-color);fill:var(--ti-button-success-disabled-text-color);border-color:var(--ti-button-success-disabled-border-color);background-color:var(--ti-button-success-disabled-bg-color)}.tiny-button.tiny-button--success.is-plain{color:var(--ti-button-success-plain-text-color);fill:var(--ti-button-success-plain-text-color);border-color:var(--ti-button-success-plain-border-color);background-color:var(--ti-button-success-plain-bg-color)}.tiny-button.tiny-button--success.is-plain:hover{color:var(--ti-button-success-plain-hover-text-color);fill:var(--ti-button-success-plain-hover-text-color);border-color:var(--ti-button-success-plain-hover-border-color);background-color:var(--ti-button-success-plain-hover-bg-color)}.tiny-button.tiny-button--success.is-plain.is-active,.tiny-button.tiny-button--success.is-plain:active,.tiny-button.tiny-button--success.is-plain:focus{color:var(--ti-button-success-text-color);fill:var(--ti-button-success-text-color);border-color:var(--ti-button-success-active-bg-color);background-color:var(--ti-button-success-active-bg-color);outline:0}.tiny-button.tiny-button--success.is-plain.is-disabled,.tiny-button.tiny-button--success.is-plain.is-disabled:active,.tiny-button.tiny-button--success.is-plain.is-disabled:focus,.tiny-button.tiny-button--success.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-plain-disabled-text-color);border-color:var(--ti-button-success-disabled-bg-color);background-color:var(--ti-button-success-plain-disabled-bg-color)}.tiny-button.tiny-button--warning{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-normal-border-color);background-color:var(--ti-button-warning-normal-bg-color)}.tiny-button.tiny-button--warning:hover{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-hover-border-color);background-color:var(--ti-button-warning-hover-bg-color)}.tiny-button.tiny-button--warning.is-active,.tiny-button.tiny-button--warning:active,.tiny-button.tiny-button--warning:focus{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-active-bg-color);background-color:var(--ti-button-warning-active-bg-color);outline:0}.tiny-button.tiny-button--warning.is-disabled,.tiny-button.tiny-button--warning.is-disabled:active,.tiny-button.tiny-button--warning.is-disabled:focus,.tiny-button.tiny-button--warning.is-disabled:hover{color:var(--ti-button-warning-disabled-text-color);fill:var(--ti-button-warning-disabled-text-color);border-color:var(--ti-button-warning-disabled-border-color);background-color:var(--ti-button-warning-disabled-bg-color)}.tiny-button.tiny-button--warning.is-plain{color:var(--ti-button-warning-plain-text-color);fill:var(--ti-button-warning-plain-text-color);border-color:var(--ti-button-warning-plain-border-color);background-color:var(--ti-button-warning-plain-bg-color)}.tiny-button.tiny-button--warning.is-plain:hover{color:var(--ti-button-warning-plain-hover-text-color);fill:var(--ti-button-warning-plain-hover-text-color);border-color:var(--ti-button-warning-plain-hover-border-color);background-color:var(--ti-button-warning-plain-hover-bg-color)}.tiny-button.tiny-button--warning.is-plain.is-active,.tiny-button.tiny-button--warning.is-plain:active,.tiny-button.tiny-button--warning.is-plain:focus{color:var(--ti-button-warning-text-color);fill:var(--ti-button-warning-text-color);border-color:var(--ti-button-warning-active-bg-color);background-color:var(--ti-button-warning-active-bg-color);outline:0}.tiny-button.tiny-button--warning.is-plain.is-disabled,.tiny-button.tiny-button--warning.is-plain.is-disabled:active,.tiny-button.tiny-button--warning.is-plain.is-disabled:focus,.tiny-button.tiny-button--warning.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-plain-disabled-text-color);border-color:var(--ti-button-warning-disabled-bg-color);background-color:var(--ti-button-warning-plain-disabled-bg-color)}.tiny-button.tiny-button--danger{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-normal-border-color);background-color:var(--ti-button-danger-normal-bg-color)}.tiny-button.tiny-button--danger:hover{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-hover-border-color);background-color:var(--ti-button-danger-hover-bg-color)}.tiny-button.tiny-button--danger.is-active,.tiny-button.tiny-button--danger:active,.tiny-button.tiny-button--danger:focus{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-active-bg-color);background-color:var(--ti-button-danger-active-bg-color);outline:0}.tiny-button.tiny-button--danger.is-disabled,.tiny-button.tiny-button--danger.is-disabled:active,.tiny-button.tiny-button--danger.is-disabled:focus,.tiny-button.tiny-button--danger.is-disabled:hover{color:var(--ti-button-danger-disabled-text-color);fill:var(--ti-button-danger-disabled-text-color);border-color:var(--ti-button-danger-disabled-border-color);background-color:var(--ti-button-danger-disabled-bg-color)}.tiny-button.tiny-button--danger.is-plain{color:var(--ti-button-danger-plain-text-color);fill:var(--ti-button-danger-plain-text-color);border-color:var(--ti-button-danger-plain-border-color);background-color:var(--ti-button-danger-plain-bg-color)}.tiny-button.tiny-button--danger.is-plain:hover{color:var(--ti-button-danger-plain-hover-text-color);fill:var(--ti-button-danger-plain-hover-text-color);border-color:var(--ti-button-danger-plain-hover-border-color);background-color:var(--ti-button-danger-plain-hover-bg-color)}.tiny-button.tiny-button--danger.is-plain.is-active,.tiny-button.tiny-button--danger.is-plain:active,.tiny-button.tiny-button--danger.is-plain:focus{color:var(--ti-button-danger-text-color);fill:var(--ti-button-danger-text-color);border-color:var(--ti-button-danger-active-bg-color);background-color:var(--ti-button-danger-active-bg-color);outline:0}.tiny-button.tiny-button--danger.is-plain.is-disabled,.tiny-button.tiny-button--danger.is-plain.is-disabled:active,.tiny-button.tiny-button--danger.is-plain.is-disabled:focus,.tiny-button.tiny-button--danger.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-plain-disabled-text-color);border-color:var(--ti-button-danger-disabled-bg-color);background-color:var(--ti-button-danger-plain-disabled-bg-color)}.tiny-button.tiny-button--danger.is-plain.is-disabled,.tiny-button.tiny-button--danger.is-plain.is-disabled:active,.tiny-button.tiny-button--danger.is-plain.is-disabled:focus,.tiny-button.tiny-button--danger.is-plain.is-disabled:hover{border-color:var(--ti-button-danger-plain-disabled-border-color)}.tiny-button.tiny-button--info{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-normal-border-color);background-color:var(--ti-button-info-normal-bg-color)}.tiny-button.tiny-button--info:hover{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-hover-border-color);background-color:var(--ti-button-info-hover-bg-color)}.tiny-button.tiny-button--info.is-active,.tiny-button.tiny-button--info:active,.tiny-button.tiny-button--info:focus{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-active-bg-color);background-color:var(--ti-button-info-active-bg-color);outline:0}.tiny-button.tiny-button--info.is-disabled,.tiny-button.tiny-button--info.is-disabled:active,.tiny-button.tiny-button--info.is-disabled:focus,.tiny-button.tiny-button--info.is-disabled:hover{color:var(--ti-button-info-disabled-text-color);fill:var(--ti-button-info-disabled-text-color);border-color:var(--ti-button-info-disabled-border-color);background-color:var(--ti-button-info-disabled-bg-color)}.tiny-button.tiny-button--info.is-plain{color:var(--ti-button-info-plain-text-color);fill:var(--ti-button-info-plain-text-color);border-color:var(--ti-button-info-plain-border-color);background-color:var(--ti-button-info-plain-bg-color)}.tiny-button.tiny-button--info.is-plain:hover{color:var(--ti-button-info-plain-hover-text-color);fill:var(--ti-button-info-plain-hover-text-color);border-color:var(--ti-button-info-plain-hover-border-color);background-color:var(--ti-button-info-plain-hover-bg-color)}.tiny-button.tiny-button--info.is-plain.is-active,.tiny-button.tiny-button--info.is-plain:active,.tiny-button.tiny-button--info.is-plain:focus{color:var(--ti-button-info-text-color);fill:var(--ti-button-info-text-color);border-color:var(--ti-button-info-active-bg-color);background-color:var(--ti-button-info-active-bg-color);outline:0}.tiny-button.tiny-button--info.is-plain.is-disabled,.tiny-button.tiny-button--info.is-plain.is-disabled:active,.tiny-button.tiny-button--info.is-plain.is-disabled:focus,.tiny-button.tiny-button--info.is-plain.is-disabled:hover{color:var(--ti-button-plain-disabled-text-color);fill:var(--ti-button-plain-disabled-text-color);border-color:var(--ti-button-info-disabled-bg-color);background-color:var(--ti-button-info-plain-disabled-bg-color)}.tiny-button.tiny-button--text{color:var(--ti-button-text-color);font-size:var(--ti-common-font-size-1);border-color:transparent;background-color:transparent;border-radius:var(--ti-button-text-hover-border-radius);padding:0 var(--ti-button-text-padding-horizontal)}.tiny-button.tiny-button--text:hover{color:var(--ti-button-text-color-hover);font-weight:var(--ti-button-text-hover-weight);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-active,.tiny-button.tiny-button--text:active,.tiny-button.tiny-button--text:focus{color:var(--ti-button-text-color-active);border-color:transparent;background-color:transparent}.tiny-button.tiny-button--text.is-disabled,.tiny-button.tiny-button--text.is-disabled:active,.tiny-button.tiny-button--text.is-disabled:focus,.tiny-button.tiny-button--text.is-disabled:hover{color:var(--ti-button-text-color-disabled);border-color:transparent;background-color:transparent;font-weight:400}.tiny-button.tiny-button--text:hover{-webkit-text-decoration:var(--ti-button-text-hover-text-decoration);text-decoration:var(--ti-button-text-hover-text-decoration)}.tiny-button.tiny-button--text.is-disabled:hover{text-decoration:none}.tiny-button.tiny-button--text:has(.tiny-svg){padding:0 var(--ti-button-text-svg-padding-horizontal);color:var(--ti-button-text-has-svg-text-color)}.tiny-button.tiny-button--text:has(.tiny-svg):hover{background:var(--ti-button-text-hover-bg-color);border-radius:var(--ti-button-text-hover-border-radius);color:var(--ti-button-text-has-svg-hover-text-color)}.tiny-button.tiny-button--text:has(.tiny-svg):hover .tiny-svg{fill:var(--ti-button-text-svg-hover-fill-color)}.tiny-button.tiny-button--text:has(.tiny-svg).is-disabled{background:0 0;fill:var(--ti-button-text-svg-disabled-fill-color);color:var(--ti-button-text-color-disabled)}.tiny-button.tiny-button--text:has(.tiny-svg).is-disabled .tiny-svg{fill:var(--ti-button-text-svg-disabled-fill-color)}.tiny-button.tiny-button--text:has(.tiny-svg).is-disabled:hover{fill:var(--ti-button-text-svg-disabled-fill-color);background:0 0}.tiny-button.tiny-button--text.is-only-icon:hover{background:var(--ti-button-text-only-icon-hover-bg-color)}.tiny-button.tiny-button--text .tiny-svg{vertical-align:middle;fill:var(--ti-button-text-svg-fill-color)}.tiny-button.tiny-button--text.tiny-button.tiny-button--large{min-width:var(--ti-button-text-size-large-min-width);height:var(--ti-button-text-size-large-height);line-height:calc(var(--ti-button-text-size-large-height) - 2px)}.tiny-button.tiny-button--text.tiny-button.tiny-button--large svg{width:var(--ti-button-text-size-large-svg-width);height:var(--ti-button-text-size-large-svg-height)}.tiny-button.tiny-button--text.tiny-button.tiny-button--medium{min-width:var(--ti-button-text-size-medium-min-width);height:var(--ti-button-text-size-medium-height);line-height:calc(var(--ti-button-text-size-medium-height) - 2px)}.tiny-button.tiny-button--text.tiny-button.tiny-button--medium svg{width:var(--ti-button-text-size-medium-svg-width);height:var(--ti-button-text-size-medium-svg-height)}.tiny-button.tiny-button--text.tiny-button{min-width:var(--ti-button-text-size-default-min-width);height:var(--ti-button-text-size-default-height);line-height:calc(var(--ti-button-text-size-default-height) - 2px)}.tiny-button.tiny-button--text.tiny-button svg{width:var(--ti-button-text-size-default-svg-width);height:var(--ti-button-text-size-default-svg-height)}.tiny-button.tiny-button--text.tiny-button.tiny-button--small{min-width:var(--ti-button-text-size-small-min-width);height:var(--ti-button-text-size-small-height);line-height:calc(var(--ti-button-text-size-small-height) - 2px)}.tiny-button.tiny-button--text.tiny-button.tiny-button--small svg{width:var(--ti-button-text-size-small-svg-width);height:var(--ti-button-text-size-small-svg-height)}.tiny-button.tiny-button--text.tiny-button.tiny-button--mini{min-width:var(--ti-button-text-size-mini-min-width);height:var(--ti-button-text-size-mini-height);line-height:calc(var(--ti-button-text-size-mini-height) - 2px)}.tiny-button.tiny-button--text.tiny-button.tiny-button--mini svg{width:var(--ti-button-text-size-mini-svg-width);height:var(--ti-button-text-size-mini-svg-height)}.tiny-button.tiny-button--large{height:var(--ti-button-size-large-height);line-height:calc(var(--ti-button-size-large-height) - 2px);font-size:var(--ti-button-size-large-font-size);padding:0 var(--ti-button-size-large-padding-horizontal);min-width:var(--ti-button-size-large-min-width)}.tiny-button.tiny-button--large.is-round{border-radius:calc(var(--ti-button-size-large-height)/ 2)}.tiny-button.tiny-button--large.is-circle{border-radius:50%}.tiny-button.tiny-button--large+.tiny-button.tiny-button--large{margin-left:var(--ti-button-size-large-margin-left)}.tiny-button.tiny-button--medium{height:var(--ti-button-size-medium-height);line-height:calc(var(--ti-button-size-medium-height) - 2px);font-size:var(--ti-button-size-medium-font-size);padding:0 var(--ti-button-size-medium-padding-horizontal);min-width:var(--ti-button-size-medium-min-width)}.tiny-button.tiny-button--medium.is-round{border-radius:calc(var(--ti-button-size-medium-height)/ 2)}.tiny-button.tiny-button--medium.is-circle{border-radius:50%}.tiny-button.tiny-button--medium+.tiny-button.tiny-button--medium{margin-left:var(--ti-button-size-medium-margin-left)}.tiny-button.tiny-button--small{height:var(--ti-button-size-small-height);line-height:calc(var(--ti-button-size-small-height) - 2px);font-size:var(--ti-button-size-small-font-size);padding:0 var(--ti-button-size-small-padding-horizontal);min-width:var(--ti-button-size-small-min-width)}.tiny-button.tiny-button--small.is-round{border-radius:calc(var(--ti-button-size-small-height)/ 2)}.tiny-button.tiny-button--small.is-circle{border-radius:50%}.tiny-button.tiny-button--small+.tiny-button.tiny-button--small{margin-left:var(--ti-button-size-small-margin-left)}.tiny-button.tiny-button--mini{height:var(--ti-button-size-mini-height);line-height:calc(var(--ti-button-size-mini-height) - 2px);font-size:var(--ti-button-size-mini-font-size);padding:0 var(--ti-button-size-mini-padding-horizontal);min-width:var(--ti-button-size-mini-min-width)}.tiny-button.tiny-button--mini.is-round{border-radius:calc(var(--ti-button-size-mini-height)/ 2)}.tiny-button.tiny-button--mini.is-circle{border-radius:50%}.tiny-icon-loading{font-size:var(--ti-common-font-size-1);line-height:1;-webkit-animation:rotating 2s linear infinite;animation:rotating 2s linear infinite}@-webkit-keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@keyframes rotating{0%{-webkit-transform:rotateZ(0);transform:rotateZ(0)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}
package/button/smb-theme.js CHANGED
@@ -3,7 +3,7 @@ export const tinyButtonSmbTheme = {
3
3
  'ti-button-normal-border-color': '#595959',
4
4
  'ti-button-border-radius': '25px',
5
5
  'ti-button-text-color': 'var(--ti-common-color-text-highlight)',
6
- 'ti-button-text-hover-weight': 'var(--ti-common-font-weight-6)',
6
+ 'ti-button-text-hover-weight': 'var(--ti-common-font-weight-4)',
7
7
  'ti-button-text-color-hover': 'var(--ti-common-color-text-highlight)',
8
8
  'ti-button-normal-hover-border-color': 'var(--ti-common-color-border)',
9
9
  'ti-button-normal-disabled-border-color': 'transparent',
@@ -30,10 +30,14 @@ export const tinyButtonSmbTheme = {
30
30
  'ti-button-size-mini-min-width': '24px',
31
31
  'ti-button-text-svg-width': '16px',
32
32
  'ti-button-text-svg-height': '16px',
33
- 'ti-button-text-hover-bg-color': '#0000000D',
33
+ 'ti-button-text-hover-bg-color': 'transparent',
34
+ 'ti-button-text-only-icon-hover-bg-color': '#0000000D',
34
35
  'ti-button-text-hover-border-radius': '4px',
35
36
  'ti-button-text-svg-fill-color': '#191919',
36
- 'ti-button-text-svg-hover-fill-color': '#595959',
37
+ 'ti-button-text-svg-hover-fill-color': '#191919',
38
+ 'ti-button-text-has-svg-text-color': '#191919',
39
+ 'ti-button-text-has-svg-hover-text-color': '#191919',
40
+ 'ti-button-text-has-svg-icon-margin-right': '4px',
37
41
  'ti-button-text-svg-disabled-fill-color': '#C2C2C2',
38
42
  'ti-button-text-svg-padding-horizontal': '0px',
39
43
  'ti-button-size-small-font-size': '12px',
@@ -50,10 +54,10 @@ export const tinyButtonSmbTheme = {
50
54
  'ti-button-text-size-medium-height': '40px',
51
55
  'ti-button-text-size-medium-svg-width': '32px',
52
56
  'ti-button-text-size-medium-svg-height': '32px',
53
- 'ti-button-text-size-default-min-width': '32px',
54
- 'ti-button-text-size-default-height': '32px',
55
- 'ti-button-text-size-default-svg-width': '24px',
56
- 'ti-button-text-size-default-svg-height': '24px',
57
+ 'ti-button-text-size-default-min-width': '24px',
58
+ 'ti-button-text-size-default-height': '24px',
59
+ 'ti-button-text-size-default-svg-width': '16px',
60
+ 'ti-button-text-size-default-svg-height': '16px',
57
61
  'ti-button-text-size-small-min-width': '24px',
58
62
  'ti-button-text-size-small-height': '24px',
59
63
  'ti-button-text-size-small-svg-width': '16px',
@@ -61,5 +65,12 @@ export const tinyButtonSmbTheme = {
61
65
  'ti-button-text-size-mini-min-width': '24px',
62
66
  'ti-button-text-size-mini-height': '24px',
63
67
  'ti-button-text-size-mini-svg-width': '16px',
64
- 'ti-button-text-size-mini-svg-height': '16px'
68
+ 'ti-button-text-size-mini-svg-height': '16px',
69
+ 'ti-button-text-hover-text-decoration': 'underline',
70
+ 'ti-button-only-icon-min-width': 'unset',
71
+ 'ti-button-only-icon-padding-horizontal': '8px',
72
+ 'ti-button-only-icon-border-radius': '6px',
73
+ 'ti-button-only-icon-border-color': '#c2c2c2',
74
+ 'ti-button-only-icon-hover-border-color': '#191919',
75
+ 'ti-button-only-icon-disabled-border-color': '#dbdbdb'
65
76
  }
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-weight:0;--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:#e9edfa;--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:#beccfa;--ti-button-group-item-btn-hover-border-color:var(--ti-common-color-primary-hover);--ti-button-group-item-btn-hover-text-color:var(--ti-button-group-item-btn-text-color);--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-plain-active-text-color:var(--ti-common-color-bg-emphasize);--ti-button-group-item-active-disabled-bg-color:#dfe1e6;--ti-button-group-item-active-text-color:var(--ti-common-color-light);--ti-button-group-item-li-margin-right:2px;--ti-button-group-item-li-margin-bottom:var(--ti-common-space-base);--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:30px;--ti-button-group-item-active-font-size:14px;--ti-button-group-margin-top:var(--ti-common-space-0);--ti-button-group-item-margin-top:0;--ti-button-group-mini-margin-right:2px;--ti-button-group-mini-font-size:12px;--ti-button-group-no-border-hover-bg-color:#beccfa;--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:var(--ti-common-space-3x);--ti-button-group-mini-border-radius:0px;--ti-button-group-no-border-hover-border-color:transparent;--ti-button-group-no-border-border-color:transparent;--ti-button-group-item-sup-height:var(--ti-common-size-4x);--ti-button-group-item-sup-font-color:var(--ti-common-color-text-white);--ti-button-group-item-sup-font-size:var(--ti-common-font-size-base);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;float:left;position:relative;margin-top:var(--ti-button-group-item-margin-top)}.tiny-button-group .tiny-group-item li button{border:var(--ti-button-group-border-weight) 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.disabled{background:var(--ti-button-group-item-active-disabled-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-plain-active-text-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);margin-bottom:var(--ti-button-group-item-li-margin-bottom)}.tiny-button-group .tiny-group-item__sup{position:absolute;min-width:var(--ti-button-group-item-sup-height);height:var(--ti-button-group-item-sup-height);top:calc(-1 * var(--ti-button-group-item-sup-height)/ 2);color:var(--ti-button-group-item-sup-font-color);right:0;font-size:var(--ti-common-font-size-base);line-height:var(--ti-button-group-item-sup-height);text-align:center;background-color:#fa9841}.tiny-button-group .tiny-group-item__sup .tiny-svg{vertical-align:unset}.tiny-button-group .tiny-group-item__sup-icon{background-color:#fa9841;border-radius:2px;fill:#fff}.tiny-button-group .tiny-group-item__sup-text{background-color:#fa9841;padding:0 4px;border-top-left-radius:4px;border-bottom-right-radius:4px}.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;background:0 0}.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)}
1
+ .tiny-button-group{--ti-button-group-border-color:var(--ti-common-color-line-normal);--ti-button-group-border-weight:0;--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:#e9edfa;--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:#beccfa;--ti-button-group-item-btn-hover-border-color:var(--ti-common-color-primary-hover);--ti-button-group-item-btn-hover-text-color:var(--ti-button-group-item-btn-text-color);--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-btn-active-hover-bg-color:#beccfa;--ti-button-group-plain-active-text-color:var(--ti-common-color-bg-emphasize);--ti-button-group-item-active-disabled-bg-color:#dfe1e6;--ti-button-group-item-active-text-color:var(--ti-common-color-light);--ti-button-group-item-li-margin-right:2px;--ti-button-group-item-li-margin-bottom:var(--ti-common-space-base);--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:30px;--ti-button-group-item-active-font-size:14px;--ti-button-group-margin-top:var(--ti-common-space-0);--ti-button-group-item-margin-top:0;--ti-button-group-mini-margin-right:2px;--ti-button-group-mini-font-size:12px;--ti-button-group-no-border-hover-bg-color:#beccfa;--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:var(--ti-common-space-3x);--ti-button-group-mini-border-radius:0px;--ti-button-group-no-border-hover-border-color:transparent;--ti-button-group-no-border-border-color:transparent;--ti-button-group-item-sup-height:var(--ti-common-size-4x);--ti-button-group-item-sup-font-color:var(--ti-common-color-text-white);--ti-button-group-item-sup-font-size:var(--ti-common-font-size-base);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;float:left;position:relative;margin-top:var(--ti-button-group-item-margin-top)}.tiny-button-group .tiny-group-item li button{border:var(--ti-button-group-border-weight) 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-active-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.disabled{background:var(--ti-button-group-item-active-disabled-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-plain-active-text-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);margin-bottom:var(--ti-button-group-item-li-margin-bottom)}.tiny-button-group .tiny-group-item__sup{position:absolute;min-width:var(--ti-button-group-item-sup-height);height:var(--ti-button-group-item-sup-height);top:calc(-1 * var(--ti-button-group-item-sup-height)/ 2);color:var(--ti-button-group-item-sup-font-color);right:0;font-size:var(--ti-common-font-size-base);line-height:var(--ti-button-group-item-sup-height);text-align:center;background-color:#fa9841}.tiny-button-group .tiny-group-item__sup .tiny-svg{vertical-align:unset}.tiny-button-group .tiny-group-item__sup-icon{background-color:#fa9841;border-radius:2px;fill:#fff}.tiny-button-group .tiny-group-item__sup-text{background-color:#fa9841;padding:0 4px;border-top-left-radius:4px;border-bottom-right-radius:4px}.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;background:0 0}.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)}
package/button-group/smb-theme.js CHANGED
@@ -1,33 +1,35 @@
1
1
  export const tinyButtonGroupTheme = {
2
2
  'ti-button-group-item-li-margin-right': 'var(--ti-common-space-2x)',
3
3
  'ti-button-group-item-li-margin-bottom': 'var(--ti-common-space-2x)',
4
- 'ti-button-group-item-active-text-color': '#191919',
5
- 'ti-button-group-item-active-border-color': '#191919',
4
+ 'ti-button-group-item-active-text-color': '#FFFFFF',
5
+ 'ti-button-group-item-active-border-color': '#1476FF',
6
6
  'ti-button-group-right-border-radius': 'var(--ti-common-border-radius-normal)',
7
7
  'ti-button-group-middle-border-radius': 'var(--ti-common-border-radius-normal)',
8
8
  'ti-button-group-left-border-radius': 'var(--ti-common-border-radius-normal)',
9
9
  'ti-button-group-item-btn-text-color': '#595959',
10
- 'ti-button-group-item-active-bg-color': '#FFFFFF',
10
+ 'ti-button-group-item-active-bg-color': '#1476FF',
11
11
  'ti-button-group-item-btn-plain-bg-color': 'transparent',
12
12
  'ti-button-group-plain-active-text-color': '#191919',
13
13
  'ti-button-group-item-btn-hover-bg-color': 'transparent',
14
- 'ti-button-group-item-btn-hover-text-color': '#191919',
14
+ 'ti-button-group-item-btn-hover-text-color': '#1476FF',
15
15
  'ti-button-group-item-active-font-size': '12px',
16
16
  'ti-button-group-item-margin-top': 'var(--ti-common-space-0)',
17
17
  'ti-button-group-mini-margin-right': '4px',
18
18
  'ti-button-group-mini-font-size': '12px',
19
- 'ti-button-group-item-btn-disabled-bg-color': 'rgba(0,0,0,0.05)',
19
+ 'ti-button-group-item-btn-disabled-bg-color': 'transparent',
20
20
  'ti-button-group-item-active-disabled-bg-color': 'rgba(0,0,0,0.05)',
21
- 'ti-button-group-item-btn-hover-border-color': '#c2c2c2',
22
- 'ti-button-group-active-hover-border-color': '#191919',
21
+ 'ti-button-group-item-btn-hover-border-color': '#1476FF',
22
+ 'ti-button-group-active-hover-border-color': '#1476FF',
23
23
  'ti-button-group-btn-padding-horizontal': '24px',
24
24
  'ti-button-group-mini-padding-horizontal': '16px',
25
25
  'ti-button-group-item-btn-disabled-border-color': '#dbdbdb',
26
26
  'ti-button-group-mini-border-radius': '4px',
27
27
  'ti-button-group-no-border-hover-border-color': 'transparent',
28
28
  'ti-button-group-no-border-hover-bg-color': 'rgba(0,0,0,0.05)',
29
- 'ti-button-group-no-border-active-hover-bg-color': '#FFFFFF',
30
- 'ti-button-group-no-border-border-color': '#191919',
29
+ 'ti-button-group-no-border-active-hover-bg-color': '#1476FF',
30
+ 'ti-button-group-no-border-border-color': '#1476FF',
31
31
  'ti-button-group-item-bg-color': 'var(--ti-common-color-bg-white-normal)',
32
- 'ti-button-group-border-weight': 'var(--ti-common-border-weight-normal)'
32
+ 'ti-button-group-border-weight': 'var(--ti-common-border-weight-normal)',
33
+ 'ti-button-group-item-btn-active-hover-bg-color': '#1476FF',
34
+ 'ti-button-group-item-btn-width': 'auto'
33
35
  }
package/checkbox/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-checkbox{--ti-checkbox-width:var(--ti-common-size-4x);--ti-checkbox-height:var(--ti-common-size-4x);--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-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 .tiny-checkbox__inner{text-align:left;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:var(--ti-checkbox-width);height:var(--ti-checkbox-height);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.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__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)}.tiny-checkbox.is-display-only .tiny-checkbox__input.is-disabled+span.tiny-checkbox__label{color:#161e26}.tiny-checkbox.is-group-display-only{margin:0;padding:0;display:none}.tiny-checkbox.is-group-display-only.is-checked{display:inline-block}.tiny-checkbox.is-group-display-only .tiny-checkbox__input{display:none}.tiny-checkbox.is-group-display-only .tiny-checkbox__label::after{display:inline-block;content:';'}.tiny-checkbox.is-group-display-only .tiny-checkbox__label{margin:0;padding:0}
1
+ .tiny-checkbox{--ti-checkbox-width:var(--ti-common-size-4x);--ti-checkbox-height:var(--ti-common-size-4x);--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-font-size:var(--ti-common-font-size-base);--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-button-border-color:#e9edfa;--ti-checkbox-button-border-color-hover:#c2c2c2;--ti-checkbox-button-border-radius:0px;--ti-checkbox-disabled-border-color:#dbdbdb;--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-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 .tiny-checkbox__inner{text-align:left;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:var(--ti-checkbox-width);height:var(--ti-checkbox-height);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.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__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)}.tiny-checkbox.is-display-only .tiny-checkbox__input.is-disabled+span.tiny-checkbox__label{color:#161e26}.tiny-checkbox.is-group-display-only{margin:0;padding:0;display:none}.tiny-checkbox.is-group-display-only.is-checked{display:inline-block}.tiny-checkbox.is-group-display-only .tiny-checkbox__input{display:none}.tiny-checkbox.is-group-display-only .tiny-checkbox__label::after{display:inline-block;content:';'}.tiny-checkbox.is-group-display-only .tiny-checkbox__label{margin:0;padding:0}
package/checkbox/smb-theme.js CHANGED
@@ -10,8 +10,12 @@ export const tinyCheckboxSmbTheme = {
10
10
  'ti-checkbox-icon-margin-top': '1px',
11
11
  'ti-checkbox-icon-margin-left': '4px',
12
12
  'ti-checkbox-button-checked-bg-color': '#FFFFFF',
13
- 'ti-checkbox-button-checked-text-color': '#191919',
13
+ 'ti-checkbox-button-checked-text-color': '#1476FF',
14
14
  'ti-checkbox-button-text-color': '#595959',
15
15
  'ti-checkbox-button-bg-color-hover': '#FFFFFF',
16
- 'ti-checkbox-button-hover-text-color': '#191919'
16
+ 'ti-checkbox-button-hover-text-color': '#191919',
17
+ 'ti-checkbox-bg-color-checked': '#1476FF',
18
+ 'ti-checkbox-border-color-checked': '#1476FF',
19
+ 'ti-checkbox-bg-color-hover-checked': '#1476FF',
20
+ 'ti-checkbox-border-color-hover-checked': '#1476FF'
17
21
  }
package/checkbox-button/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-checkbox-button{--ti-checkbox-width:var(--ti-common-size-4x);--ti-checkbox-height:var(--ti-common-size-4x);--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-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
+ .tiny-checkbox-button{--ti-checkbox-width:var(--ti-common-size-4x);--ti-checkbox-height:var(--ti-common-size-4x);--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-font-size:var(--ti-common-font-size-base);--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-button-border-color:#e9edfa;--ti-checkbox-button-border-color-hover:#c2c2c2;--ti-checkbox-button-border-radius:0px;--ti-checkbox-disabled-border-color:#dbdbdb;--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-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.is-checked::after{content:'';position:absolute;width:0;height:0;right:4px;top:0;border-bottom:20px solid transparent;border-right:20px solid var(--ti-checkbox-button-checked-border-color);border-top-right-radius:6px;display:var(--ti-checkbox-button-checked-display)}.tiny-checkbox-button.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.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.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-disabled-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.is-disabled.is-checked::after{border-right:20px solid var(--ti-checkbox-disabled-border-color)}.tiny-checkbox-button.is-disabled.is-checked .tiny-checkbox-button__inner{color:var(--ti-checkbox-button-disabled-text-color);border-color:var(--ti-checkbox-disabled-border-color);background-color:var(--ti-checkbox-button-disabled-bg-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-checkbox-button-font-size);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.is-checked::after{border-bottom:16px solid transparent;border-right:16px solid var(--ti-checkbox-button-checked-border-color);border-top-right-radius:4px;right:3px}.tiny-checkbox-button--mini.is-checked::before{height:8px;width:4px;right:3px;top:1px}
package/checkbox-button/smb-theme.js CHANGED
@@ -1,16 +1,15 @@
1
1
  export const tinyCheckboxButtonSmbTheme = {
2
2
  'ti-checkbox-button-bg-color': '#fff',
3
- 'ti-checkbox-button-bg-color-hover': 'var(--ti-common-color-bg-hover)',
4
- 'ti-checkbox-button-hover-text-color': '#fff',
3
+ 'ti-checkbox-button-bg-color-hover': '#fff',
4
+ 'ti-checkbox-button-hover-text-color': '#1476FF',
5
5
  'ti-checkbox-button-border-color': '#C2C2C2',
6
- 'ti-checkbox-button-hover-text-color': '#191919',
7
- 'ti-checkbox-button-border-color-hover': '#191919',
6
+ 'ti-checkbox-button-border-color-hover': '#1476FF',
8
7
  'ti-checkbox-button-right-border-radius': '6px',
9
8
  'ti-checkbox-button-left-border-radius': '6px',
10
9
  'ti-checkbox-button-border-radius': '6px',
11
10
  'ti-checkbox-button-padding-horizontal': '16px',
12
11
  'ti-checkbox-button-padding-vertical': '4px',
13
- 'ti-checkbox-button-height': '22px',
12
+ 'ti-checkbox-button-height': '24px',
14
13
  'ti-checkbox-button-margin-horizontal': '4px',
15
14
  'ti-checkbox-button-mini-margin-horizontal': '2px',
16
15
  'ti-checkbox-button-size-mini-font-size': 'var(--ti-common-font-size-0)',
@@ -19,9 +18,14 @@ export const tinyCheckboxButtonSmbTheme = {
19
18
  'ti-checkbox-button-size-small-height': '32px',
20
19
  'ti-checkbox-button-checked-display': 'block',
21
20
  'ti-checkbox-button-disabled-bg-color': 'rgba(0,0,0,0.05)',
21
+ 'ti-checkbox-button-checked-disabled-bg-color': 'rgba(0,0,0,0.05)',
22
+ 'ti-checkbox-button-checked-disabled-border-color': '#dbdbdb',
23
+ 'ti-checkbox-button-checked-disabled-text-color': '#C2C2C2',
22
24
  'ti-checkbox-button-margin-top': '8px',
23
25
  'ti-checkbox-button-mini-left-border-radius': '4px',
24
26
  'ti-checkbox-button-mini-right-border-radius': '4px',
25
27
  'ti-checkbox-button-mini-last-left-border-radius': '4px',
26
- 'ti-checkbox-button-mini-last-right-border-radius': '4px'
28
+ 'ti-checkbox-button-mini-last-right-border-radius': '4px',
29
+ 'ti-checkbox-button-checked-border-color': '#1476FF',
30
+ 'ti-checkbox-shadow-color': 'transparent'
27
31
  }
package/checkbox-group/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-checkbox-group{--ti-checkbox-width:var(--ti-common-size-4x);--ti-checkbox-height:var(--ti-common-size-4x);--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-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:var(--ti-common-space-0);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)}
1
+ .tiny-checkbox-group{--ti-checkbox-width:var(--ti-common-size-4x);--ti-checkbox-height:var(--ti-common-size-4x);--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-font-size:var(--ti-common-font-size-base);--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-button-border-color:#e9edfa;--ti-checkbox-button-border-color-hover:#c2c2c2;--ti-checkbox-button-border-radius:0px;--ti-checkbox-disabled-border-color:#dbdbdb;--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-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:wrap;--ti-checkbox-group-margin-top:var(--ti-common-space-0);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)}