@opentiny/vue-theme 3.12.1 → 3.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/action-menu/index.css +1 -1
  2. package/action-menu/smb-theme.js +13 -0
  3. package/alert/index.css +1 -1
  4. package/aurora-theme/action-menu/index.css +1 -1
  5. package/aurora-theme/alert/index.css +1 -1
  6. package/aurora-theme/base/index.css +1 -1
  7. package/aurora-theme/button/index.css +1 -1
  8. package/aurora-theme/button-group/index.css +1 -1
  9. package/aurora-theme/calendar/index.css +1 -1
  10. package/aurora-theme/carousel/index.css +1 -1
  11. package/aurora-theme/color-picker/index.css +1 -1
  12. package/aurora-theme/divider/index.css +1 -1
  13. package/aurora-theme/dropdown/index.css +1 -1
  14. package/aurora-theme/dropdown-item/index.css +1 -1
  15. package/aurora-theme/form-item/index.css +1 -1
  16. package/aurora-theme/index.css +1 -1
  17. package/aurora-theme/input/index.css +1 -1
  18. package/aurora-theme/link/index.css +1 -1
  19. package/aurora-theme/option/index.css +1 -1
  20. package/aurora-theme/option-group/index.css +1 -1
  21. package/aurora-theme/pager/index.css +1 -0
  22. package/aurora-theme/popconfirm/index.css +1 -1
  23. package/aurora-theme/popover/index.css +1 -0
  24. package/aurora-theme/progress/index.css +1 -0
  25. package/aurora-theme/radio/index.css +1 -0
  26. package/aurora-theme/search/index.css +1 -0
  27. package/aurora-theme/select/index.css +1 -0
  28. package/aurora-theme/select-dropdown/index.css +1 -0
  29. package/aurora-theme/slider/index.css +1 -0
  30. package/aurora-theme/split/index.css +1 -0
  31. package/aurora-theme/steps/index.css +1 -0
  32. package/aurora-theme/switch/index.css +1 -0
  33. package/aurora-theme/tabs/index.css +1 -0
  34. package/aurora-theme/tag/index.css +1 -0
  35. package/aurora-theme/tall-storage/index.css +1 -1
  36. package/aurora-theme/text-popup/index.css +1 -0
  37. package/aurora-theme/tooltip/index.css +1 -0
  38. package/aurora-theme/transfer/index.css +1 -0
  39. package/aurora-theme/tree/index.css +1 -0
  40. package/aurora-theme/tree-menu/index.css +1 -0
  41. package/aurora-theme/upload-list/index.css +1 -1
  42. package/aurora-theme/wizard/index.css +1 -1
  43. package/button/index.css +1 -1
  44. package/button/smb-theme.js +4 -2
  45. package/button-group/index.css +1 -1
  46. package/calendar/index.css +1 -1
  47. package/carousel/index.css +1 -1
  48. package/carousel/smb-theme.js +22 -0
  49. package/carousel-item/smb-theme.js +4 -0
  50. package/color-picker/index.css +1 -1
  51. package/divider/index.css +1 -1
  52. package/divider/smb-theme.js +7 -0
  53. package/dropdown/index.css +1 -1
  54. package/dropdown/smb-theme.js +7 -1
  55. package/dropdown-item/index.css +1 -1
  56. package/dropdown-item/smb-theme.js +8 -1
  57. package/form-item/index.css +1 -1
  58. package/index.css +1 -1
  59. package/input/index.css +1 -1
  60. package/link/index.css +1 -1
  61. package/lowcode.css +1 -1
  62. package/option/index.css +1 -1
  63. package/option/smb-theme.js +2 -1
  64. package/option-group/index.css +1 -1
  65. package/option-group/smb-theme.js +6 -1
  66. package/package.json +1 -1
  67. package/popconfirm/index.css +1 -1
  68. package/progress/index.css +1 -1
  69. package/select/smb-theme.js +3 -3
  70. package/select-dropdown/index.css +1 -1
  71. package/select-dropdown/smb-theme.js +8 -8
  72. package/smb-theme/action-menu/index.css +1 -1
  73. package/smb-theme/alert/index.css +1 -1
  74. package/smb-theme/base/index.css +1 -1
  75. package/smb-theme/button/index.css +1 -1
  76. package/smb-theme/button-group/index.css +1 -1
  77. package/smb-theme/calendar/index.css +1 -1
  78. package/smb-theme/carousel/index.css +1 -1
  79. package/smb-theme/carousel-item/index.css +1 -1
  80. package/smb-theme/color-picker/index.css +1 -1
  81. package/smb-theme/divider/index.css +1 -1
  82. package/smb-theme/dropdown/index.css +1 -1
  83. package/smb-theme/dropdown-item/index.css +1 -1
  84. package/smb-theme/form-item/index.css +1 -1
  85. package/smb-theme/index.css +1 -1
  86. package/smb-theme/input/index.css +1 -1
  87. package/smb-theme/link/index.css +1 -1
  88. package/smb-theme/option/index.css +1 -1
  89. package/smb-theme/option-group/index.css +1 -1
  90. package/smb-theme/popconfirm/index.css +1 -0
  91. package/smb-theme/popover/index.css +1 -0
  92. package/smb-theme/progress/index.css +1 -0
  93. package/smb-theme/radio/index.css +1 -0
  94. package/smb-theme/scrollbar/index.css +1 -0
  95. package/smb-theme/search/index.css +1 -0
  96. package/smb-theme/select/index.css +1 -0
  97. package/smb-theme/select-dropdown/index.css +1 -0
  98. package/smb-theme/slider/index.css +1 -0
  99. package/smb-theme/steps/index.css +1 -0
  100. package/smb-theme/switch/index.css +1 -0
  101. package/smb-theme/tabs/index.css +1 -0
  102. package/smb-theme/tag/index.css +1 -0
  103. package/smb-theme/tall-storage/index.css +1 -1
  104. package/smb-theme/text-popup/index.css +1 -0
  105. package/smb-theme/textarea/index.css +1 -0
  106. package/smb-theme/tooltip/index.css +1 -0
  107. package/smb-theme/transfer/index.css +1 -1
  108. package/smb-theme/tree/index.css +1 -0
  109. package/smb-theme/tree-menu/index.css +1 -0
  110. package/smb-theme/upload/index.css +1 -0
  111. package/smb-theme/upload-dragger/index.css +1 -0
  112. package/smb-theme/upload-list/index.css +1 -0
  113. package/smb-theme/wizard/index.css +1 -1
  114. package/steps/index.css +1 -1
  115. package/svgs/add-picture.svg +4 -0
  116. package/tabs/index.css +1 -1
  117. package/tabs/smb-theme.js +2 -2
  118. package/tall-storage/index.css +1 -1
  119. package/theme/aurora-theme/component.js +3 -3
  120. package/theme/aurora-theme/index.js +133 -2
  121. package/theme/index.js +2 -2
  122. package/theme/infinity-theme/component-vars.js +382 -0
  123. package/theme/infinity-theme/index.js +119 -362
  124. package/theme/smb-theme/component.js +84 -19
  125. package/theme/smb-theme/index.js +177 -71
  126. package/transfer/smb-theme.js +9 -0
  127. package/tree-menu/index.css +1 -1
  128. package/upload-list/index.css +1 -1
  129. package/upload-list/smb-theme.js +1 -1
  130. package/wizard/index.css +1 -1
package/button/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-button{--ti-button-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-button-font-size:var(--ti-common-font-size-base, 12px);--ti-button-plain-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-border-width:var(--ti-common-border-weight-normal, 1px);--ti-button-border-style:var(--ti-common-border-style-solid, solid);--ti-button-loading-bg-color:rgba(255, 255, 255, 0.35);--ti-button-size-normal-min-width:var(--ti-common-size-width-normal, 80px);--ti-button-size-normal-max-width:var(--ti-common-size-width-medium, 120px);--ti-button-size-normal-height:var(--ti-common-size-height-normal, 28px);--ti-button-size-normal-padding-horizontal:var(--ti-common-size-5x, 20px);--ti-button-size-large-height:var(--ti-common-size-height-large, 48px);--ti-button-size-large-font-size:var(--ti-common-font-size-2, 16px);--ti-button-size-large-padding-horizontal:var(--ti-common-size-8x, 32px);--ti-button-size-large-min-width:var(--ti-common-size-24x, 96px);--ti-button-size-large-margin-left:8px;--ti-button-size-medium-height:var(--ti-common-size-height-medium, 40px);--ti-button-size-medium-font-size:var(--ti-common-font-size-1, 14px);--ti-button-size-medium-padding-horizontal:var(--ti-common-size-7x, 28px);--ti-button-size-medium-min-width:var(--ti-common-size-22x, 88px);--ti-button-size-medium-margin-left:8px;--ti-button-size-small-height:var(--ti-common-size-height-small, 32px);--ti-button-size-small-font-size:var(--ti-common-font-size-1, 14px);--ti-button-size-small-padding-horizontal:var(--ti-common-size-3x, 12px);--ti-button-size-small-min-width:var(--ti-common-size-18x, 72px);--ti-button-size-small-margin-left:8px;--ti-button-size-mini-height:var(--ti-common-size-height-mini, 24px);--ti-button-size-mini-font-size:var(--ti-common-font-size-base, 12px);--ti-button-size-mini-padding-horizontal:var(--ti-common-size-2x, 8px);--ti-button-size-mini-min-width:var(--ti-common-size-16x, 64px);--ti-button-normal-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-button-normal-border-color:var(--ti-common-color-border, #adb0b8);--ti-button-normal-background-color:var(--ti-common-color-light, #fff);--ti-button-normal-hover-text-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-normal-hover-border-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-normal-hover-bg-color:var(--ti-common-color-light, #fff);--ti-button-normal-active-text-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-normal-active-border-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-normal-active-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-button-normal-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-normal-disabled-border-color:var(--ti-common-color-line-disabled, #dfe1e6);--ti-button-normal-disabled-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-button-text-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-text-hover-text-decoration:none;--ti-button-text-color-hover:var(--ti-common-color-text-link-hover, #344899);--ti-button-text-hover-weight:var(--ti-common-font-weight-4, normal);--ti-button-text-color-active:var(--ti-common-color-primary-active, #7693f5);--ti-button-text-color-disabled:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-text-svg-width:1em;--ti-button-text-svg-height: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, #575d6c);--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, #adb0b8);--ti-button-text-has-svg-icon-margin-right:var(--ti-common-size-2x, 8px);--ti-button-text-has-svg-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-button-text-has-svg-hover-text-color:var(--ti-common-color-text-link, #526ecc);--ti-button-text-svg-padding-horizontal:var(--ti-common-size-2x, 8px);--ti-button-primary-normal-bg-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-primary-normal-border-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-primary-hover-bg-color:var(--ti-common-color-primary-hover, #7693f5);--ti-button-primary-hover-border-color:var(--ti-common-color-primary-hover, #7693f5);--ti-button-primary-active-bg-color:var(--ti-common-color-primary-active, #7693f5);--ti-button-primary-disabled-bg-color:var(--ti-common-color-primary-disabled-bgcolor, #f5f5f6);--ti-button-primary-text-color:var(--ti-common-color-light, #fff);--ti-button-primary-disabled-text-color:var(--ti-common-color-primary-disabled-text, #adb0b8);--ti-button-primary-disabled-border-color:var(--ti-common-color-primary-disabled-border, #dfe1e6);--ti-button-primary-plain-text-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-primary-plain-hover-text-color:var(--ti-common-color-light, #fff);--ti-button-primary-plain-bg-color:var(--ti-common-color-prompt-bg, #ebf6ff);--ti-button-primary-plain-hover-bg-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-primary-plain-border-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-primary-plain-hover-border-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-primary-plain-disabled-bg-color:var(--ti-common-color-primary-plain-disabled-bg-color, rgba(191, 191, 191, 0.1));--ti-button-success-normal-bg-color:var(--ti-common-color-success-normal, #50d4ab);--ti-button-success-normal-border-color:var(--ti-common-color-success-normal, #50d4ab);--ti-button-success-hover-bg-color:var(--ti-common-color-success-hover, #acf2dc);--ti-button-success-hover-border-color:var(--ti-common-color-success-hover, #acf2dc);--ti-button-success-active-bg-color:var(--ti-common-color-success-active, #acf2dc);--ti-button-success-disabled-bg-color:var(--ti-common-color-success-disabled-bgcolor, #f5f5f6);--ti-button-success-text-color:var(--ti-common-color-light, #fff);--ti-button-success-disabled-text-color:var(--ti-common-color-success-disabled-text, #adb0b8);--ti-button-success-disabled-border-color:var(--ti-common-color-success-disabled-border, #dfe1e6);--ti-button-success-plain-text-color:var(--ti-common-color-success-normal, #50d4ab);--ti-button-success-plain-hover-text-color:var(--ti-common-color-light, #fff);--ti-button-success-plain-bg-color:var(--ti-common-color-success-bg, #edfff9);--ti-button-success-plain-hover-bg-color:var(--ti-common-color-success-normal, #50d4ab);--ti-button-success-plain-border-color:var(--ti-common-color-success-normal, #50d4ab);--ti-button-success-plain-hover-border-color:var(--ti-common-color-success-normal, #50d4ab);--ti-button-success-plain-disabled-bg-color:var(--ti-common-color-success-plain-disabled-bg-color, rgba(166, 195, 185, 0.1));--ti-button-warning-normal-bg-color:var(--ti-common-color-warning-normal, #fa9841);--ti-button-warning-normal-border-color:var(--ti-common-color-warning-normal, #fa9841);--ti-button-warning-hover-bg-color:var(--ti-common-color-warning-hover, #fac20a);--ti-button-warning-active-bg-color:var(--ti-common-color-warning-active, #fac20a);--ti-button-warning-disabled-bg-color:var(--ti-common-color-warning-disabled-bgcolor, #f5f5f6);--ti-button-warning-text-color:var(--ti-common-color-light, #fff);--ti-button-warning-disabled-text-color:var(--ti-common-color-warning-disabled-text, #adb0b8);--ti-button-warning-disabled-border-color:var(--ti-common-color-warning-disabled-border, #dfe1e6);--ti-button-warning-plain-text-color:var(--ti-common-color-warning-normal, #fa9841);--ti-button-warning-plain-hover-text-color:var(--ti-common-color-light, #fff);--ti-button-warning-plain-bg-color:var(--ti-common-color-warn-bg, #fff3e8);--ti-button-warning-plain-hover-bg-color:var(--ti-common-color-warning-normal, #fa9841);--ti-button-warning-plain-border-color:var(--ti-common-color-warning-normal, #fa9841);--ti-button-warning-plain-hover-border-color:var(--ti-common-color-warning-normal, #fa9841);--ti-button-warning-plain-disabled-bg-color:var(--ti-common-color-warning-plain-disabled-bg-color, rgba(211, 198, 162, 0.1));--ti-button-danger-normal-bg-color:var(--ti-common-color-danger-normal, #c7000b);--ti-button-danger-normal-border-color:var(--ti-common-color-danger-normal, #c7000b);--ti-button-danger-hover-bg-color:var(--ti-common-color-danger-hover, #d64a52);--ti-button-danger-hover-border-color:var(--ti-common-color-danger-hover, #d64a52);--ti-button-danger-active-bg-color:var(--ti-common-color-danger-active, #b12220);--ti-button-danger-disabled-bg-color:var(--ti-common-color-danger-disabled-bgcolor, #f5f5f6);--ti-button-danger-text-color:var(--ti-common-color-light, #fff);--ti-button-danger-disabled-text-color:var(--ti-common-color-danger-disabled-text, #adb0b8);--ti-button-danger-disabled-border-color:var(--ti-common-color-danger-disabled-border, #dfe1e6);--ti-button-danger-plain-text-color:var(--ti-common-color-danger-normal, #c7000b);--ti-button-danger-plain-hover-text-color:var(--ti-common-color-light, #fff);--ti-button-danger-plain-bg-color:var(--ti-common-color-error-bg, #ffeeed);--ti-button-danger-plain-hover-bg-color:var(--ti-common-color-danger-normal, #c7000b);--ti-button-danger-plain-border-color:var(--ti-common-color-danger-normal, #c7000b);--ti-button-danger-plain-hover-border-color:var(--ti-common-color-danger-normal, #c7000b);--ti-button-danger-plain-disabled-bg-color:var(--ti-common-color-danger-disabled-bgcolor, #f5f5f6);--ti-button-danger-plain-disabled-border-color:var(--ti-common-color-danger-disabled-bgcolor, #f5f5f6);--ti-button-info-normal-bg-color:var(--ti-common-color-info-normal, #252b3a);--ti-button-info-normal-border-color:var(--ti-common-color-info-normal, #252b3a);--ti-button-info-hover-bg-color:var(--ti-common-color-info-hover, #5c6173);--ti-button-info-hover-border-color:var(--ti-common-color-info-hover, #5c6173);--ti-button-info-active-bg-color:var(--ti-common-color-info-active, #5c6173);--ti-button-info-disabled-bg-color:var(--ti-common-color-info-disabled-bgcolor, #f5f5f6);--ti-button-info-text-color:var(--ti-common-color-light, #fff);--ti-button-info-disabled-text-color:var(--ti-common-color-info-disabled-text, #adb0b8);--ti-button-info-disabled-border-color:var(--ti-common-color-info-disabled-border, #dfe1e6);--ti-button-info-plain-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-button-info-plain-hover-text-color:var(--ti-common-color-light, #fff);--ti-button-info-plain-bg-color:var(--ti-common-color-info-bg, rgba(51, 51, 51, 0.06));--ti-button-info-plain-hover-bg-color:var(--ti-common-color-info-normal, #252b3a);--ti-button-info-plain-border-color:var(--ti-common-color-info-normal, #252b3a);--ti-button-info-plain-hover-border-color:var(--ti-common-color-info-normal, #252b3a);--ti-button-info-plain-disabled-bg-color:var(--ti-common-color-info-plain-disabled-bg-color, rgba(191, 191, 191, 0.1));--ti-button-padding-vertical:var(--ti-common-space-0, 0px);--ti-button-size-normal-padding:var(--ti-common-space-2x, 8px);--ti-button-text-size-large-min-width:var(--ti-common-size-24x, 96px);--ti-button-text-size-large-height:var(--ti-common-size-height-large, 48px);--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, 0px);--ti-button-text-size-medium-min-width:var(--ti-common-size-22x, 88px);--ti-button-text-size-medium-height:var(--ti-common-size-height-medium, 40px);--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, 80px);--ti-button-text-size-default-height:var(--ti-common-size-height-normal, 28px);--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, 72px);--ti-button-text-size-small-height:var(--ti-common-size-height-small, 32px);--ti-button-text-size-small-svg-width:1em;--ti-button-text-size-small-svg-height:1em;--ti-button-text-size-mini-min-width:var(--ti-common-size-16x, 64px);--ti-button-text-size-mini-height:var(--ti-common-size-height-mini, 24px);--ti-button-text-size-mini-svg-width:1em;--ti-button-text-size-mini-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, #adb0b8);--ti-button-only-icon-hover-border-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-only-icon-disabled-border-color:var(--ti-common-color-line-disabled, #dfe1e6);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)}}
1
+ .tiny-button{--ti-button-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-button-font-size:var(--ti-common-font-size-base, 12px);--ti-button-plain-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-border-width:var(--ti-common-border-weight-normal, 1px);--ti-button-border-style:var(--ti-common-border-style-solid, solid);--ti-button-loading-bg-color:rgba(255, 255, 255, 0.35);--ti-button-size-normal-min-width:var(--ti-common-size-width-normal, 80px);--ti-button-size-normal-max-width:var(--ti-common-size-width-medium, 120px);--ti-button-size-normal-height:var(--ti-common-size-height-normal, 28px);--ti-button-size-normal-padding-horizontal:var(--ti-common-size-5x, 20px);--ti-button-size-large-height:var(--ti-common-size-height-large, 48px);--ti-button-size-large-font-size:var(--ti-common-font-size-2, 16px);--ti-button-size-large-padding-horizontal:var(--ti-common-size-8x, 32px);--ti-button-size-large-min-width:var(--ti-common-size-24x, 96px);--ti-button-size-large-margin-left:8px;--ti-button-size-medium-height:var(--ti-common-size-height-medium, 40px);--ti-button-size-medium-font-size:var(--ti-common-font-size-1, 14px);--ti-button-size-medium-padding-horizontal:var(--ti-common-size-7x, 28px);--ti-button-size-medium-min-width:var(--ti-common-size-22x, 88px);--ti-button-size-medium-margin-left:8px;--ti-button-size-small-height:var(--ti-common-size-height-small, 32px);--ti-button-size-small-font-size:var(--ti-common-font-size-1, 14px);--ti-button-size-small-padding-horizontal:var(--ti-common-size-3x, 12px);--ti-button-size-small-min-width:var(--ti-common-size-18x, 72px);--ti-button-size-small-margin-left:8px;--ti-button-size-mini-height:var(--ti-common-size-height-mini, 24px);--ti-button-size-mini-font-size:var(--ti-common-font-size-base, 12px);--ti-button-size-mini-padding-horizontal:var(--ti-common-size-2x, 8px);--ti-button-size-mini-min-width:var(--ti-common-size-16x, 64px);--ti-button-normal-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-button-normal-border-color:var(--ti-common-color-border, #adb0b8);--ti-button-normal-background-color:var(--ti-common-color-light, #fff);--ti-button-normal-hover-text-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-normal-hover-border-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-normal-hover-bg-color:var(--ti-common-color-light, #fff);--ti-button-normal-active-text-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-normal-active-border-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-normal-active-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-button-normal-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-normal-disabled-border-color:var(--ti-common-color-line-disabled, #dfe1e6);--ti-button-normal-disabled-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-button-text-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-text-hover-text-decoration:none;--ti-button-text-color-hover:var(--ti-common-color-text-link-hover, #344899);--ti-button-text-hover-weight:var(--ti-common-font-weight-4, normal);--ti-button-text-color-active:var(--ti-common-color-primary-active, #7693f5);--ti-button-text-color-disabled:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-text-svg-width:1em;--ti-button-text-svg-height: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, #575d6c);--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, #adb0b8);--ti-button-text-has-svg-icon-margin-right:var(--ti-common-size-2x, 8px);--ti-button-text-has-svg-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-button-text-has-svg-hover-text-color:var(--ti-common-color-text-link, #526ecc);--ti-button-text-svg-padding-horizontal:var(--ti-common-size-2x, 8px);--ti-button-primary-normal-bg-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-primary-normal-border-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-primary-hover-bg-color:var(--ti-common-color-primary-hover, #7693f5);--ti-button-primary-hover-border-color:var(--ti-common-color-primary-hover, #7693f5);--ti-button-primary-active-bg-color:var(--ti-common-color-primary-active, #7693f5);--ti-button-primary-disabled-bg-color:var(--ti-common-color-primary-disabled-bgcolor, #f5f5f6);--ti-button-primary-text-color:var(--ti-common-color-light, #fff);--ti-button-primary-disabled-text-color:var(--ti-common-color-primary-disabled-text, #adb0b8);--ti-button-primary-disabled-border-color:var(--ti-common-color-primary-disabled-border, #dfe1e6);--ti-button-primary-plain-text-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-primary-plain-hover-text-color:var(--ti-common-color-light, #fff);--ti-button-primary-plain-bg-color:var(--ti-common-color-prompt-bg, #ebf6ff);--ti-button-primary-plain-hover-bg-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-primary-plain-border-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-primary-plain-hover-border-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-primary-plain-disabled-bg-color:var(--ti-common-color-primary-plain-disabled-bg-color, rgba(191, 191, 191, 0.1));--ti-button-success-normal-bg-color:var(--ti-common-color-success-normal, #50d4ab);--ti-button-success-normal-border-color:var(--ti-common-color-success-normal, #50d4ab);--ti-button-success-hover-bg-color:var(--ti-common-color-success-hover, #acf2dc);--ti-button-success-hover-border-color:var(--ti-common-color-success-hover, #acf2dc);--ti-button-success-active-bg-color:var(--ti-common-color-success-active, #acf2dc);--ti-button-success-disabled-bg-color:var(--ti-common-color-success-disabled-bgcolor, #f5f5f6);--ti-button-success-text-color:var(--ti-common-color-light, #fff);--ti-button-success-disabled-text-color:var(--ti-common-color-success-disabled-text, #adb0b8);--ti-button-success-disabled-border-color:var(--ti-common-color-success-disabled-border, #dfe1e6);--ti-button-success-plain-text-color:var(--ti-common-color-success-normal, #50d4ab);--ti-button-success-plain-hover-text-color:var(--ti-common-color-light, #fff);--ti-button-success-plain-bg-color:var(--ti-common-color-success-bg, #edfff9);--ti-button-success-plain-hover-bg-color:var(--ti-common-color-success-normal, #50d4ab);--ti-button-success-plain-border-color:var(--ti-common-color-success-normal, #50d4ab);--ti-button-success-plain-hover-border-color:var(--ti-common-color-success-normal, #50d4ab);--ti-button-success-plain-disabled-bg-color:var(--ti-common-color-success-plain-disabled-bg-color, rgba(166, 195, 185, 0.1));--ti-button-warning-normal-bg-color:var(--ti-common-color-warning-normal, #fa9841);--ti-button-warning-normal-border-color:var(--ti-common-color-warning-normal, #fa9841);--ti-button-warning-hover-bg-color:var(--ti-common-color-warning-hover, #fac20a);--ti-button-warning-active-bg-color:var(--ti-common-color-warning-active, #fac20a);--ti-button-warning-disabled-bg-color:var(--ti-common-color-warning-disabled-bgcolor, #f5f5f6);--ti-button-warning-text-color:var(--ti-common-color-light, #fff);--ti-button-warning-disabled-text-color:var(--ti-common-color-warning-disabled-text, #adb0b8);--ti-button-warning-disabled-border-color:var(--ti-common-color-warning-disabled-border, #dfe1e6);--ti-button-warning-plain-text-color:var(--ti-common-color-warning-normal, #fa9841);--ti-button-warning-plain-hover-text-color:var(--ti-common-color-light, #fff);--ti-button-warning-plain-bg-color:var(--ti-common-color-warn-bg, #fff3e8);--ti-button-warning-plain-hover-bg-color:var(--ti-common-color-warning-normal, #fa9841);--ti-button-warning-plain-border-color:var(--ti-common-color-warning-normal, #fa9841);--ti-button-warning-plain-hover-border-color:var(--ti-common-color-warning-normal, #fa9841);--ti-button-warning-plain-disabled-bg-color:var(--ti-common-color-warning-plain-disabled-bg-color, rgba(211, 198, 162, 0.1));--ti-button-danger-normal-bg-color:var(--ti-common-color-danger-normal, #c7000b);--ti-button-danger-normal-border-color:var(--ti-common-color-danger-normal, #c7000b);--ti-button-danger-hover-bg-color:var(--ti-common-color-danger-hover, #d64a52);--ti-button-danger-hover-border-color:var(--ti-common-color-danger-hover, #d64a52);--ti-button-danger-active-bg-color:var(--ti-common-color-danger-active, #b12220);--ti-button-danger-disabled-bg-color:var(--ti-common-color-danger-disabled-bgcolor, #f5f5f6);--ti-button-danger-text-color:var(--ti-common-color-light, #fff);--ti-button-danger-disabled-text-color:var(--ti-common-color-danger-disabled-text, #adb0b8);--ti-button-danger-disabled-border-color:var(--ti-common-color-danger-disabled-border, #dfe1e6);--ti-button-danger-plain-text-color:var(--ti-common-color-danger-normal, #c7000b);--ti-button-danger-plain-hover-text-color:var(--ti-common-color-light, #fff);--ti-button-danger-plain-bg-color:var(--ti-common-color-error-bg, #ffeeed);--ti-button-danger-plain-hover-bg-color:var(--ti-common-color-danger-normal, #c7000b);--ti-button-danger-plain-border-color:var(--ti-common-color-danger-normal, #c7000b);--ti-button-danger-plain-hover-border-color:var(--ti-common-color-danger-normal, #c7000b);--ti-button-danger-plain-disabled-bg-color:var(--ti-common-color-danger-disabled-bgcolor, #f5f5f6);--ti-button-danger-plain-disabled-border-color:var(--ti-common-color-danger-disabled-bgcolor, #f5f5f6);--ti-button-info-normal-bg-color:var(--ti-common-color-info-normal, #252b3a);--ti-button-info-normal-border-color:var(--ti-common-color-info-normal, #252b3a);--ti-button-info-hover-bg-color:var(--ti-common-color-info-hover, #5c6173);--ti-button-info-hover-border-color:var(--ti-common-color-info-hover, #5c6173);--ti-button-info-active-bg-color:var(--ti-common-color-info-active, #5c6173);--ti-button-info-disabled-bg-color:var(--ti-common-color-info-disabled-bgcolor, #f5f5f6);--ti-button-info-text-color:var(--ti-common-color-light, #fff);--ti-button-info-disabled-text-color:var(--ti-common-color-info-disabled-text, #adb0b8);--ti-button-info-disabled-border-color:var(--ti-common-color-info-disabled-border, #dfe1e6);--ti-button-info-plain-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-button-info-plain-hover-text-color:var(--ti-common-color-light, #fff);--ti-button-info-plain-bg-color:var(--ti-common-color-info-bg, rgba(51, 51, 51, 0.06));--ti-button-info-plain-hover-bg-color:var(--ti-common-color-info-normal, #252b3a);--ti-button-info-plain-border-color:var(--ti-common-color-info-normal, #252b3a);--ti-button-info-plain-hover-border-color:var(--ti-common-color-info-normal, #252b3a);--ti-button-info-plain-disabled-bg-color:var(--ti-common-color-info-plain-disabled-bg-color, rgba(191, 191, 191, 0.1));--ti-button-ghost-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-button-ghost-border-color:var(--ti-common-color-border, #adb0b8);--ti-button-ghost-hover-text-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-ghost-hover-border-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-ghost-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-ghost-disabled-border-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-primary-ghost-text-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-primary-ghost-border-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-primary-ghost-hover-text-color:var(--ti-common-color-primary-hover, #7693f5);--ti-button-primary-ghost-hover-border-color:var(--ti-common-color-primary-hover, #7693f5);--ti-button-primary-ghost-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-primary-ghost-disabled-border-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-success-ghost-text-color:var(--ti-common-color-success-normal, #50d4ab);--ti-button-success-ghost-border-color:var(--ti-common-color-success-normal, #50d4ab);--ti-button-success-ghost-hover-text-color:var(--ti-common-color-success-active, #acf2dc);--ti-button-success-ghost-hover-border-color:var(--ti-common-color-success-active, #acf2dc);--ti-button-success-ghost-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-success-ghost-disabled-border-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-info-ghost-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-button-info-ghost-border-color:var(--ti-common-color-info-normal, #252b3a);--ti-button-info-ghost-hover-text-color:var(--ti-common-color-info-hover, #5c6173);--ti-button-info-ghost-hover-border-color:var(--ti-common-color-info-hover, #5c6173);--ti-button-info-ghost-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-info-ghost-disabled-border-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-warning-ghost-text-color:var(--ti-common-color-warning-normal, #fa9841);--ti-button-warning-ghost-border-color:var(--ti-common-color-warning-normal, #fa9841);--ti-button-warning-ghost-hover-text-color:var(--ti-common-color-warning-active, #fac20a);--ti-button-warning-ghost-hover-border-color:var(--ti-common-color-warning-active, #fac20a);--ti-button-warning-ghost-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-warning-ghost-disabled-border-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-danger-ghost-text-color:var(--ti-common-color-danger-normal, #c7000b);--ti-button-danger-ghost-border-color:var(--ti-common-color-danger-normal, #c7000b);--ti-button-danger-ghost-hover-text-color:var(--ti-common-color-danger-hover, #d64a52);--ti-button-danger-ghost-hover-border-color:var(--ti-common-color-danger-hover, #d64a52);--ti-button-danger-ghost-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-danger-ghost-disabled-border-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-padding-vertical:var(--ti-common-space-0, 0px);--ti-button-size-normal-padding:var(--ti-common-space-2x, 8px);--ti-button-text-size-large-min-width:var(--ti-common-size-24x, 96px);--ti-button-text-size-large-height:var(--ti-common-size-height-large, 48px);--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, 0px);--ti-button-text-size-medium-min-width:var(--ti-common-size-22x, 88px);--ti-button-text-size-medium-height:var(--ti-common-size-height-medium, 40px);--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, 80px);--ti-button-text-size-default-height:var(--ti-common-size-height-normal, 28px);--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, 72px);--ti-button-text-size-small-height:var(--ti-common-size-height-small, 32px);--ti-button-text-size-small-svg-width:1em;--ti-button-text-size-small-svg-height:1em;--ti-button-text-size-mini-min-width:var(--ti-common-size-16x, 64px);--ti-button-text-size-mini-height:var(--ti-common-size-height-mini, 24px);--ti-button-text-size-mini-svg-width:1em;--ti-button-text-size-mini-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, #adb0b8);--ti-button-only-icon-hover-border-color:var(--ti-common-color-primary-normal, #5e7ce0);--ti-button-only-icon-disabled-border-color:var(--ti-common-color-line-disabled, #dfe1e6);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-ghost{background-color:transparent}.tiny-button.is-ghost:active,.tiny-button.is-ghost:focus,.tiny-button.is-ghost:hover{color:var(--ti-button-ghost-hover-text-color);fill:var(--ti-button-ghost-hover-text-color);border-color:var(--ti-button-ghost-hover-border-color);background-color:transparent}.tiny-button.is-ghost.is-disabled,.tiny-button.is-ghost.is-disabled:focus,.tiny-button.is-ghost.is-disabled:hover{color:var(--ti-button-ghost-disabled-text-color);fill:var(--ti-button-ghost-disabled-text-color);border-color:var(--ti-button-ghost-disabled-border-color);background-color:transparent}.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--primary.is-ghost{color:var(--ti-button-primary-ghost-text-color);fill:var(--ti-button-primary-ghost-text-color);border-color:var(--ti-button-primary-ghost-border-color);background-color:transparent}.tiny-button.tiny-button--primary.is-ghost:hover{color:var(--ti-button-primary-ghost-hover-text-color);fill:var(--ti-button-primary-ghost-hover-text-color);border-color:var(--ti-button-primary-ghost-hover-border-color);background-color:transparent}.tiny-button.tiny-button--primary.is-ghost.is-active,.tiny-button.tiny-button--primary.is-ghost:active,.tiny-button.tiny-button--primary.is-ghost:focus{color:var(--ti-button-primary-ghost-hover-text-color);fill:var(--ti-button-primary-ghost-hover-text-color);border-color:var(--ti-button-primary-ghost-hover-border-color);background-color:transparent;outline:0}.tiny-button.tiny-button--primary.is-ghost.is-disabled,.tiny-button.tiny-button--primary.is-ghost.is-disabled:active,.tiny-button.tiny-button--primary.is-ghost.is-disabled:focus,.tiny-button.tiny-button--primary.is-ghost.is-disabled:hover{color:var(--ti-button-primary-ghost-disabled-text-color);fill:var(--ti-button-primary-ghost-disabled-text-color);border-color:var(--ti-button-primary-ghost-disabled-border-color);background-color:transparent}.tiny-button.tiny-button--primary.is-only-icon.is-disabled{border-color:var(--ti-button-only-icon-disabled-border-color)}.tiny-button.tiny-button--primary.is-loading.is-disabled{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--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--success.is-ghost{color:var(--ti-button-success-ghost-text-color);fill:var(--ti-button-success-ghost-text-color);border-color:var(--ti-button-success-ghost-border-color);background-color:transparent}.tiny-button.tiny-button--success.is-ghost:hover{color:var(--ti-button-success-ghost-hover-text-color);fill:var(--ti-button-success-ghost-hover-text-color);border-color:var(--ti-button-success-ghost-hover-border-color);background-color:transparent}.tiny-button.tiny-button--success.is-ghost.is-active,.tiny-button.tiny-button--success.is-ghost:active,.tiny-button.tiny-button--success.is-ghost:focus{color:var(--ti-button-success-ghost-hover-text-color);fill:var(--ti-button-success-ghost-hover-text-color);border-color:var(--ti-button-success-ghost-hover-border-color);background-color:transparent;outline:0}.tiny-button.tiny-button--success.is-ghost.is-disabled,.tiny-button.tiny-button--success.is-ghost.is-disabled:active,.tiny-button.tiny-button--success.is-ghost.is-disabled:focus,.tiny-button.tiny-button--success.is-ghost.is-disabled:hover{color:var(--ti-button-success-ghost-disabled-text-color);fill:var(--ti-button-success-ghost-disabled-text-color);border-color:var(--ti-button-success-ghost-disabled-border-color);background-color:transparent}.tiny-button.tiny-button--success.is-only-icon.is-disabled{border-color:var(--ti-button-only-icon-disabled-border-color)}.tiny-button.tiny-button--success.is-loading.is-disabled{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--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--warning.is-ghost{color:var(--ti-button-warning-ghost-text-color);fill:var(--ti-button-warning-ghost-text-color);border-color:var(--ti-button-warning-ghost-border-color);background-color:transparent}.tiny-button.tiny-button--warning.is-ghost:hover{color:var(--ti-button-warning-ghost-hover-text-color);fill:var(--ti-button-warning-ghost-hover-text-color);border-color:var(--ti-button-warning-ghost-hover-border-color);background-color:transparent}.tiny-button.tiny-button--warning.is-ghost.is-active,.tiny-button.tiny-button--warning.is-ghost:active,.tiny-button.tiny-button--warning.is-ghost:focus{color:var(--ti-button-warning-ghost-hover-text-color);fill:var(--ti-button-warning-ghost-hover-text-color);border-color:var(--ti-button-warning-ghost-hover-border-color);background-color:transparent;outline:0}.tiny-button.tiny-button--warning.is-ghost.is-disabled,.tiny-button.tiny-button--warning.is-ghost.is-disabled:active,.tiny-button.tiny-button--warning.is-ghost.is-disabled:focus,.tiny-button.tiny-button--warning.is-ghost.is-disabled:hover{color:var(--ti-button-warning-ghost-disabled-text-color);fill:var(--ti-button-warning-ghost-disabled-text-color);border-color:var(--ti-button-warning-ghost-disabled-border-color);background-color:transparent}.tiny-button.tiny-button--warning.is-only-icon.is-disabled{border-color:var(--ti-button-only-icon-disabled-border-color)}.tiny-button.tiny-button--warning.is-loading.is-disabled{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--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-ghost{color:var(--ti-button-danger-ghost-text-color);fill:var(--ti-button-danger-ghost-text-color);border-color:var(--ti-button-danger-ghost-border-color);background-color:transparent}.tiny-button.tiny-button--danger.is-ghost:hover{color:var(--ti-button-danger-ghost-hover-text-color);fill:var(--ti-button-danger-ghost-hover-text-color);border-color:var(--ti-button-danger-ghost-hover-border-color);background-color:transparent}.tiny-button.tiny-button--danger.is-ghost.is-active,.tiny-button.tiny-button--danger.is-ghost:active,.tiny-button.tiny-button--danger.is-ghost:focus{color:var(--ti-button-danger-ghost-hover-text-color);fill:var(--ti-button-danger-ghost-hover-text-color);border-color:var(--ti-button-danger-ghost-hover-border-color);background-color:transparent;outline:0}.tiny-button.tiny-button--danger.is-ghost.is-disabled,.tiny-button.tiny-button--danger.is-ghost.is-disabled:active,.tiny-button.tiny-button--danger.is-ghost.is-disabled:focus,.tiny-button.tiny-button--danger.is-ghost.is-disabled:hover{color:var(--ti-button-danger-ghost-disabled-text-color);fill:var(--ti-button-danger-ghost-disabled-text-color);border-color:var(--ti-button-danger-ghost-disabled-border-color);background-color:transparent}.tiny-button.tiny-button--danger.is-only-icon.is-disabled{border-color:var(--ti-button-only-icon-disabled-border-color)}.tiny-button.tiny-button--danger.is-loading.is-disabled{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--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--info.is-ghost{color:var(--ti-button-info-ghost-text-color);fill:var(--ti-button-info-ghost-text-color);border-color:var(--ti-button-info-ghost-border-color);background-color:transparent}.tiny-button.tiny-button--info.is-ghost:hover{color:var(--ti-button-info-ghost-hover-text-color);fill:var(--ti-button-info-ghost-hover-text-color);border-color:var(--ti-button-info-ghost-hover-border-color);background-color:transparent}.tiny-button.tiny-button--info.is-ghost.is-active,.tiny-button.tiny-button--info.is-ghost:active,.tiny-button.tiny-button--info.is-ghost:focus{color:var(--ti-button-info-ghost-hover-text-color);fill:var(--ti-button-info-ghost-hover-text-color);border-color:var(--ti-button-info-ghost-hover-border-color);background-color:transparent;outline:0}.tiny-button.tiny-button--info.is-ghost.is-disabled,.tiny-button.tiny-button--info.is-ghost.is-disabled:active,.tiny-button.tiny-button--info.is-ghost.is-disabled:focus,.tiny-button.tiny-button--info.is-ghost.is-disabled:hover{color:var(--ti-button-info-ghost-disabled-text-color);fill:var(--ti-button-info-ghost-disabled-text-color);border-color:var(--ti-button-info-ghost-disabled-border-color);background-color:transparent}.tiny-button.tiny-button--info.is-only-icon.is-disabled{border-color:var(--ti-button-only-icon-disabled-border-color)}.tiny-button.tiny-button--info.is-loading.is-disabled{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--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--large.is-only-icon{min-width:unset}.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.tiny-button--medium.is-only-icon{min-width:unset}.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.is-only-icon{min-width:unset}.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--small.is-only-icon{min-width:unset}.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--text.tiny-button.tiny-button--mini.is-only-icon{min-width:unset}.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
@@ -5,7 +5,6 @@ export const tinyButtonSmbTheme = {
5
5
  'ti-button-text-color': 'var(--ti-common-color-text-highlight)',
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
- 'ti-button-normal-hover-border-color': 'var(--ti-common-color-border)',
9
8
  'ti-button-normal-disabled-border-color': 'transparent',
10
9
  'ti-common-color-primary-disabled-border': 'transparent',
11
10
  'ti-common-color-success-disabled-border': 'transparent',
@@ -72,5 +71,8 @@ export const tinyButtonSmbTheme = {
72
71
  'ti-button-only-icon-border-radius': '6px',
73
72
  'ti-button-only-icon-border-color': '#c2c2c2',
74
73
  'ti-button-only-icon-hover-border-color': '#191919',
75
- 'ti-button-only-icon-disabled-border-color': '#dbdbdb'
74
+ 'ti-button-only-icon-disabled-border-color': '#dbdbdb',
75
+ 'ti-button-ghost-disabled-text-color': '#c2c2c2',
76
+ 'ti-button-ghost-disabled-border-color': '#dbdbdb',
77
+ 'ti-button-ghost-hover-border-color': '#c2c2c2'
76
78
  }
package/button-group/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-button-group{--ti-button-group-border-color:var(--ti-common-color-line-normal, #adb0b8);--ti-button-group-border-weight:0;--ti-button-group-border-radius:var(--ti-common-border-radius-normal, 2px);--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, #5e7ce0);--ti-button-group-info-border-color:var(--ti-common-color-light, #fff);--ti-button-group-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-group-item-bg-color:#e9edfa;--ti-button-group-item-btn-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-button-group-item-btn-width:var(--ti-common-size-width-normal, 80px);--ti-button-group-item-btn-height:var(--ti-common-size-height-normal, 28px);--ti-button-group-item-btn-font-size:var(--ti-common-font-size-base, 12px);--ti-button-group-item-btn-disabled-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-button-group-item-btn-disabled-border-color:var(--ti-common-color-border, #adb0b8);--ti-button-group-item-btn-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-group-item-btn-hover-bg-color:#beccfa;--ti-button-group-item-btn-hover-border-color:var(--ti-common-color-primary-hover, #7693f5);--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, #344899);--ti-button-group-item-btn-plain-bg-color:var(--ti-common-color-prompt-bg, #ebf6ff);--ti-button-group-item-btn-plain-border-color:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-button-group-item-active-bg-color:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-button-group-item-btn-active-hover-bg-color:#beccfa;--ti-button-group-plain-active-text-color:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-button-group-item-active-disabled-bg-color:#dfe1e6;--ti-button-group-item-active-text-color:var(--ti-common-color-light, #fff);--ti-button-group-item-li-margin-right:2px;--ti-button-group-item-li-margin-bottom:var(--ti-common-space-base, 4px);--ti-button-group-item-active-border-color:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-button-group-active-hover-border-color:var(--ti-common-color-primary-hover, #7693f5);--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, 0px);--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, #7693f5);--ti-button-group-no-border-disabled-bg-color:#ffffff;--ti-button-group-mini-padding-horizontal:var(--ti-common-space-3x, 12px);--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, 16px);--ti-button-group-item-sup-font-color:var(--ti-common-color-text-white, #fff);--ti-button-group-item-sup-font-size:var(--ti-common-font-size-base, 12px);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-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, #adb0b8);--ti-button-group-border-weight:0;--ti-button-group-border-radius:var(--ti-common-border-radius-normal, 2px);--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, #5e7ce0);--ti-button-group-info-border-color:var(--ti-common-color-light, #fff);--ti-button-group-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-group-item-bg-color:#e9edfa;--ti-button-group-item-btn-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-button-group-item-btn-width:var(--ti-common-size-width-normal, 80px);--ti-button-group-item-btn-height:var(--ti-common-size-height-normal, 28px);--ti-button-group-item-btn-font-size:var(--ti-common-font-size-base, 12px);--ti-button-group-item-btn-disabled-bg-color:var(--ti-common-color-bg-disabled, #f5f5f6);--ti-button-group-item-btn-disabled-border-color:var(--ti-common-color-border, #adb0b8);--ti-button-group-item-btn-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-button-group-item-btn-hover-bg-color:#beccfa;--ti-button-group-item-btn-hover-border-color:var(--ti-common-color-primary-hover, #7693f5);--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, #344899);--ti-button-group-item-btn-plain-bg-color:var(--ti-common-color-prompt-bg, #ebf6ff);--ti-button-group-item-btn-plain-border-color:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-button-group-item-active-bg-color:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-button-group-item-btn-active-hover-bg-color:#beccfa;--ti-button-group-plain-active-text-color:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-button-group-item-active-disabled-bg-color:#dfe1e6;--ti-button-group-item-active-text-color:var(--ti-common-color-light, #fff);--ti-button-group-item-li-margin-right:2px;--ti-button-group-item-li-margin-bottom:var(--ti-common-space-base, 4px);--ti-button-group-item-active-border-color:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-button-group-active-hover-border-color:var(--ti-common-color-primary-hover, #7693f5);--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, 0px);--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, #7693f5);--ti-button-group-no-border-disabled-bg-color:#ffffff;--ti-button-group-mini-padding-horizontal:var(--ti-common-space-3x, 12px);--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, 16px);--ti-button-group-item-sup-font-color:var(--ti-common-color-text-white, #fff);--ti-button-group-item-sup-font-size:var(--ti-common-font-size-base, 12px);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--empty{color:var(--ti-common-color-placeholder)}.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-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-button-group-item-btn-font-size);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/calendar/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-transition-zoom-in-top-enter-active,.tiny-transition-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.tiny-transition-zoom-in-top-enter,.tiny-transition-zoom-in-top-enter-from,.tiny-transition-zoom-in-top-leave-to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center top}.tiny-calendar{--ti-calendar-bg-color:var(--ti-common-color-light, #fff);--ti-calendar-list-item-selected-text-color:var(--ti-common-color-light, #fff);--ti-calendar-hover-text-color:var(--ti-base-color-brand-5, #7693f5);--ti-calendar-border-color:var(--ti-common-color-border, #adb0b8);--ti-calendar-text-color-primary:var(--ti-base-color-brand-6, #5e7ce0);--ti-calendar-background-color-primary:rgba(24, 144, 255, 0.1);--ti-calendar-bg-color-success:var(--ti-common-color-success-normal, #50d4ab);--ti-calendar-bg-color-warning:var(--ti-common-color-warning-normal, #fa9841);--ti-calendar-bg-color-danger:var(--ti-base-color-bg-8, #c7000b);--ti-calendar-text-color-info:var(--ti-common-color-info-normal, #252b3a);--ti-calendar-tool-width:var(--ti-common-size-width-normal, 80px);--ti-calendar-content-heard-font-size:var(--ti-common-font-size-1, 14px);--ti-calendar-selected-border-radius:var(--ti-common-radius-large);--ti-calendar-input-height:var(--ti-common-size-height-normal, 28px);--ti-calendar-selected-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-calendar-input-height:var(--ti-common-size-height-minor);--ti-calendar-input-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-calendar-input-font-size:var(--ti-common-font-size-base, 12px);--ti-calendar-list-item-height:var(--ti-common-size-height-normal, 28px);--ti-calendar-list-item-hover-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-calendar-list-item-selected-bg-color:var(--ti-common-color-selected-background, #5e7ce0);--ti-calendar-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-calendar-disabled-info-bg-color:var(--ti-base-color-bg-5, #f5f5f6);--ti-calendar-disabled-success-bg-color:var(--ti-base-color-bg-5, #f5f5f6);--ti-calendar-disabled-warning-bg-color:var(--ti-base-color-bg-5, #f5f5f6);--ti-calendar-disabled-error-bg-color:var(--ti-base-color-bg-5, #f5f5f6);background:var(--ti-calendar-bg-color);overflow:hidden;margin:10px}.tiny-calendar.is-popover.tiny-popover.tiny-popper{padding:0;margin:2px 0 0}.tiny-calendar .tiny-calendar__header{overflow:hidden;margin-bottom:12px}.tiny-calendar .tiny-calendar__selected{border:1px solid var(--ti-calendar-text-color-primary);background:var(--ti-calendar-background-color-primary);padding:8px;color:var(--ti-calendar-text-color-info);line-height:140%;border-radius:var(--ti-calendar-selected-border-radius);margin-bottom:8px}.tiny-calendar .tiny-calendar__tool{list-style:none;overflow:hidden;float:right;margin-bottom:8px}.tiny-calendar .tiny-calendar__tool>li{float:left;margin-right:8px}.tiny-calendar .tiny-calendar__tool>li>span{display:inline-block}.tiny-calendar .tiny-calendar__tool>li:last-child{margin-left:16px;margin-right:0}.tiny-calendar .tiny-calendar__input{width:var(--ti-calendar-tool-width);position:relative;outline:0}.tiny-calendar .tiny-calendar__input>input{width:100%;height:var(--ti-calendar-input-height);line-height:var(--ti-calendar-input-height);border:1px solid var(--ti-calendar-border-color);color:var(--ti-calendar-text-color-info);border-radius:var(--ti-calendar-input-border-radius);background:var(--ti-calendar-bg-color);font-size:var(--ti-calendar-input-font-size);padding:0 30px 0 8px;display:block;white-space:nowrap;-webkit-transition:border .3s;transition:border .3s;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-calendar .tiny-calendar__input>input.active,.tiny-calendar .tiny-calendar__input>input:active,.tiny-calendar .tiny-calendar__input>input:focus,.tiny-calendar .tiny-calendar__input>input:hover,.tiny-calendar .tiny-calendar__input>input[active]{border:1px solid var(--ti-calendar-text-color-primary)}.tiny-calendar .tiny-calendar__input>input[readonly]{cursor:not-allowed}.tiny-calendar .tiny-calendar__input-btn{bottom:0;right:4px;position:absolute;top:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden;font-size:var(--ti-common-font-size-base);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.tiny-calendar .tiny-calendar__input-btn svg{fill:var(--ti-calendar-text-color-primary)}.tiny-calendar .tiny-calendar__input-btn svg:hover{fill:var(--ti-calendar-hover-text-color)}.tiny-calendar .tiny-calendar__tabs{list-style:none;overflow:hidden}.tiny-calendar .tiny-calendar__tabs>li{position:relative;float:left;width:calc(var(--ti-calendar-tool-width)/ 2);height:var(--ti-calendar-input-height);line-height:var(--ti-calendar-input-height);border:1px solid var(--ti-calendar-border-color);text-align:center;font-size:var(--ti-calendar-input-font-size);font-weight:500;color:var(--ti-calendar-text-color-info);cursor:pointer}.tiny-calendar .tiny-calendar__tabs>li:first-child{border-radius:3px 0 0 3px}.tiny-calendar .tiny-calendar__tabs>li:last-child{margin-left:-1px;border-radius:0 3px 3px 0}.tiny-calendar .tiny-calendar__tabs>li:hover{color:var(--ti-calendar-text-color-primary)}.tiny-calendar .tiny-calendar__tabs>.active{color:var(--ti-calendar-text-color-primary);border:1px solid var(--ti-calendar-text-color-primary);z-index:1}.tiny-calendar .tiny-calendar__main{width:100%;overflow:hidden}.tiny-calendar .tiny-calendar__main table{width:100%}.tiny-calendar .tiny-calendar__main table>tr>th{line-height:18px;padding:0 10px 5px 10px;font-size:var(--ti-calendar-content-heard-font-size);text-align:right;width:100%/7}.tiny-calendar .tiny-calendar__main table>tr>td{text-align:right;padding:0 5px 0 0}.tiny-calendar .tiny-calendar__main.year table>tr>td{width:100%/3}.tiny-calendar .tiny-calendar__day{border-top:3px solid var(--ti-calendar-border-color);margin:0 3px 5px 3px;height:100px;padding:5px}.tiny-calendar .tiny-calendar__day.selected{background:var(--ti-calendar-background-color-primary)}.tiny-calendar .tiny-calendar__day.selected .label{color:var(--ti-calendar-text-color-primary)}.tiny-calendar .tiny-calendar__day:hover{background:var(--ti-calendar-background-color-primary)}.tiny-calendar .tiny-calendar__day.disable{color:var(--ti-calendar-disabled-text-color)}.tiny-calendar .tiny-calendar__day.disable .info:before{background:var(--ti-calendar-disabled-info-bg-color)}.tiny-calendar .tiny-calendar__day.disable .success:before{background:var(--ti-calendar-disabled-success-bg-color)}.tiny-calendar .tiny-calendar__day.disable .warning:before{background:var(--ti-calendar-disabled-warning-bg-color)}.tiny-calendar .tiny-calendar__day.disable .error:before{background:var(--ti-calendar-disabled-error-bg-color)}.tiny-calendar .tiny-calendar__day.this-month,.tiny-calendar .tiny-calendar__day.today{border-color:var(--ti-calendar-text-color-primary)}.tiny-calendar .tiny-calendar__events{text-align:left;height:calc(100% - 18px);overflow-y:auto}.tiny-calendar .tiny-calendar__events .event{margin:5px 10px;cursor:pointer}.tiny-calendar .tiny-calendar__events .event:before{content:'';width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:3px}.tiny-calendar .tiny-calendar__events .info:before{background:var(--ti-calendar-text-color-info)}.tiny-calendar .tiny-calendar__events .success:before{background:var(--ti-calendar-bg-color-success)}.tiny-calendar .tiny-calendar__events .warning:before{background:var(--ti-calendar-bg-color-warning)}.tiny-calendar .tiny-calendar__events .error:before{background:var(--ti-calendar-bg-color-danger)}.tiny-calendar__tip{display:block;min-width:160px}.tiny-calendar__tip-header{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.5);padding:5px 0;font-size:var(--ti-calendar-content-heard-font-size)}.tiny-calendar__tip-year{float:left}.tiny-calendar__tip-hours{float:right}.tiny-calendar__tip-title{margin:5px 0;font-weight:700}.tiny-calendar .tiny-calendar__selector{width:var(--ti-calendar-tool-width);max-height:300px;overflow-y:auto;overflow-x:hidden}.tiny-calendar .tiny-calendar__list-item{min-height:var(--ti-calendar-list-item-height);line-height:var(--ti-calendar-list-item-height);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;color:var(--ti-calendar-text-color-info)}.tiny-calendar .tiny-calendar__list-item:hover{cursor:pointer;background:var(--ti-calendar-list-item-hover-bg-color)}.tiny-calendar .tiny-calendar__list-item.is-selected{background:var(--ti-calendar-list-item-selected-bg-color);color:var(--ti-calendar-list-item-selected-text-color)}
1
+ .tiny-transition-zoom-in-top-enter-active,.tiny-transition-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.tiny-transition-zoom-in-top-enter,.tiny-transition-zoom-in-top-enter-from,.tiny-transition-zoom-in-top-leave-to{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:center top;transform-origin:center top}.tiny-calendar{--ti-calendar-bg-color:var(--ti-common-color-light, #fff);--ti-calendar-list-item-selected-text-color:var(--ti-common-color-light, #fff);--ti-calendar-hover-text-color:var(--ti-base-color-brand-5, #7693f5);--ti-calendar-border-color:var(--ti-common-color-border, #adb0b8);--ti-calendar-text-color-primary:var(--ti-base-color-brand-6, #5e7ce0);--ti-calendar-background-color-primary:rgba(24, 144, 255, 0.1);--ti-calendar-bg-color-success:var(--ti-common-color-success-normal, #50d4ab);--ti-calendar-bg-color-warning:var(--ti-common-color-warning-normal, #fa9841);--ti-calendar-bg-color-danger:var(--ti-base-color-bg-8, #c7000b);--ti-calendar-text-color-info:var(--ti-common-color-info-normal, #252b3a);--ti-calendar-tool-width:var(--ti-common-size-width-normal, 80px);--ti-calendar-content-heard-font-size:var(--ti-common-font-size-1, 14px);--ti-calendar-selected-border-radius:var(--ti-common-radius-large);--ti-calendar-input-height:var(--ti-common-size-height-normal, 28px);--ti-calendar-selected-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-calendar-input-height:var(--ti-common-size-height-minor);--ti-calendar-input-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-calendar-input-font-size:var(--ti-common-font-size-base, 12px);--ti-calendar-list-item-height:var(--ti-common-size-height-normal, 28px);--ti-calendar-list-item-hover-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-calendar-list-item-selected-bg-color:var(--ti-common-color-selected-background, #5e7ce0);--ti-calendar-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-calendar-disabled-info-bg-color:var(--ti-base-color-bg-5, #f5f5f6);--ti-calendar-disabled-success-bg-color:var(--ti-base-color-bg-5, #f5f5f6);--ti-calendar-disabled-warning-bg-color:var(--ti-base-color-bg-5, #f5f5f6);--ti-calendar-disabled-error-bg-color:var(--ti-base-color-bg-5, #f5f5f6);background:var(--ti-calendar-bg-color);overflow:hidden;margin:10px}.tiny-calendar.is-popover.tiny-popover.tiny-popper{padding:0;margin:2px 0 0}.tiny-calendar .tiny-calendar__header{overflow:hidden;margin-bottom:12px}.tiny-calendar .tiny-calendar__selected{border:1px solid var(--ti-calendar-text-color-primary);background:var(--ti-calendar-background-color-primary);padding:8px;color:var(--ti-calendar-text-color-info);line-height:140%;border-radius:var(--ti-calendar-selected-border-radius);margin-bottom:8px}.tiny-calendar .tiny-calendar__tool{list-style:none;overflow:hidden;float:right;margin-bottom:8px}.tiny-calendar .tiny-calendar__tool>li{float:left;margin-right:8px}.tiny-calendar .tiny-calendar__tool>li>span{display:inline-block}.tiny-calendar .tiny-calendar__tool>li:last-child{margin-left:16px;margin-right:0}.tiny-calendar .tiny-calendar__input{width:var(--ti-calendar-tool-width);position:relative;outline:0}.tiny-calendar .tiny-calendar__input>input{width:100%;height:var(--ti-calendar-input-height,28px);line-height:var(--ti-calendar-input-height,28px);border:1px solid var(--ti-calendar-border-color);color:var(--ti-calendar-text-color-info);border-radius:var(--ti-calendar-input-border-radius);background:var(--ti-calendar-bg-color);font-size:var(--ti-calendar-input-font-size);padding:0 30px 0 8px;display:block;white-space:nowrap;-webkit-transition:border .3s;transition:border .3s;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-calendar .tiny-calendar__input>input.active,.tiny-calendar .tiny-calendar__input>input:active,.tiny-calendar .tiny-calendar__input>input:focus,.tiny-calendar .tiny-calendar__input>input:hover,.tiny-calendar .tiny-calendar__input>input[active]{border:1px solid var(--ti-calendar-text-color-primary)}.tiny-calendar .tiny-calendar__input>input[readonly]{cursor:pointer}.tiny-calendar .tiny-calendar__input-btn{bottom:0;right:4px;position:absolute;top:0;outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden;font-size:var(--ti-common-font-size-base);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.tiny-calendar .tiny-calendar__input-btn svg{fill:var(--ti-calendar-text-color-primary)}.tiny-calendar .tiny-calendar__input-btn svg:hover{fill:var(--ti-calendar-hover-text-color)}.tiny-calendar .tiny-calendar__tabs{list-style:none;overflow:hidden}.tiny-calendar .tiny-calendar__tabs>li{position:relative;float:left;width:calc(var(--ti-calendar-tool-width)/ 2);height:var(--ti-calendar-input-height,28px);line-height:var(--ti-calendar-input-height,28px);border:1px solid var(--ti-calendar-border-color);text-align:center;font-size:var(--ti-calendar-input-font-size);font-weight:500;color:var(--ti-calendar-text-color-info);cursor:pointer}.tiny-calendar .tiny-calendar__tabs>li:first-child{border-radius:3px 0 0 3px}.tiny-calendar .tiny-calendar__tabs>li:last-child{margin-left:-1px;border-radius:0 3px 3px 0}.tiny-calendar .tiny-calendar__tabs>li:hover{color:var(--ti-calendar-text-color-primary)}.tiny-calendar .tiny-calendar__tabs>.active{color:var(--ti-calendar-text-color-primary);border:1px solid var(--ti-calendar-text-color-primary);z-index:1}.tiny-calendar .tiny-calendar__main{width:100%;overflow:hidden}.tiny-calendar .tiny-calendar__main table{width:100%}.tiny-calendar .tiny-calendar__main table>tr>th{line-height:18px;padding:0 10px 5px 10px;font-size:var(--ti-calendar-content-heard-font-size);text-align:right;width:100%/7}.tiny-calendar .tiny-calendar__main table>tr>td{text-align:right;padding:0 5px 0 0}.tiny-calendar .tiny-calendar__main.year table>tr>td{width:100%/3}.tiny-calendar .tiny-calendar__day{border-top:3px solid var(--ti-calendar-border-color);margin:0 3px 5px 3px;height:100px;padding:5px}.tiny-calendar .tiny-calendar__day.selected{background:var(--ti-calendar-background-color-primary)}.tiny-calendar .tiny-calendar__day.selected .label{color:var(--ti-calendar-text-color-primary)}.tiny-calendar .tiny-calendar__day:hover{background:var(--ti-calendar-background-color-primary)}.tiny-calendar .tiny-calendar__day.disable{color:var(--ti-calendar-disabled-text-color)}.tiny-calendar .tiny-calendar__day.disable .info:before{background:var(--ti-calendar-disabled-info-bg-color)}.tiny-calendar .tiny-calendar__day.disable .success:before{background:var(--ti-calendar-disabled-success-bg-color)}.tiny-calendar .tiny-calendar__day.disable .warning:before{background:var(--ti-calendar-disabled-warning-bg-color)}.tiny-calendar .tiny-calendar__day.disable .error:before{background:var(--ti-calendar-disabled-error-bg-color)}.tiny-calendar .tiny-calendar__day.this-month,.tiny-calendar .tiny-calendar__day.today{border-color:var(--ti-calendar-text-color-primary)}.tiny-calendar .tiny-calendar__events{text-align:left;height:calc(100% - 18px);overflow-y:auto}.tiny-calendar .tiny-calendar__events .event{margin:5px 10px;cursor:pointer}.tiny-calendar .tiny-calendar__events .event:before{content:'';width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:3px}.tiny-calendar .tiny-calendar__events .info:before{background:var(--ti-calendar-text-color-info)}.tiny-calendar .tiny-calendar__events .success:before{background:var(--ti-calendar-bg-color-success)}.tiny-calendar .tiny-calendar__events .warning:before{background:var(--ti-calendar-bg-color-warning)}.tiny-calendar .tiny-calendar__events .error:before{background:var(--ti-calendar-bg-color-danger)}.tiny-calendar__tip{display:block;min-width:160px}.tiny-calendar__tip-header{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.5);padding:5px 0;font-size:var(--ti-calendar-content-heard-font-size)}.tiny-calendar__tip-year{float:left}.tiny-calendar__tip-hours{float:right}.tiny-calendar__tip-title{margin:5px 0;font-weight:700}.tiny-calendar .tiny-calendar__selector{width:var(--ti-calendar-tool-width);max-height:300px;overflow-y:auto;overflow-x:hidden}.tiny-calendar .tiny-calendar__list-item{min-height:var(--ti-calendar-list-item-height);line-height:var(--ti-calendar-list-item-height);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;color:var(--ti-calendar-text-color-info)}.tiny-calendar .tiny-calendar__list-item:hover{cursor:pointer;background:var(--ti-calendar-list-item-hover-bg-color)}.tiny-calendar .tiny-calendar__list-item.is-selected{background:var(--ti-calendar-list-item-selected-bg-color);color:var(--ti-calendar-list-item-selected-text-color)}
package/carousel/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-transition-carousel-arrow-left-enter,.tiny-transition-carousel-arrow-left-enter-from,.tiny-transition-carousel-arrow-left-leave-to{opacity:0;left:0}.tiny-transition-carousel-arrow-left-enter-active{-webkit-animation:animation-left .3s;animation:animation-left .3s}.tiny-transition-carousel-arrow-left-leave-active{animation:animation-left .3s reverse}.tiny-transition-carousel-arrow-right-enter,.tiny-transition-carousel-arrow-right-enter-from,.tiny-transition-carousel-arrow-right-leave-to{opacity:0;right:0}.tiny-transition-carousel-arrow-right-enter-active{-webkit-animation:animation-right .3s;animation:animation-right .3s}.tiny-transition-carousel-arrow-right-leave-active{animation:animation-right .3s reverse}@-webkit-keyframes animation-right{0%{opacity:0;right:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:16px}}@keyframes animation-right{0%{opacity:0;right:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:16px}}@-webkit-keyframes animation-left{0%{opacity:0;left:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:16px}}@keyframes animation-left{0%{opacity:0;left:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:16px}}.tiny-carousel{--ti-carousel-arrow-height:var(--ti-common-size-height-normal, 28px);--ti-carousel-arrow-width:var(--ti-common-size-7x, 28px);--ti-carousel-arrow-font-size:var(--ti-common-font-size-base, 12px);--ti-carousel-arrow-hover-bg-color:rgba(0, 0, 0, 0.6);--ti-carousel-arrow-bg-color:rgba(0, 0, 0, 0.3);--ti-carousel-arrow-box-shadow:var(--ti-common-shadow-none, none);--ti-carousel-arrow-active-text-color:var(--ti-common-color-light, #fff);--ti-carousel-indicators-bg-color:rgba(3, 2, 2, 0.3);--ti-carousel-indicators-border-radius:13px;--ti-carousel-indicators-height:var(--ti-common-size-4x, 16px);--ti-carousel-indicators-radius-bg-color:rgba(0, 0, 0, 0.3);--ti-carousel-indicator-active-text-color:var(--ti-common-color-light, #fff);--ti-carousel-indicator-button-width:var(--ti-common-size-2x, 8px);--ti-carousel-indicator-button-height:var(--ti-common-size-2x, 8px);--ti-carousel-indicator-button-bg-color:var(--ti-common-color-info-disabled, #bfbfbf);--ti-carousel-indicator-margin-right:var(--ti-common-space-0, 0px);--ti-carousel-indicator-active-width:var(--ti-common-size-3x, 12px);--ti-carousel-indicator-padding-vertical:var(--ti-common-space-0, 0px);--ti-carousel-indicator-padding-horizontal:calc(var(--ti-common-space-1, 1px) * 2);--ti-carousel-indicator-active-transition-property:none;--ti-carousel-indicator-active-background-color:var(--ti-base-color-transparent, transparent);--ti-carousel-indicator-active-button-width:var(--ti-carousel-indicator-button-width);--ti-carousel-indicator-active-border-radius:var(--ti-carousel-indicators-border-radius);--ti-carousel-indicator-active-transition:none;--ti-carousel-outside-button-bg-color:var(--ti-common-color-dark, #000);--ti-carousel-outside-button-active-bg-color:var(--ti-common-color-bg-dark-deep, #464c59);--ti-carousel-labels-button-font-size:var(--ti-common-font-size-base, 12px);--ti-carousel-hover-opacity:0.6;overflow:hidden;position:relative}.tiny-carousel.tiny-carousel--card .tiny-carousel__indicators{display:none}.tiny-carousel__container{position:relative;height:300px}.tiny-carousel__container .tiny-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:var(--ti-carousel-arrow-height);width:var(--ti-carousel-arrow-width);cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%;-webkit-box-shadow:var(--ti-carousel-arrow-box-shadow);box-shadow:var(--ti-carousel-arrow-box-shadow);background-color:var(--ti-carousel-arrow-bg-color);color:var(--ti-carousel-indicator-active-text-color);position:absolute;top:50%;z-index:3;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:var(--ti-carousel-arrow-font-size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.tiny-carousel__container .tiny-carousel__arrow .tiny-svg{fill:var(--ti-carousel-indicator-active-text-color)}.tiny-carousel__container .tiny-carousel__arrow.tiny-carousel__arrow-left{left:16px}.tiny-carousel__container .tiny-carousel__arrow.tiny-carousel__arrow-right{right:16px}.tiny-carousel__container .tiny-carousel__arrow:hover{background-color:var(--ti-carousel-arrow-hover-bg-color)}.tiny-carousel__container .tiny-carousel__arrow i{cursor:pointer}.tiny-carousel .tiny-carousel__indicators{position:absolute;list-style:none;bottom:8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0;padding:0 4px;z-index:2;background:var(--ti-carousel-indicators-bg-color);border-radius:var(--ti-carousel-indicators-border-radius);height:var(--ti-carousel-indicators-height)}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator{display:inline-block;background-color:transparent;padding:var(--ti-carousel-indicator-padding-vertical) var(--ti-carousel-indicator-padding-horizontal);margin-right:var(--ti-carousel-indicator-margin-right);cursor:pointer}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator:hover button{opacity:var(--ti-carousel-hover-opacity)}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator.is-active{width:var(--ti-carousel-indicator-active-width);background-color:var(--ti-carousel-indicator-active-background-color);border-radius:var(--ti-carousel-indicator-active-border-radius);-webkit-transition:var(--ti-carousel-indicator-active-transition);transition:var(--ti-carousel-indicator-active-transition)}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator.is-active button{-webkit-transition-property:var(--ti-carousel-indicator-active-transition-property);transition-property:var(--ti-carousel-indicator-active-transition-property);-webkit-transition-timing-function:cubic-bezier(.16,.75,.5,1);transition-timing-function:cubic-bezier(.16,.75,.5,1);border-radius:var(--ti-carousel-indicator-active-border-radius);background-color:var(--ti-carousel-indicator-active-text-color);width:var(--ti-carousel-indicator-active-button-width)}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator .tiny-carousel__button{display:block;width:var(--ti-carousel-indicator-button-width);height:var(--ti-carousel-indicator-button-height);background-color:var(--ti-carousel-indicator-button-bg-color);border:none;outline:0;padding:0;margin:0;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__button._radius{height:8px;width:8px;border-radius:50%;background-color:var(--ti-carousel-indicators-radius-bg-color)}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-outside{bottom:26px;text-align:center;position:static;-webkit-transform:none;transform:none;margin-top:16px;background:0 0}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-outside button{background-color:var(--ti-carousel-outside-button-bg-color)}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-outside .tiny-carousel__indicator:hover button{opacity:.6}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-outside .tiny-carousel__indicator.is-active button{background-color:var(--ti-carousel-outside-button-active-bg-color)}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-labels{left:0;right:0;-webkit-transform:none;transform:none;text-align:center}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-labels .tiny-carousel__button{padding:2px 18px;font-size:var(--ti-carousel-labels-button-font-size)}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-labels .tiny-carousel__indicator{padding:6px 4px}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-title{left:auto;right:12px;bottom:3px;-webkit-transform:none;transform:none;background:0 0}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-vertical{left:12px;right:0;bottom:50%;width:16px;height:56px;-webkit-transform:translateY(50%);transform:translateY(50%);padding:2px 4px}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-vertical .tiny-carousel__indicator{display:block;margin:4px 0;padding:0}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-vertical .tiny-carousel__indicator:first-child{padding-left:0}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-vertical .tiny-carousel__indicator:last-child{padding-right:0}.tiny-carousel .tiny-carousel__indicators:not(.tiny-carousel__indicators-vertical){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
1
+ .tiny-transition-carousel-arrow-left-enter,.tiny-transition-carousel-arrow-left-enter-from,.tiny-transition-carousel-arrow-left-leave-to{opacity:0;left:0}.tiny-transition-carousel-arrow-left-enter-active{-webkit-animation:animation-left .3s;animation:animation-left .3s}.tiny-transition-carousel-arrow-left-leave-active{animation:animation-left .3s reverse}.tiny-transition-carousel-arrow-right-enter,.tiny-transition-carousel-arrow-right-enter-from,.tiny-transition-carousel-arrow-right-leave-to{opacity:0;right:0}.tiny-transition-carousel-arrow-right-enter-active{-webkit-animation:animation-right .3s;animation:animation-right .3s}.tiny-transition-carousel-arrow-right-leave-active{animation:animation-right .3s reverse}@-webkit-keyframes animation-right{0%{opacity:0;right:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:16px}}@keyframes animation-right{0%{opacity:0;right:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:16px}}@-webkit-keyframes animation-left{0%{opacity:0;left:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:16px}}@keyframes animation-left{0%{opacity:0;left:0}100%{opacity:1;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:16px}}.tiny-carousel{--ti-carousel-arrow-height:var(--ti-common-size-height-normal, 28px);--ti-carousel-arrow-width:var(--ti-common-size-7x, 28px);--ti-carousel-arrow-font-size:var(--ti-common-font-size-base, 12px);--ti-carousel-arrow-hover-bg-color:rgba(0, 0, 0, 0.6);--ti-carousel-arrow-bg-color:rgba(0, 0, 0, 0.3);--ti-carousel-arrow-box-shadow:var(--ti-common-shadow-none, none);--ti-carousel-arrow-text-color:var(--ti-common-color-light, #fff);--ti-carousel-arrow-active-text-color:var(--ti-common-color-light, #fff);--ti-carousel-indicators-bg-color:rgba(3, 2, 2, 0.3);--ti-carousel-indicators-border-radius:13px;--ti-carousel-indicators-height:var(--ti-common-size-4x, 16px);--ti-carousel-indicators-radius-bg-color:rgba(0, 0, 0, 0.3);--ti-carousel-indicator-active-text-color:var(--ti-common-color-light, #fff);--ti-carousel-indicator-button-width:var(--ti-common-size-2x, 8px);--ti-carousel-indicator-button-height:var(--ti-common-size-2x, 8px);--ti-carousel-indicator-button-bg-color:var(--ti-common-color-info-disabled, #bfbfbf);--ti-carousel-indicator-margin-right:var(--ti-common-space-0, 0px);--ti-carousel-indicator-active-width:var(--ti-common-size-3x, 12px);--ti-carousel-indicator-padding-vertical:var(--ti-common-space-0, 0px);--ti-carousel-indicator-padding-horizontal:calc(var(--ti-common-space-1, 1px) * 2);--ti-carousel-indicator-active-transition-property:none;--ti-carousel-indicator-active-background-color:var(--ti-base-color-transparent, transparent);--ti-carousel-indicator-active-button-width:var(--ti-carousel-indicator-button-width);--ti-carousel-indicator-active-border-radius:var(--ti-carousel-indicators-border-radius);--ti-carousel-indicator-active-transition:none;--ti-carousel-outside-button-bg-color:var(--ti-common-color-dark, #000);--ti-carousel-outside-button-active-bg-color:var(--ti-common-color-bg-dark-deep, #464c59);--ti-carousel-labels-button-font-size:var(--ti-common-font-size-base, 12px);--ti-carousel-opacity:1;--ti-carousel-hover-opacity:0.6;overflow:hidden;position:relative}.tiny-carousel.tiny-carousel--card .tiny-carousel__indicators{display:none}.tiny-carousel__container{position:relative;height:300px}.tiny-carousel__container .tiny-carousel__arrow{border:none;outline:0;padding:0;margin:0;height:var(--ti-carousel-arrow-height);width:var(--ti-carousel-arrow-width);cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%;-webkit-box-shadow:var(--ti-carousel-arrow-box-shadow);box-shadow:var(--ti-carousel-arrow-box-shadow);background-color:var(--ti-carousel-arrow-bg-color);color:var(--ti-carousel-indicator-active-text-color);position:absolute;top:50%;z-index:3;-webkit-transform:translateY(-50%);transform:translateY(-50%);text-align:center;font-size:var(--ti-carousel-arrow-font-size);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;opacity:var(--ti-carousel-opacity)}.tiny-carousel__container .tiny-carousel__arrow .tiny-svg{fill:var(--ti-carousel-indicator-active-text-color)}.tiny-carousel__container .tiny-carousel__arrow.tiny-carousel__arrow-left{left:16px;color:var(--ti-carousel-arrow-text-color)}.tiny-carousel__container .tiny-carousel__arrow.tiny-carousel__arrow-right{right:16px}.tiny-carousel__container .tiny-carousel__arrow:hover{background-color:var(--ti-carousel-arrow-hover-bg-color)}.tiny-carousel__container .tiny-carousel__arrow i{cursor:pointer}.tiny-carousel .tiny-carousel__indicators{position:absolute;list-style:none;bottom:8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:0;padding:0 4px;z-index:2;background:var(--ti-carousel-indicators-bg-color);border-radius:var(--ti-carousel-indicators-border-radius);height:var(--ti-carousel-indicators-height)}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator{display:inline-block;background-color:transparent;padding:var(--ti-carousel-indicator-padding-vertical) var(--ti-carousel-indicator-padding-horizontal);margin-right:var(--ti-carousel-indicator-margin-right);cursor:pointer}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator:hover button{opacity:var(--ti-carousel-hover-opacity)}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator.is-active{width:var(--ti-carousel-indicator-active-width);background-color:var(--ti-carousel-indicator-active-background-color);border-radius:var(--ti-carousel-indicator-active-border-radius);-webkit-transition:var(--ti-carousel-indicator-active-transition);transition:var(--ti-carousel-indicator-active-transition)}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator.is-active button{-webkit-transition-property:var(--ti-carousel-indicator-active-transition-property);transition-property:var(--ti-carousel-indicator-active-transition-property);-webkit-transition-timing-function:cubic-bezier(.16,.75,.5,1);transition-timing-function:cubic-bezier(.16,.75,.5,1);border-radius:var(--ti-carousel-indicator-active-border-radius);background-color:var(--ti-carousel-indicator-active-text-color);width:var(--ti-carousel-indicator-active-button-width)}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__indicator .tiny-carousel__button{display:block;width:var(--ti-carousel-indicator-button-width);height:var(--ti-carousel-indicator-button-height);background-color:var(--ti-carousel-indicator-button-bg-color);border:none;outline:0;padding:0;margin:0;cursor:pointer;-webkit-transition:.3s;transition:.3s;border-radius:50%}.tiny-carousel .tiny-carousel__indicators .tiny-carousel__button._radius{height:8px;width:8px;border-radius:50%;background-color:var(--ti-carousel-indicators-radius-bg-color)}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-outside{bottom:26px;text-align:center;position:static;-webkit-transform:none;transform:none;margin-top:16px;background:0 0}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-outside button{background-color:var(--ti-carousel-outside-button-bg-color)}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-outside .tiny-carousel__indicator:hover button{opacity:.6}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-outside .tiny-carousel__indicator.is-active button{background-color:var(--ti-carousel-outside-button-active-bg-color)}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-labels{left:0;right:0;-webkit-transform:none;transform:none;text-align:center}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-labels .tiny-carousel__button{padding:2px 18px;font-size:var(--ti-carousel-labels-button-font-size)}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-labels .tiny-carousel__indicator{padding:6px 4px}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-title{left:auto;right:12px;bottom:3px;-webkit-transform:none;transform:none;background:0 0}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-vertical{left:12px;right:0;bottom:50%;width:16px;height:56px;-webkit-transform:translateY(50%);transform:translateY(50%);padding:2px 4px}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-vertical .tiny-carousel__indicator{display:block;margin:4px 0;padding:0}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-vertical .tiny-carousel__indicator:first-child{padding-left:0}.tiny-carousel .tiny-carousel__indicators.tiny-carousel__indicators-vertical .tiny-carousel__indicator:last-child{padding-right:0}.tiny-carousel .tiny-carousel__indicators:not(.tiny-carousel__indicators-vertical){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
package/carousel/smb-theme.js ADDED
@@ -0,0 +1,22 @@
1
+ export const tinyCarouselSmbTheme = {
2
+ // SMB主题
3
+ 'ti-carousel-arrow-height': 'var(--ti-common-size-8x)',
4
+ 'ti-carousel-arrow-width': 'var(--ti-common-size-8x)',
5
+ 'ti-carousel-arrow-font-size': 'var(--ti-common-font-size-2)',
6
+ 'ti-carousel-arrow-bg-color': 'var(--ti-common-color-dark)',
7
+ 'ti-carousel-indicator-active-text-color': 'var(--ti-common-color-text-weaken)',
8
+ 'ti-carousel-arrow-text-color': 'var(--ti-common-color-text-weaken)',
9
+ 'ti-carousel-arrow-hover-text-color': 'var(--ti-common-color-primary-normal)',
10
+ 'ti-carousel-arrow-disabled-text-color': 'var(--ti-common-color-text-link-darkbg-hover)',
11
+ 'ti-carousel-indicator-active-button-width': 'var(--ti-common-size-5x)',
12
+ 'ti-carousel-indicator-active-background-color': 'var(--ti-common-color-primary-active)',
13
+ 'ti-carousel-indicator-button-bg-color': 'var(--ti-common-color-primary-active)',
14
+ 'ti-carousel-outside-button-active-bg-color': 'var(--ti-common-color-primary-active)',
15
+ 'ti-carousel-indicator-active-border-radius': 'var(--ti-common-space-base)',
16
+ 'ti-carousel-indicator-padding-horizontal': 'var(--ti-common-space-0)',
17
+ 'ti-carousel-indicator-margin-right': 'var(--ti-common-space-10)',
18
+ 'ti-carousel-indicator-active-width': 'var(--ti-common-size-5x)',
19
+ 'ti-carousel-indicators-bg-color': 'none',
20
+ 'ti-carousel-opacity': '0.5',
21
+ 'ti-carousel-hover-opacity': '0.8'
22
+ }
package/carousel-item/smb-theme.js ADDED
@@ -0,0 +1,4 @@
1
+ export const tinyCarouselItemSmbTheme = {
2
+ // SMB主题
3
+ 'ti-carousel-item-title-bg-color': 'var(--ti-common-color-bg-dark-disabled)'
4
+ }
package/color-picker/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-color-picker{position:relative;width:32px;height:32px;border-radius:var(--ti-color-picker-border-radius-sm);border:var(--ti-color-picker-border-weight) solid var(--ti-color-picker-border-color);-webkit-box-sizing:content-box;box-sizing:content-box;padding:var(--ti-color-picker-padding-vertical) var(--ti-color-picker-padding-horizontal);cursor:pointer;--ti-color-picker-bg-color:var(--ti-common-color-transparent, transparent);--ti-color-picker-border-color:var(--ti-base-color-common-2, #adb0b8);--ti-color-picker-border-weight:var(--ti-common-border-weight-normal, 1px);--ti-color-picker-border-radius-xs:var(--ti-common-border-radius-normal, 2px);--ti-color-picker-border-radius-sm:var(--ti-common-border-radius-1, 4px);--ti-color-picker-border-radius:var(--ti-common-border-radius-2, 8px);--ti-color-picker-padding-vertical:var(--ti-common-space-base, 4px);--ti-color-picker-padding-horizontal:var(--ti-common-space-base, 4px);--ti-color-picker-spacing-2x:var(--ti-common-space-2x, 8px);--ti-color-picker-shadow:var(--ti-common-shadow-2-down, 0 2px 8px 0 rgba(0, 0, 0, 0.2));--ti-color-picker__select__wrapper-zindex:1000;--ti-color-picker__wrapper-bg:var(--ti-common-color-bg-white-emphasize, #f2f5fc);--ti-color-picker-size-large-height:var(--ti-common-size-16x, 64px);--ti-color-picker-size-large-width:var(--ti-common-size-16x, 64px);--ti-color-picker-size-medium-height:var(--ti-common-size-12x, 48px);--ti-color-picker-size-medium-width:var(--ti-common-size-12x, 48px);--ti-color-picker-size-small-height:var(--ti-common-size-9x, 36px);--ti-color-picker-size-small-width:var(--ti-common-size-9x, 36px);--ti-color-picker-size-mini-height:var(--ti-common-size-6x, 24px);--ti-color-picker-size-mini-width:var(--ti-common-size-6x, 24px)}.tiny-color-picker__inner{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--ti-color-picker-border-radius-sm);background:var(--ti-color-picker-bg-color)}.tiny-color-picker__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;max-width:300px;z-index:var(--ti-color-picker__select__wrapper-zindex);margin-top:var(--ti-color-picker-spacing);background:var(--ti-color-picker__wrapper-bg);gap:var(--ti-color-picker-spacing);padding:var(--ti-color-picker-spacing-2x);-webkit-box-shadow:var(--ti-color-picker-shadow);box-shadow:var(--ti-color-picker-shadow)}.tiny-color-picker__wrapper__tools{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-color-picker__wrapper__tools .tiny-input{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.tiny-color-picker__wrapper__tools .tiny-button-group{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.tiny-color-picker__wrapper__inner{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.tiny-color-picker__wrapper__inner__color-select{width:280px;height:180px;position:relative}.tiny-color-picker__wrapper__inner__color-select .white{background:-webkit-gradient(linear,left top,right top,from(#fff),to(rgba(255,255,255,0)));background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.tiny-color-picker__wrapper__inner__color-select .black{background:-webkit-gradient(linear,left bottom,left top,from(#000),to(rgba(0,0,0,0)));background:linear-gradient(to top,#000,rgba(0,0,0,0))}.tiny-color-picker__wrapper__inner__color-select .black,.tiny-color-picker__wrapper__inner__color-select .white{position:absolute;inset:0}.tiny-color-picker__wrapper__inner__color-select .cursor{position:absolute;width:12px;height:12px;border-radius:100%;border:1px solid #fff;background:rgba(0,0,0,.15);-webkit-box-shadow:inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006;box-shadow:inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006}.tiny-color-picker__wrapper__inner__hue-select{position:relative;width:18px;border-radius:var(--ti-color-picker-border-radius-xs);background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.tiny-color-picker__wrapper__inner__hue-select div{position:absolute;top:0;width:100%;height:4px;background:#fff;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);border-radius:1px}.tiny-color-picker__wrapper__alpha{position:relative;width:100%;height:20px;border-radius:var(--ti-color-picker-border-radius-xs);margin-top:var(--ti-color-picker-spacing-2x)}.tiny-color-picker__wrapper__alpha__slider{width:100%;height:100%}.tiny-color-picker__wrapper__alpha__thumb{width:4px;height:100%;position:absolute;top:0;left:0;background:#fff;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);border-radius:1px}.tiny-color-picker--large{width:var(--ti-color-picker-size-large-width);height:var(--ti-color-picker-size-large-height)}.tiny-color-picker--small{width:var(--ti-color-picker-size-small-width);height:var(--ti-color-picker-size-small-height)}.tiny-color-picker--medium{width:var(--ti-color-picker-size-medium-width);height:var(--ti-color-picker-size-medium-height)}.tiny-color-picker--mini{width:var(--ti-color-picker-size-mini-width);height:var(--ti-color-picker-size-mini-height)}
1
+ .tiny-color-picker{--ti-color-picker-bg-color:var(--ti-common-color-transparent, transparent);--ti-color-picker-border-color:var(--ti-base-color-common-2, #adb0b8);--ti-color-picker-border-weight:var(--ti-common-border-weight-normal, 1px);--ti-color-picker-border-radius-xs:var(--ti-common-border-radius-normal, 2px);--ti-color-picker-border-radius-sm:var(--ti-common-border-radius-1, 4px);--ti-color-picker-border-radius:var(--ti-common-border-radius-2, 8px);--ti-color-picker-padding-vertical:var(--ti-common-space-base, 4px);--ti-color-picker-padding-horizontal:var(--ti-common-space-base, 4px);--ti-color-picker-spacing-2x:var(--ti-common-space-2x, 8px);--ti-color-picker-shadow:var(--ti-common-shadow-2-down, 0 2px 8px 0 rgba(0, 0, 0, 0.2));--ti-color-picker__select__wrapper-zindex:1000;--ti-color-picker__wrapper-bg:var(--ti-common-color-bg-white-emphasize, #f2f5fc);--ti-color-picker-size-large-height:var(--ti-common-size-16x, 64px);--ti-color-picker-size-large-width:var(--ti-common-size-16x, 64px);--ti-color-picker-size-medium-height:var(--ti-common-size-12x, 48px);--ti-color-picker-size-medium-width:var(--ti-common-size-12x, 48px);--ti-color-picker-size-small-height:var(--ti-common-size-9x, 36px);--ti-color-picker-size-small-width:var(--ti-common-size-9x, 36px);--ti-color-picker-size-mini-height:var(--ti-common-size-6x, 24px);--ti-color-picker-size-mini-width:var(--ti-common-size-6x, 24px);position:relative;width:32px;height:32px;border-radius:var(--ti-color-picker-border-radius-sm);border:var(--ti-color-picker-border-weight) solid var(--ti-color-picker-border-color);-webkit-box-sizing:content-box;box-sizing:content-box;padding:var(--ti-color-picker-padding-vertical) var(--ti-color-picker-padding-horizontal);cursor:pointer}.tiny-color-picker__inner{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--ti-color-picker-border-radius-sm);background:var(--ti-color-picker-bg-color)}.tiny-color-picker__wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;max-width:300px;z-index:var(--ti-color-picker__select__wrapper-zindex);margin-top:var(--ti-color-picker-spacing);background:var(--ti-color-picker__wrapper-bg);gap:var(--ti-color-picker-spacing);padding:var(--ti-color-picker-spacing-2x);-webkit-box-shadow:var(--ti-color-picker-shadow);box-shadow:var(--ti-color-picker-shadow)}.tiny-color-picker__wrapper__tools{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-color-picker__wrapper__tools .tiny-input{-webkit-box-flex:1;-ms-flex:1 0 0px;flex:1 0 0}.tiny-color-picker__wrapper__tools .tiny-button-group{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto}.tiny-color-picker__wrapper__inner{display:-webkit-box;display:-ms-flexbox;display:flex;gap:12px}.tiny-color-picker__wrapper__inner__color-select{width:280px;height:180px;position:relative}.tiny-color-picker__wrapper__inner__color-select .white{background:-webkit-gradient(linear,left top,right top,from(#fff),to(rgba(255,255,255,0)));background:linear-gradient(to right,#fff,rgba(255,255,255,0))}.tiny-color-picker__wrapper__inner__color-select .black{background:-webkit-gradient(linear,left bottom,left top,from(#000),to(rgba(0,0,0,0)));background:linear-gradient(to top,#000,rgba(0,0,0,0))}.tiny-color-picker__wrapper__inner__color-select .black,.tiny-color-picker__wrapper__inner__color-select .white{position:absolute;inset:0}.tiny-color-picker__wrapper__inner__color-select .cursor{position:absolute;width:12px;height:12px;border-radius:100%;border:1px solid #fff;background:rgba(0,0,0,.15);-webkit-box-shadow:inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006;box-shadow:inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006}.tiny-color-picker__wrapper__inner__hue-select{position:relative;width:18px;border-radius:var(--ti-color-picker-border-radius-xs);background:-webkit-gradient(linear,left top,left bottom,from(red),color-stop(17%,#ff0),color-stop(33%,#0f0),color-stop(50%,#0ff),color-stop(67%,#00f),color-stop(83%,#f0f),to(red));background:linear-gradient(to bottom,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.tiny-color-picker__wrapper__inner__hue-select div{position:absolute;top:0;width:100%;height:4px;background:#fff;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);border-radius:1px}.tiny-color-picker__wrapper__alpha{position:relative;width:100%;height:20px;border-radius:var(--ti-color-picker-border-radius-xs);margin-top:var(--ti-color-picker-spacing-2x)}.tiny-color-picker__wrapper__alpha__slider{width:100%;height:100%}.tiny-color-picker__wrapper__alpha__thumb{width:4px;height:100%;position:absolute;top:0;left:0;background:#fff;-webkit-box-shadow:0 0 2px rgba(0,0,0,.6);box-shadow:0 0 2px rgba(0,0,0,.6);border-radius:1px}.tiny-color-picker--large{width:var(--ti-color-picker-size-large-width);height:var(--ti-color-picker-size-large-height)}.tiny-color-picker--small{width:var(--ti-color-picker-size-small-width);height:var(--ti-color-picker-size-small-height)}.tiny-color-picker--medium{width:var(--ti-color-picker-size-medium-width);height:var(--ti-color-picker-size-medium-height)}.tiny-color-picker--mini{width:var(--ti-color-picker-size-mini-width);height:var(--ti-color-picker-size-mini-height)}
package/divider/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-divider{--ti-divider-dividing-line:1px solid var(--ti-common-color-border, #adb0b8);--ti-divider-text-bg-color:var(--ti-base-color-bg-1, #ffffff);--ti-divider-text-color:var(--ti-common-color-text-primary, #252b3a);position:relative}.tiny-divider.tiny-divider--horizontal{display:block;height:1px;margin:24px 0;border-top:var(--ti-divider-dividing-line)}.tiny-divider.tiny-divider--vertical{display:inline-block;width:1px;height:1em;margin:0 8px;vertical-align:middle;border-left:var(--ti-divider-dividing-line)}.tiny-divider__text{position:absolute;padding:0 20px;font-size:14px;font-weight:500;color:var(--ti-divider-text-color);background-color:var(--ti-divider-text-bg-color)}.tiny-divider__text.is-left{left:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tiny-divider__text.is-center{left:50%;-webkit-transform:translate(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%)}.tiny-divider__text.is-right{right:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
1
+ .tiny-divider{--ti-divider-dividing-line:1px solid var(--ti-common-color-border, #adb0b8);--ti-divider-text-bg-color:var(--ti-base-color-bg-1, #ffffff);--ti-divider-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-divider-horizontal-opacity:0.8;--ti-divider-vertical-opacity:0.8;position:relative}.tiny-divider.tiny-divider--horizontal{display:block;height:1px;margin:24px 0;border-top:var(--ti-divider-dividing-line);opacity:var(--ti-divider-horizontal-opacity)}.tiny-divider.tiny-divider--vertical{display:inline-block;width:1px;height:1em;margin:0 8px;vertical-align:middle;border-left:var(--ti-divider-dividing-line);opacity:var(--ti-divider-vertical-opacity)}.tiny-divider__text{position:absolute;padding:0 20px;font-size:14px;font-weight:500;color:var(--ti-divider-text-color);background-color:var(--ti-divider-text-bg-color)}.tiny-divider__text.is-left{left:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.tiny-divider__text.is-center{left:50%;-webkit-transform:translate(-50%) translateY(-50%);transform:translate(-50%) translateY(-50%)}.tiny-divider__text.is-right{right:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
package/divider/smb-theme.js ADDED
@@ -0,0 +1,7 @@
1
+ export const tinyDialogSelectAuroraTheme = {
2
+ 'ti-divider-dividing-line': 'var(--ti-common-color-dark)',
3
+ 'ti-divider-horizontal-opacity': 0.5,
4
+ 'ti-divider-vertical-opacity': 0.5,
5
+ 'ti-divider-text-color': 'var(--ti-common-color-text-primary)',
6
+ 'ti-divider-text-bg-color': 'var(--ti-base-color-white)'
7
+ }
package/dropdown/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-dropdown{--ti-dropdown-font-size:var(--ti-common-font-size-base, 12px);--ti-dropdown-text-color:var(--ti-common-color-text-link, #526ecc);--ti-dropdown-text-color-hover:var(--ti-common-color-text-link-hover, #344899);--ti-dropdown-line-height:var(--ti-common-line-height-number, 1.5);--ti-dropdown-icon-size:10px;--ti-dropdown-icon-color:var(--ti-common-color-text-link, #526ecc);--ti-dropdown-icon-color-hover:var(--ti-common-color-text-link-hover, #344899);--ti-dropdown-button-icon-color:var(--ti-common-color-icon-white, #fff);--ti-dropdown-button-icon-size:var(--ti-common-font-size-1, 14px);--ti-dropdown-text-color-disabled:var(--ti-common-color-text-disabled, #adb0b8);--ti-dropdown-trigger-svg-margin-left:var(--ti-common-space-base, 4px);--ti-dropdown-caret-button-padding-left:var(--ti-common-space-base, 4px);--ti-dropdown-caret-button-padding-right:var(--ti-common-space-base, 4px);--ti-dropdown-caret-button-min-width:var(--ti-common-size-6x, 24px);--ti-dropdown-caret-line-bg-color:var(--ti-common-color-light, #fff);--ti-dropdown-caret-line-margin-top:var(--ti-common-space-base, 4px);--ti-dropdown-caret-line-margin-bottom:var(--ti-common-space-base, 4px);--ti-dropdown-caret-line-margin-top-hover:var(--ti-common-space-0, 0px);--ti-dropdown-caret-line-margin-bottom-hover:var(--ti-common-space-0, 0px);--ti-dropdown-caret-line-width:var(--ti-common-border-weight-normal, 1px);--ti-dropdown-caret-line-bg-color-default:var(--ti-common-color-line-normal, #adb0b8);--ti-dropdown-caret-line-bg-color-default-hover:var(--ti-common-color-line-active, #5e7ce0);--ti-dropdown-caret-svg-margin-vertical:var(--ti-common-space-0, 0px);--ti-dropdown-caret-svg-margin-horizontal:var(--ti-common-space-base, 4px);--ti-dropdown-caret-svg-padding-left:var(--ti-common-space-0, 0px);--ti-dropdown-title-button-padding-right:var(--ti-common-space-5x, 20px);--ti-dropdown-title-button-padding-left:var(--ti-common-space-5x, 20px);display:inline-block;position:relative;color:var(--ti-dropdown-text-color);font-size:var(--ti-dropdown-font-size)}.tiny-dropdown span{display:inline-block}.tiny-dropdown__trigger .tiny-dropdown__title{line-height:var(--ti-dropdown-line-height)}.tiny-dropdown__trigger .tiny-svg{fill:var(--ti-dropdown-icon-color);font-size:var(--ti-dropdown-icon-size);vertical-align:middle;margin-top:-4px;margin-left:var(--ti-dropdown-trigger-svg-margin-left)}.tiny-dropdown__trigger.tiny-button .tiny-svg{fill:var(--ti-dropdown-button-icon-color);font-size:var(--ti-dropdown-button-icon-size)}.tiny-dropdown__trigger.tiny-button--default .tiny-svg{fill:var(--ti-button-normal-text-color)}.tiny-dropdown__trigger:not(.tiny-dropdown__caret-button):not(.is-disabled):hover{color:var(--ti-dropdown-text-color-hover)}.tiny-dropdown__trigger:not(.tiny-dropdown__caret-button):not(.is-disabled):hover .tiny-svg{fill:var(--ti-dropdown-icon-color-hover)}.tiny-dropdown__trigger.is-disabled{cursor:not-allowed;color:var(--ti-dropdown-text-color-disabled)}.tiny-dropdown__trigger.is-disabled .tiny-svg{fill:var(--ti-dropdown-text-color-disabled)}.tiny-dropdown .tiny-button-group{display:block}.tiny-dropdown .tiny-button-group .tiny-button{float:none}.tiny-dropdown .tiny-button-group .tiny-button--medium+.tiny-button.tiny-button--medium{margin-left:0}.tiny-dropdown .tiny-button-group .tiny-button--small+.tiny-button.tiny-button--small{margin-left:0}.tiny-dropdown .tiny-dropdown__title-button{padding-left:var(--ti-dropdown-title-button-padding-left);padding-right:var(--ti-dropdown-title-button-padding-right)}.tiny-dropdown .tiny-dropdown__title-button.is-disabled.tiny-button--default:hover{z-index:0}.tiny-dropdown .tiny-dropdown__caret-button{padding-left:var(--ti-dropdown-caret-button-padding-left);padding-right:var(--ti-dropdown-caret-button-padding-right);position:relative;border-left:none;min-width:var(--ti-dropdown-caret-button-min-width)}.tiny-dropdown .tiny-dropdown__caret-button:before{content:'';position:absolute;display:block;width:var(--ti-dropdown-caret-line-width);top:0;bottom:0;left:0;margin-top:var(--ti-dropdown-caret-line-margin-top);margin-bottom:var(--ti-dropdown-caret-line-margin-bottom);background-color:var(--ti-dropdown-caret-line-bg-color)}.tiny-dropdown .tiny-dropdown__caret-button.tiny-button--default:before{background:var(--ti-dropdown-caret-line-bg-color-default)}.tiny-dropdown .tiny-dropdown__caret-button.tiny-button--default:hover:not(.is-disabled):before{background-color:var(--ti-dropdown-caret-line-bg-color-default-hover)}.tiny-dropdown .tiny-dropdown__caret-button:hover:not(.is-disabled):before{margin-top:var(--ti-dropdown-caret-line-margin-top-hover);margin-bottom:var(--ti-dropdown-caret-line-margin-bottom-hover)}.tiny-dropdown .tiny-dropdown__caret-button svg{padding-left:var(--ti-dropdown-caret-svg-padding-left);margin:var(--ti-dropdown-caret-svg-margin-vertical) var(--ti-dropdown-caret-svg-margin-horizontal)}.tiny-dropdown .tiny-dropdown-selfdefine:focus:active,.tiny-dropdown .tiny-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.tiny-dropdown:hover{cursor:pointer}.tiny-dropdown--visible{-webkit-transform:scaleY(-1);transform:scaleY(-1);-webkit-transform-origin:center;transform-origin:center}
1
+ .tiny-dropdown{--ti-dropdown-font-size:var(--ti-common-font-size-base, 12px);--ti-dropdown-text-color:var(--ti-common-color-text-link, #526ecc);--ti-dropdown-text-color-hover:var(--ti-common-color-text-link-hover, #344899);--ti-dropdown-line-height:var(--ti-common-line-height-number, 1.5);--ti-dropdown-icon-size:10px;--ti-dropdown-icon-color:var(--ti-common-color-text-link, #526ecc);--ti-dropdown-icon-color-hover:var(--ti-common-color-text-link-hover, #344899);--ti-dropdown-trigger-only-svg-width:var(--ti-common-size-5x);--ti-dropdown-trigger-only-svg-height:var(--ti-common-size-5x);--ti-dropdown-trigger-only-svg-hover-bg-color:var(--ti-common-color-bg-white-emphasize, #f2f5fc);--ti-dropdown-trigger-only-svg-hover-radius:var(--ti-common-border-radius-normal);--ti-dropdown-button-icon-color:var(--ti-common-color-icon-white, #fff);--ti-dropdown-button-icon-size:var(--ti-common-font-size-1, 14px);--ti-dropdown-text-color-disabled:var(--ti-common-color-text-disabled, #adb0b8);--ti-dropdown-trigger-title-margin-right:var(--ti-common-space-base, 4px);--ti-dropdown-trigger-svg-margin-left:var(--ti-common-space-base, 4px);--ti-dropdown-trigger-svg-margin-top:1px;--ti-dropdown-trigger-svg-margin-bottom:1px;--ti-dropdown-caret-button-padding-left:var(--ti-common-space-base, 4px);--ti-dropdown-caret-button-padding-right:var(--ti-common-space-base, 4px);--ti-dropdown-caret-button-min-width:var(--ti-common-size-6x, 24px);--ti-dropdown-caret-line-bg-color:var(--ti-common-color-light, #fff);--ti-dropdown-caret-line-margin-top:var(--ti-common-space-base, 4px);--ti-dropdown-caret-line-margin-bottom:var(--ti-common-space-base, 4px);--ti-dropdown-caret-line-margin-top-hover:var(--ti-common-space-0, 0px);--ti-dropdown-caret-line-margin-bottom-hover:var(--ti-common-space-0, 0px);--ti-dropdown-caret-line-width:var(--ti-common-border-weight-normal, 1px);--ti-dropdown-caret-line-bg-color-default:var(--ti-common-color-line-normal, #adb0b8);--ti-dropdown-caret-line-bg-color-default-hover:var(--ti-common-color-line-active, #5e7ce0);--ti-dropdown-caret-svg-margin-vertical:var(--ti-common-space-0, 0px);--ti-dropdown-caret-svg-margin-horizontal:var(--ti-common-space-base, 4px);--ti-dropdown-caret-svg-padding-left:var(--ti-common-space-0, 0px);--ti-dropdown-title-button-padding-right:var(--ti-common-space-5x, 20px);--ti-dropdown-title-button-padding-left:var(--ti-common-space-5x, 20px);display:inline-block;position:relative;color:var(--ti-dropdown-text-color);font-size:var(--ti-dropdown-font-size)}.tiny-dropdown span{display:inline-block}.tiny-dropdown .tiny-dropdown__trigger:not(.tiny-button){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-dropdown .tiny-dropdown__trigger:not(.tiny-button) .tiny-svg{margin-top:var(--ti-dropdown-trigger-svg-margin-top);margin-bottom:var(--ti-dropdown-trigger-svg-margin-bottom);vertical-align:top}.tiny-dropdown .tiny-dropdown__trigger:not(.tiny-button):not(:has(.tiny-dropdown__title))>.tiny-dropdown__suffix-inner .tiny-svg{width:var(--ti-dropdown-trigger-only-svg-width);height:var(--ti-dropdown-trigger-only-svg-height);margin:2px}.tiny-dropdown .tiny-dropdown__trigger:not(.tiny-button):not(:has(.tiny-dropdown__title))>.tiny-dropdown__suffix-inner:hover{background-color:var(--ti-dropdown-trigger-only-svg-hover-bg-color);border-radius:var(--ti-dropdown-trigger-only-svg-hover-radius)}.tiny-dropdown .tiny-dropdown__trigger .tiny-dropdown__title{line-height:var(--ti-dropdown-line-height);margin-right:var(--ti-dropdown-trigger-title-margin-right)}.tiny-dropdown .tiny-dropdown__trigger .tiny-svg{fill:var(--ti-dropdown-icon-color);font-size:var(--ti-dropdown-icon-size)}.tiny-dropdown .tiny-dropdown__trigger.tiny-button .tiny-svg{fill:var(--ti-dropdown-button-icon-color);font-size:var(--ti-dropdown-button-icon-size);margin-left:var(--ti-dropdown-trigger-svg-margin-left)}.tiny-dropdown .tiny-dropdown__trigger.tiny-button--default .tiny-svg{fill:var(--ti-button-normal-text-color)}.tiny-dropdown .tiny-dropdown__trigger:not(.tiny-dropdown__caret-button):not(.is-disabled):hover{color:var(--ti-dropdown-text-color-hover)}.tiny-dropdown .tiny-dropdown__trigger:not(.tiny-dropdown__caret-button):not(.is-disabled):hover .tiny-svg{fill:var(--ti-dropdown-icon-color-hover)}.tiny-dropdown .tiny-dropdown__trigger.is-disabled{cursor:not-allowed;color:var(--ti-dropdown-text-color-disabled)}.tiny-dropdown .tiny-dropdown__trigger.is-disabled .tiny-svg{fill:var(--ti-dropdown-text-color-disabled)}.tiny-dropdown .tiny-button-group{display:block}.tiny-dropdown .tiny-button-group .tiny-button{float:none}.tiny-dropdown .tiny-button-group .tiny-button--medium+.tiny-button.tiny-button--medium{margin-left:0}.tiny-dropdown .tiny-button-group .tiny-button--small+.tiny-button.tiny-button--small{margin-left:0}.tiny-dropdown .tiny-dropdown__title-button{padding-left:var(--ti-dropdown-title-button-padding-left);padding-right:var(--ti-dropdown-title-button-padding-right)}.tiny-dropdown .tiny-dropdown__title-button.is-disabled.tiny-button--default:hover{z-index:0}.tiny-dropdown .tiny-dropdown__caret-button{padding-left:var(--ti-dropdown-caret-button-padding-left);padding-right:var(--ti-dropdown-caret-button-padding-right);position:relative;border-left:none;min-width:var(--ti-dropdown-caret-button-min-width)}.tiny-dropdown .tiny-dropdown__caret-button:before{content:'';position:absolute;display:block;width:var(--ti-dropdown-caret-line-width);top:0;bottom:0;left:0;margin-top:var(--ti-dropdown-caret-line-margin-top);margin-bottom:var(--ti-dropdown-caret-line-margin-bottom);background-color:var(--ti-dropdown-caret-line-bg-color)}.tiny-dropdown .tiny-dropdown__caret-button.tiny-button--default:before{background:var(--ti-dropdown-caret-line-bg-color-default)}.tiny-dropdown .tiny-dropdown__caret-button.tiny-button--default:hover:not(.is-disabled):before{background-color:var(--ti-dropdown-caret-line-bg-color-default-hover)}.tiny-dropdown .tiny-dropdown__caret-button:hover:not(.is-disabled):before{margin-top:var(--ti-dropdown-caret-line-margin-top-hover);margin-bottom:var(--ti-dropdown-caret-line-margin-bottom-hover)}.tiny-dropdown .tiny-dropdown__caret-button svg{padding-left:var(--ti-dropdown-caret-svg-padding-left);margin:var(--ti-dropdown-caret-svg-margin-vertical) var(--ti-dropdown-caret-svg-margin-horizontal)}.tiny-dropdown .tiny-dropdown-selfdefine:focus:active,.tiny-dropdown .tiny-dropdown-selfdefine:focus:not(.focusing){outline-width:0}.tiny-dropdown:hover{cursor:pointer}.tiny-dropdown--visible{-webkit-transform:scaleY(-1);transform:scaleY(-1);-webkit-transform-origin:center;transform-origin:center}
package/dropdown/smb-theme.js CHANGED
@@ -8,5 +8,11 @@ export const tinyDropdownSmbTheme = {
8
8
  'ti-dropdown-caret-line-width': 'var(--ti-common-size-0)',
9
9
  'ti-dropdown-title-button-padding-left': 'var(--ti-common-space-6x)',
10
10
  'ti-dropdown-title-button-padding-right': 'var(--ti-common-space-0)',
11
- 'ti-dropdown-button-icon-size': 'var(--ti-common-font-size-2)'
11
+ 'ti-dropdown-button-icon-size': 'var(--ti-common-font-size-2)',
12
+ 'ti-dropdown-trigger-svg-margin-top': 'var(--ti-common-space-0)',
13
+ 'ti-dropdown-trigger-svg-margin-bottom': 'var(--ti-common-space-0)',
14
+ 'ti-dropdown-trigger-only-svg-width': 'var(--ti-common-size-5x)',
15
+ 'ti-dropdown-trigger-only-svg-height': 'var(--ti-common-size-5x)',
16
+ 'ti-dropdown-trigger-only-svg-hover-bg-color': 'rgba(0,0,0,0.05)',
17
+ 'ti-dropdown-trigger-only-svg-hover-radius': 'var(--ti-common-border-radius-2)'
12
18
  }
package/dropdown-item/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-dropdown-item{--ti-dropdown-item-height:30px;--ti-dropdown-item-hover-bg-color:var(--ti-common-color-bg-white-emphasize, #f2f5fc);--ti-dropdown-item-hover-text-color:var(--ti-common-color-text-highlight, #526ecc);--ti-dropdown-item-active-bg-color:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-dropdown-item-active-text-color:var(--ti-common-color-text-white, #fff);--ti-dropdown-item-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-dropdown-item-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-dropdown-item-font-size:var(--ti-common-font-size-base, 12px);--ti-dropdown-item-line-height:var(--ti-common-line-height-number, 1.5);--ti-dropdown-item-padding-vertical:var(--ti-common-space-6, 6px);--ti-dropdown-item-padding-horizontal:var(--ti-common-space-5x, 20px);--ti-dropdown-item-border-radius:var(--ti-common-border-radius-0, 0px);--ti-dropdown-item-max-width:var(--ti-common-size-33x, 132px);--ti-dropdown-item-icon-color:var(--ti-common-color-icon-normal, #575d6c);--ti-dropdown-item-icon-color-hover:var(--ti-common-color-icon-hover, #5e7ce0);--ti-dropdown-item-icon-color-active:var(--ti-common-color-icon-white, #fff);--ti-dropdown-item-icon-color-disabled:var(--ti-common-color-icon-disabled, #adb0b8);--ti-dropdown-item-expand-svg-margin-left:calc(-1 * (var(--ti-common-space-base, 4px) + var(--ti-dropdown-item-expand-icon-size)));--ti-dropdown-item-expand-svg-margin-right:var(--ti-common-space-0, 0px);--ti-dropdown-item-content-margin-left:var(--ti-common-space-0, 0px);--ti-dropdown-item-content-font-weight-hover:var(--ti-common-font-weight-4, normal);--ti-dropdown-item-divided-border-weight:var(--ti-common-border-weight-normal, 1px);--ti-dropdown-item-divided-border-style:var(--ti-common-border-style-solid, solid);--ti-dropdown-item-divided-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-dropdown-item-before-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-dropdown-item-before-margin-vertical:var(--ti-common-space-0, 0px);--ti-dropdown-item-before-margin-horizontal:var(--ti-common-space-0, 0px);--ti-dropdown-item-medium-before-margin-horizontal:var(--ti-common-space-0, 0px);--ti-dropdown-item-small-before-margin-horizontal:var(--ti-common-space-0, 0px);--ti-dropdown-item-mini-before-margin-horizontal:var(--ti-common-space-0, 0px);--ti-dropdown-item-before-height:6px;--ti-dropdown-item-medium-before-height:6px;--ti-dropdown-item-small-before-height:var(--ti-common-size-base, 4px);--ti-dropdown-item-mini-before-height:3px;--ti-dropdown-item-medium-line-height:var(--ti-common-size-height-normal, 28px);--ti-dropdown-item-medium-font-size:var(--ti-common-font-size-1, 14px);--ti-dropdown-item-medium-padding-vertical:var(--ti-common-space-0, 0px);--ti-dropdown-item-medium-padding-horizontal:var(--ti-common-space-4x, 16px);--ti-dropdown-item-medium-divided-margin-top:var(--ti-common-space-6, 6px);--ti-dropdown-item-small-line-height:var(--ti-common-line-height-5, 24px);--ti-dropdown-item-small-padding-vertical:var(--ti-common-space-0, 0px);--ti-dropdown-item-small-padding-horizontal:var(--ti-common-space-4x, 16px);--ti-dropdown-item-small-font-size:var(--ti-common-font-size-base, 12px);--ti-dropdown-item-small-divided-margin-top:var(--ti-common-space-base, 4px);--ti-dropdown-item-mini-line-height:var(--ti-common-line-height-5, 24px);--ti-dropdown-item-mini-padding-vertical:var(--ti-common-space-0, 0px);--ti-dropdown-item-mini-padding-horizontal:var(--ti-common-space-10, 10px);--ti-dropdown-item-mini-font-size:var(--ti-common-font-size-base, 12px);--ti-dropdown-item-mini-divided-margin-top:calc(var(--ti-common-space-1, 1px) * 3);--ti-dropdown-item-expand-icon-size:8px;list-style:none;font-size:var(--ti-dropdown-item-font-size);color:var(--ti-dropdown-item-text-color);cursor:pointer;outline:0;position:relative;word-break:break-all;max-width:var(--ti-dropdown-item-max-width)}.tiny-dropdown-item__wrap{line-height:var(--ti-dropdown-item-line-height);padding:var(--ti-dropdown-item-padding-vertical) var(--ti-dropdown-item-padding-horizontal);height:var(--ti-dropdown-item-height);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-dropdown-item__wrap .tiny-dropdown-item--child{position:absolute;right:100%;top:0;display:none}.tiny-dropdown-item__wrap .tiny-dropdown-item__expand{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-dropdown-item__wrap .tiny-dropdown-item__expand .tiny-svg{fill:var(--ti-dropdown-item-icon-color);font-size:var(--ti-dropdown-item-expand-icon-size);margin-left:var(--ti-dropdown-item-expand-svg-margin-left);margin-right:var(--ti-dropdown-item-expand-svg-margin-right)}.tiny-dropdown-item__wrap .tiny-dropdown-item__expand+.tiny-dropdown-item__content{margin-left:0}.tiny-dropdown-item__wrap .tiny-dropdown-item__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.tiny-dropdown-item__wrap .tiny-dropdown-item__content .tiny-dropdown-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-dropdown-item__wrap .tiny-dropdown-item__content .tiny-svg{margin-right:4px;fill:var(--ti-dropdown-item-icon-color)}.tiny-dropdown-item:focus,.tiny-dropdown-item:not(.is-disabled):hover{background-color:var(--ti-dropdown-item-hover-bg-color);color:var(--ti-dropdown-item-hover-text-color);border-radius:var(--ti-dropdown-item-border-radius)}.tiny-dropdown-item:focus>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content .tiny-svg,.tiny-dropdown-item:focus>.tiny-dropdown-item__wrap>.tiny-dropdown-item__expand .tiny-svg,.tiny-dropdown-item:not(.is-disabled):hover>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content .tiny-svg,.tiny-dropdown-item:not(.is-disabled):hover>.tiny-dropdown-item__wrap>.tiny-dropdown-item__expand .tiny-svg{fill:var(--ti-dropdown-item-icon-color-hover)}.tiny-dropdown-item:focus>.tiny-dropdown-item__wrap>.tiny-dropdown-item--child,.tiny-dropdown-item:not(.is-disabled):hover>.tiny-dropdown-item__wrap>.tiny-dropdown-item--child{display:block}.tiny-dropdown-item:not(.is-disabled):active{background-color:var(--ti-dropdown-item-active-bg-color);color:var(--ti-dropdown-item-active-text-color);border-radius:var(--ti-dropdown-item-border-radius)}.tiny-dropdown-item:not(.is-disabled):active>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content .tiny-svg,.tiny-dropdown-item:not(.is-disabled):active>.tiny-dropdown-item__wrap>.tiny-dropdown-item__expand .tiny-svg{fill:var(--ti-dropdown-item-icon-color-active)}.tiny-dropdown-item:not(.is-disabled).has-children:hover>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content{font-weight:var(--ti-dropdown-item-content-font-weight-hover)}.tiny-dropdown-item.is-disabled{cursor:not-allowed;color:var(--ti-dropdown-item-disabled-text-color)}.tiny-dropdown-item.is-disabled>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content svg,.tiny-dropdown-item.is-disabled>.tiny-dropdown-item__wrap>.tiny-dropdown-item__expand svg{fill:var(--ti-dropdown-item-icon-color-disabled)}.tiny-dropdown-item--divided{position:relative;border-top:var(--ti-dropdown-item-divided-border-weight) var(--ti-dropdown-item-divided-border-style) var(--ti-dropdown-item-divided-border-color)}.tiny-dropdown-item--divided:before{content:'';height:var(--ti-dropdown-item-before-height);display:block;margin:var(--ti-dropdown-item-before-margin-vertical) var(--ti-dropdown-item-before-margin-horizontal);background-color:var(--ti-dropdown-item-before-bg-color)}
1
+ .tiny-dropdown-item{--ti-dropdown-item-height:30px;--ti-dropdown-item-hover-bg-color:var(--ti-common-color-bg-white-emphasize, #f2f5fc);--ti-dropdown-item-hover-text-color:var(--ti-common-color-text-highlight, #526ecc);--ti-dropdown-item-active-bg-color:var(--ti-common-color-bg-emphasize, #5e7ce0);--ti-dropdown-item-active-text-color:var(--ti-common-color-text-white, #fff);--ti-dropdown-item-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-dropdown-item-text-color:var(--ti-common-color-text-primary, #252b3a);--ti-dropdown-item-font-size:var(--ti-common-font-size-base, 12px);--ti-dropdown-item-line-height:var(--ti-common-line-height-number, 1.5);--ti-dropdown-item-padding-vertical:var(--ti-common-space-6, 6px);--ti-dropdown-item-padding-horizontal:var(--ti-common-space-5x, 20px);--ti-dropdown-item-border-radius:var(--ti-common-border-radius-0, 0px);--ti-dropdown-item-max-width:var(--ti-common-size-33x, 132px);--ti-dropdown-item-icon-color:var(--ti-common-color-icon-normal, #575d6c);--ti-dropdown-item-icon-color-hover:var(--ti-common-color-icon-hover, #5e7ce0);--ti-dropdown-item-icon-color-active:var(--ti-common-color-icon-white, #fff);--ti-dropdown-item-icon-color-disabled:var(--ti-common-color-icon-disabled, #adb0b8);--ti-dropdown-item-expand-svg-margin-left:calc(-1 * (var(--ti-common-space-base, 4px) + var(--ti-dropdown-item-expand-icon-size)));--ti-dropdown-item-expand-svg-margin-right:var(--ti-common-space-0, 0px);--ti-dropdown-item-content-margin-left:var(--ti-common-space-0, 0px);--ti-dropdown-item-content-font-weight-hover:var(--ti-common-font-weight-4, normal);--ti-dropdown-item-content-text-hover:var(--ti-common-color-text-highlight);--ti-dropdown-item-content-bg-hover:var(--ti-common-color-bg-white-emphasize);--ti-dropdown-item-divided-border-weight:var(--ti-common-border-weight-normal, 1px);--ti-dropdown-item-divided-border-style:var(--ti-common-border-style-solid, solid);--ti-dropdown-item-divided-border-color:var(--ti-common-color-line-dividing, #dfe1e6);--ti-dropdown-item-before-bg-color:var(--ti-common-color-bg-white-normal, #fff);--ti-dropdown-item-before-margin-vertical:var(--ti-common-space-0, 0px);--ti-dropdown-item-before-margin-horizontal:var(--ti-common-space-0, 0px);--ti-dropdown-item-medium-before-margin-horizontal:var(--ti-common-space-0, 0px);--ti-dropdown-item-small-before-margin-horizontal:var(--ti-common-space-0, 0px);--ti-dropdown-item-mini-before-margin-horizontal:var(--ti-common-space-0, 0px);--ti-dropdown-item-before-height:6px;--ti-dropdown-item-medium-before-height:6px;--ti-dropdown-item-small-before-height:var(--ti-common-size-base, 4px);--ti-dropdown-item-mini-before-height:3px;--ti-dropdown-item-medium-line-height:var(--ti-common-size-height-normal, 28px);--ti-dropdown-item-medium-font-size:var(--ti-common-font-size-1, 14px);--ti-dropdown-item-medium-padding-vertical:var(--ti-common-space-0, 0px);--ti-dropdown-item-medium-padding-horizontal:var(--ti-common-space-4x, 16px);--ti-dropdown-item-medium-divided-margin-top:var(--ti-common-space-6, 6px);--ti-dropdown-item-small-line-height:var(--ti-common-line-height-5, 24px);--ti-dropdown-item-small-padding-vertical:var(--ti-common-space-0, 0px);--ti-dropdown-item-small-padding-horizontal:var(--ti-common-space-4x, 16px);--ti-dropdown-item-small-font-size:var(--ti-common-font-size-base, 12px);--ti-dropdown-item-small-divided-margin-top:var(--ti-common-space-base, 4px);--ti-dropdown-item-mini-line-height:var(--ti-common-line-height-5, 24px);--ti-dropdown-item-mini-padding-vertical:var(--ti-common-space-0, 0px);--ti-dropdown-item-mini-padding-horizontal:var(--ti-common-space-10, 10px);--ti-dropdown-item-mini-font-size:var(--ti-common-font-size-base, 12px);--ti-dropdown-item-mini-divided-margin-top:calc(var(--ti-common-space-1, 1px) * 3);--ti-dropdown-item-expand-icon-size:8px;list-style:none;font-size:var(--ti-dropdown-item-font-size);color:var(--ti-dropdown-item-text-color);cursor:pointer;outline:0;position:relative;word-break:break-all;max-width:var(--ti-dropdown-item-max-width)}.tiny-dropdown-item__wrap{line-height:var(--ti-dropdown-item-line-height);padding:var(--ti-dropdown-item-padding-vertical) var(--ti-dropdown-item-padding-horizontal);height:var(--ti-dropdown-item-height);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-dropdown-item__wrap .tiny-dropdown-item--child{position:absolute;right:100%;top:0;display:none}.tiny-dropdown-item__wrap .tiny-dropdown-item__expand{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-dropdown-item__wrap .tiny-dropdown-item__expand .tiny-svg{fill:var(--ti-dropdown-item-icon-color);font-size:var(--ti-dropdown-item-expand-icon-size);margin-left:var(--ti-dropdown-item-expand-svg-margin-left);margin-right:var(--ti-dropdown-item-expand-svg-margin-right)}.tiny-dropdown-item__wrap .tiny-dropdown-item__expand+.tiny-dropdown-item__content{margin-left:0}.tiny-dropdown-item__wrap .tiny-dropdown-item__content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%}.tiny-dropdown-item__wrap .tiny-dropdown-item__content .tiny-dropdown-item__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-dropdown-item__wrap .tiny-dropdown-item__content .tiny-svg{margin-right:4px;fill:var(--ti-dropdown-item-icon-color)}.tiny-dropdown-item:focus,.tiny-dropdown-item:not(.is-disabled):hover{background-color:var(--ti-dropdown-item-hover-bg-color);color:var(--ti-dropdown-item-hover-text-color);border-radius:var(--ti-dropdown-item-border-radius)}.tiny-dropdown-item:focus>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content .tiny-svg,.tiny-dropdown-item:focus>.tiny-dropdown-item__wrap>.tiny-dropdown-item__expand .tiny-svg,.tiny-dropdown-item:not(.is-disabled):hover>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content .tiny-svg,.tiny-dropdown-item:not(.is-disabled):hover>.tiny-dropdown-item__wrap>.tiny-dropdown-item__expand .tiny-svg{fill:var(--ti-dropdown-item-icon-color-hover)}.tiny-dropdown-item:focus>.tiny-dropdown-item__wrap>.tiny-dropdown-item--child,.tiny-dropdown-item:not(.is-disabled):hover>.tiny-dropdown-item__wrap>.tiny-dropdown-item--child{display:block}.tiny-dropdown-item:not(.is-disabled):active{background-color:var(--ti-dropdown-item-active-bg-color);color:var(--ti-dropdown-item-active-text-color);border-radius:var(--ti-dropdown-item-border-radius)}.tiny-dropdown-item:not(.is-disabled):active>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content .tiny-svg,.tiny-dropdown-item:not(.is-disabled):active>.tiny-dropdown-item__wrap>.tiny-dropdown-item__expand .tiny-svg{fill:var(--ti-dropdown-item-icon-color-active)}.tiny-dropdown-item:not(.is-disabled).has-children:hover{color:var(--ti-dropdown-item-content-text-hover);background-color:var(--ti-dropdown-item-content-bg-hover)}.tiny-dropdown-item:not(.is-disabled).has-children:hover>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content{font-weight:var(--ti-dropdown-item-content-font-weight-hover)}.tiny-dropdown-item.is-disabled{cursor:not-allowed;color:var(--ti-dropdown-item-disabled-text-color)}.tiny-dropdown-item.is-disabled>.tiny-dropdown-item__wrap>.tiny-dropdown-item__content svg,.tiny-dropdown-item.is-disabled>.tiny-dropdown-item__wrap>.tiny-dropdown-item__expand svg{fill:var(--ti-dropdown-item-icon-color-disabled)}.tiny-dropdown-item--divided{position:relative;border-top:var(--ti-dropdown-item-divided-border-weight) var(--ti-dropdown-item-divided-border-style) var(--ti-dropdown-item-divided-border-color)}.tiny-dropdown-item--divided:before{content:'';height:var(--ti-dropdown-item-before-height);display:block;margin:var(--ti-dropdown-item-before-margin-vertical) var(--ti-dropdown-item-before-margin-horizontal);background-color:var(--ti-dropdown-item-before-bg-color)}
package/dropdown-item/smb-theme.js CHANGED
@@ -10,5 +10,12 @@ export const tinyDropdownItemSmbTheme = {
10
10
  'ti-dropdown-item-max-width': 'var(--ti-common-size-auto)',
11
11
  'ti-dropdown-item-height': 'var(--ti-common-size-height-normal)',
12
12
  'ti-dropdown-item-icon-color': 'var(--ti-common-color-icon)',
13
- 'ti-dropdown-item-content-font-weight-hover': 'var(--ti-common-font-weight-6)'
13
+ 'ti-dropdown-item-content-font-weight-hover': 'var(--ti-common-font-weight-6)',
14
+ 'ti-dropdown-item-active-bg-color': 'var(--ti-common-color-bg-white-normal)',
15
+ 'ti-dropdown-item-active-text-color': '#1476FF',
16
+ 'ti-dropdown-item-content-text-hover': '#1476FF',
17
+ 'ti-dropdown-item-before-bg-color': 'transparent',
18
+ 'ti-dropdown-item-divided-border-color': 'transparent',
19
+ 'ti-dropdown-item-content-bg-hover': 'transparent',
20
+ 'ti-dropdown-item-before-height': '0'
14
21
  }
package/form-item/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-form-item{--ti-form-item-small-line-height:var(--ti-common-line-height-7, 36px);--ti-form-item-medium-line-height:calc(var(--ti-common-line-height-7, 36px) + 6px);--ti-form-item-mini-line-height:var(--ti-common-line-height-5, 24px);--ti-form-item-label-line-height:var(--ti-common-size-height-normal, 28px);--ti-form-item-input-mini-height:var(--ti-common-size-6x, 24px);--ti-form-item-input-small-height:var(--ti-common-size-9x, 36px);--ti-form-item-input-medium-height:calc(var(--ti-common-size-base, 4px) * 10.5);--ti-form-item-label-font-size:var(--ti-common-font-size-1, 14px);--ti-form-item-label-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-form-item-error-font-size:var(--ti-common-font-size-base, 12px);--ti-form-item-error-text-color:var(--ti-common-color-error, #f66f6a);--ti-form-item-error-star-text-color:var(--ti-common-color-error, #f66f6a);--ti-form-item-error-border-color:var(--ti-common-color-error-border, #f66f6a);--ti-form-item-error-bg-color:var(--ti-common-color-error-bg, #ffeeed);--ti-form-item-margin-bottom-default:var(--ti-common-space-5x, 20px);--ti-form-item-margin-bottom-mini:var(--ti-common-space-2x, 8px);--ti-form-item-margin-bottom-small:var(--ti-common-space-2x, 8px);--ti-form-item-margin-bottom-medium:var(--ti-common-space-3x, 12px);--ti-form-item-error-star-display:inline-block;--ti-form-item-error-inline-margin-left:calc(var(--ti-common-space-base, 4px) * 2.5);--ti-form-item-error-block-padding-top:var(--ti-common-space-2x, 8px);font-family:var(--ti-common-font-family);margin-bottom:var(--ti-form-item-margin-bottom-default)}.tiny-form-item:after,.tiny-form-item:before{content:'';display:table}.tiny-form-item:after{clear:both}.tiny-form-item .tiny-form-item{margin-bottom:0}.tiny-form-item.tiny-form-item--mini{margin-bottom:var(--ti-form-item-margin-bottom-mini)}.tiny-form-item.tiny-form-item--small{margin-bottom:var(--ti-form-item-margin-bottom-small)}.tiny-form-item--medium{margin-bottom:var(--ti-form-item-margin-bottom-medium)}.tiny-form-item--medium .tiny-form-item__label{height:var(--ti-form-item-medium-line-height);line-height:var(--ti-form-item-medium-line-height)}.tiny-form-item--small .tiny-form-item__label{height:var(--ti-form-item-small-line-height);line-height:var(--ti-form-item-small-line-height)}.tiny-form-item--small .tiny-form-item__error{padding-top:2px}.tiny-form-item--mini .tiny-form-item__label{height:var(--ti-form-item-mini-line-height);line-height:var(--ti-form-item-mini-line-height)}.tiny-form-item--medium .tiny-form-item__content{line-height:var(--ti-form-item-medium-line-height)}.tiny-form-item--medium .tiny-form-item__content .tiny-checkbox,.tiny-form-item--medium .tiny-form-item__content .tiny-radio{line-height:var(--ti-form-item-input-medium-height)}.tiny-form-item--medium .tiny-form-item__content .tiny-checkbox-group{min-height:var(--ti-form-item-input-medium-height)}.tiny-form-item--medium .tiny-form-item__content .tiny-input .tiny-input__inner{height:var(--ti-form-item-input-medium-height);line-height:var(--ti-form-item-input-medium-height)}.tiny-form-item--small .tiny-form-item__content{line-height:var(--ti-form-item-small-line-height)}.tiny-form-item--small .tiny-form-item__content .tiny-checkbox,.tiny-form-item--small .tiny-form-item__content .tiny-radio{line-height:var(--ti-form-item-input-small-height)}.tiny-form-item--small .tiny-form-item__content .tiny-checkbox-group{min-height:var(--ti-form-item-input-small-height)}.tiny-form-item--small .tiny-form-item__content .tiny-input .tiny-input__inner{height:var(--ti-form-item-input-small-height);line-height:var(--ti-form-item-input-small-height)}.tiny-form-item--mini .tiny-form-item__content{line-height:var(--ti-form-item-mini-line-height)}.tiny-form-item--mini .tiny-form-item__content .tiny-checkbox,.tiny-form-item--mini .tiny-form-item__content .tiny-radio{line-height:var(--ti-form-item-input-mini-height)}.tiny-form-item--mini .tiny-form-item__content .tiny-checkbox-group{min-height:var(--ti-form-item-input-mini-height)}.tiny-form-item--mini .tiny-form-item__content .tiny-input .tiny-input__inner{height:var(--ti-form-item-input-mini-height);line-height:var(--ti-form-item-input-mini-height)}.tiny-form-item--mini .tiny-form-item__error{padding-top:1px}.tiny-form-item__label-wrap{float:left}.tiny-form-item__label-wrap .tiny-form-item__label{display:inline-block;float:none}.tiny-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:var(--ti-form-item-label-font-size);color:var(--ti-form-item-label-text-color);height:var(--ti-form-item-label-line-height);line-height:var(--ti-form-item-label-line-height);padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tiny-form-item__content{position:relative;font-size:var(--ti-form-item-label-font-size);line-height:var(--ti-form-item-label-line-height)}.tiny-form-item__content:after,.tiny-form-item__content:before{content:'';display:table}.tiny-form-item__content:after{clear:both}.tiny-form-item__content .tiny-input{display:inline-block}.tiny-form-item__content .tiny-input.tiny-range-editor.tiny-input__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.tiny-form-item__content .tiny-input.tiny-input-group{display:inline-table}.tiny-form-item__content .tiny-rate{vertical-align:middle}.tiny-form-item__content .tiny-rate__text{line-height:1.5}.tiny-form-item__content .tiny-input-group{vertical-align:top}.tiny-form-item__content .tiny-button+.tiny-button{margin-left:8px}.tiny-form-item__content .tiny-checkbox,.tiny-form-item__content .tiny-radio{vertical-align:middle;line-height:30px}.tiny-form-item__content .tiny-checkbox-group{min-height:var(--ti-form-item-label-line-height)}.tiny-form-item__content .tiny-date-editor--daterange.tiny-input,.tiny-form-item__content .tiny-date-editor--daterange.tiny-input__inner,.tiny-form-item__content .tiny-date-editor--timerange.tiny-input,.tiny-form-item__content .tiny-date-editor--timerange.tiny-input__inner,.tiny-form-item__content .tiny-numeric{width:100%}.tiny-form-item__error{color:var(--ti-form-item-error-text-color);font-size:var(--ti-form-item-error-font-size);line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.tiny-form-item__error .validate-icon{fill:var(--ti-form-item-error-text-color);margin-right:8px}.tiny-form-item__error .tiny-form-item__validate-message{vertical-align:middle}.tiny-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:var(--ti-form-item-error-inline-margin-left)}.tiny-form-item__error--block{position:relative;top:auto;left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:0;padding-top:var(--ti-form-item-error-block-padding-top)}.tiny-form-item.is-required:not(.is-no-asterisk) .tiny-form-item__label-wrap>.tiny-form-item__label:before,.tiny-form-item.is-required:not(.is-no-asterisk)>.tiny-form-item__label:before{display:var(--ti-form-item-error-star-display);content:'*';color:var(--ti-form-item-error-star-text-color);margin-right:4px}.tiny-form-item.is-error .tiny-input__inner,.tiny-form-item.is-error .tiny-input__inner:focus,.tiny-form-item.is-error .tiny-textarea,.tiny-form-item.is-error .tiny-textarea:focus,.tiny-form-item.is-error .tiny-textarea__inner,.tiny-form-item.is-error .tiny-textarea__inner:focus{border-color:var(--ti-form-item-error-border-color);background-color:var(--ti-form-item-error-bg-color)}.tiny-form-item.is-error .tiny-input-group__append .tiny-input__inner,.tiny-form-item.is-error .tiny-input-group__prepend .tiny-input__inner{border-color:transparent}.tiny-form-item.is-error .tiny-input__validateIcon{color:var(--ti-form-item-error-text-color)}.tiny-form-item.is-error .tiny-numeric__input-inner,.tiny-form-item.is-error .tiny-numeric__input-inner:focus{border-color:var(--ti-form-item-error-border-color);background-color:var(--ti-form-item-error-bg-color)}.tiny-form-item--feedback .tiny-input__validateIcon{display:inline-block}.tiny-form-item .tiny-input__validateIcon{display:none}.tiny-zoom-in-top-enter-active,.tiny-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.tiny-zoom-in-top-enter,.tiny-zoom-in-top-enter-from,.tiny-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}
1
+ .tiny-form-item{--ti-form-item-small-line-height:var(--ti-common-line-height-6, 32px);--ti-form-item-medium-line-height:calc(var(--ti-common-line-height-7, 36px) + 4px);--ti-form-item-mini-line-height:var(--ti-common-line-height-5, 24px);--ti-form-item-label-line-height:var(--ti-common-size-height-normal, 28px);--ti-form-item-input-mini-height:var(--ti-common-size-6x, 24px);--ti-form-item-input-small-height:var(--ti-common-size-8x, 32px);--ti-form-item-input-medium-height:var(--ti-common-size-10x, 40px);--ti-form-item-label-font-size:var(--ti-common-font-size-1, 14px);--ti-form-item-label-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-form-item-error-font-size:var(--ti-common-font-size-base, 12px);--ti-form-item-error-text-color:var(--ti-common-color-error, #f66f6a);--ti-form-item-error-star-text-color:var(--ti-common-color-error, #f66f6a);--ti-form-item-error-border-color:var(--ti-common-color-error-border, #f66f6a);--ti-form-item-error-bg-color:var(--ti-common-color-error-bg, #ffeeed);--ti-form-item-margin-bottom-default:var(--ti-common-space-5x, 20px);--ti-form-item-margin-bottom-mini:var(--ti-common-space-2x, 8px);--ti-form-item-margin-bottom-small:var(--ti-common-space-2x, 8px);--ti-form-item-margin-bottom-medium:var(--ti-common-space-3x, 12px);--ti-form-item-error-star-display:inline-block;--ti-form-item-error-inline-margin-left:calc(var(--ti-common-space-base, 4px) * 2.5);--ti-form-item-error-block-padding-top:var(--ti-common-space-2x, 8px);font-family:var(--ti-common-font-family);margin-bottom:var(--ti-form-item-margin-bottom-default)}.tiny-form-item:after,.tiny-form-item:before{content:'';display:table}.tiny-form-item:after{clear:both}.tiny-form-item .tiny-form-item{margin-bottom:0}.tiny-form-item--small .tiny-form-item__error{padding-top:2px}.tiny-form-item--mini .tiny-form-item__error{padding-top:1px}.tiny-form-item--medium{margin-bottom:var(--ti-form-item-margin-bottom-medium)}.tiny-form-item--medium .tiny-form-item__content{line-height:var(--ti-form-item-medium-line-height)}.tiny-form-item--medium .tiny-form-item__content .tiny-checkbox,.tiny-form-item--medium .tiny-form-item__content .tiny-radio{line-height:var(--ti-form-item-medium-line-height)}.tiny-form-item--medium .tiny-form-item__content .tiny-checkbox-group{min-height:var(--ti-form-item-medium-line-height)}.tiny-form-item--medium .tiny-form-item__content .tiny-numeric{display:block}.tiny-form-item--medium .tiny-form-item__content .tiny-numeric__input-inner{height:var(--ti-form-item-medium-line-height)}.tiny-form-item--medium .tiny-form-item__label{height:var(--ti-form-item-medium-line-height);line-height:var(--ti-form-item-medium-line-height)}.tiny-form-item--small{margin-bottom:var(--ti-form-item-margin-bottom-small)}.tiny-form-item--small .tiny-form-item__content{line-height:var(--ti-form-item-small-line-height)}.tiny-form-item--small .tiny-form-item__content .tiny-checkbox,.tiny-form-item--small .tiny-form-item__content .tiny-radio{line-height:var(--ti-form-item-small-line-height)}.tiny-form-item--small .tiny-form-item__content .tiny-checkbox-group{min-height:var(--ti-form-item-small-line-height)}.tiny-form-item--small .tiny-form-item__content .tiny-numeric{display:block}.tiny-form-item--small .tiny-form-item__content .tiny-numeric__input-inner{height:var(--ti-form-item-small-line-height)}.tiny-form-item--small .tiny-form-item__label{height:var(--ti-form-item-small-line-height);line-height:var(--ti-form-item-small-line-height)}.tiny-form-item--mini{margin-bottom:var(--ti-form-item-margin-bottom-mini)}.tiny-form-item--mini .tiny-form-item__content{line-height:var(--ti-form-item-mini-line-height)}.tiny-form-item--mini .tiny-form-item__content .tiny-checkbox,.tiny-form-item--mini .tiny-form-item__content .tiny-radio{line-height:var(--ti-form-item-mini-line-height)}.tiny-form-item--mini .tiny-form-item__content .tiny-checkbox-group{min-height:var(--ti-form-item-mini-line-height)}.tiny-form-item--mini .tiny-form-item__content .tiny-numeric{display:block}.tiny-form-item--mini .tiny-form-item__content .tiny-numeric__input-inner{height:var(--ti-form-item-mini-line-height)}.tiny-form-item--mini .tiny-form-item__label{height:var(--ti-form-item-mini-line-height);line-height:var(--ti-form-item-mini-line-height)}.tiny-form-item__label-wrap{float:left}.tiny-form-item__label-wrap .tiny-form-item__label{display:inline-block;float:none}.tiny-form-item__label{text-align:right;vertical-align:middle;float:left;font-size:var(--ti-form-item-label-font-size);color:var(--ti-form-item-label-text-color);height:var(--ti-form-item-label-line-height);line-height:var(--ti-form-item-label-line-height);padding-right:8px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tiny-form-item__content{position:relative;font-size:var(--ti-form-item-label-font-size);line-height:var(--ti-form-item-label-line-height)}.tiny-form-item__content:after,.tiny-form-item__content:before{content:'';display:table}.tiny-form-item__content:after{clear:both}.tiny-form-item__content .tiny-input{display:inline-block}.tiny-form-item__content .tiny-input.tiny-range-editor.tiny-input__inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.tiny-form-item__content .tiny-input.tiny-input-group{display:inline-table}.tiny-form-item__content .tiny-rate{vertical-align:middle}.tiny-form-item__content .tiny-rate__text{line-height:1.5}.tiny-form-item__content .tiny-input-group{vertical-align:top}.tiny-form-item__content .tiny-button+.tiny-button{margin-left:8px}.tiny-form-item__content .tiny-checkbox,.tiny-form-item__content .tiny-radio{vertical-align:middle;line-height:30px}.tiny-form-item__content .tiny-checkbox-group{min-height:var(--ti-form-item-label-line-height)}.tiny-form-item__content .tiny-date-editor--daterange.tiny-input,.tiny-form-item__content .tiny-date-editor--daterange.tiny-input__inner,.tiny-form-item__content .tiny-date-editor--timerange.tiny-input,.tiny-form-item__content .tiny-date-editor--timerange.tiny-input__inner,.tiny-form-item__content .tiny-numeric{width:100%}.tiny-form-item__error{color:var(--ti-form-item-error-text-color);font-size:var(--ti-form-item-error-font-size);line-height:1;padding-top:4px;position:absolute;top:100%;left:0}.tiny-form-item__error .validate-icon{fill:var(--ti-form-item-error-text-color);margin-right:8px}.tiny-form-item__error .tiny-form-item__validate-message{vertical-align:middle}.tiny-form-item__error--inline{position:relative;top:auto;left:auto;display:inline-block;margin-left:var(--ti-form-item-error-inline-margin-left)}.tiny-form-item__error--block{position:relative;top:auto;left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:0;padding-top:var(--ti-form-item-error-block-padding-top)}.tiny-form-item.is-required:not(.is-no-asterisk) .tiny-form-item__label-wrap>.tiny-form-item__label:before,.tiny-form-item.is-required:not(.is-no-asterisk)>.tiny-form-item__label:before{display:var(--ti-form-item-error-star-display);content:'*';color:var(--ti-form-item-error-star-text-color);margin-right:4px}.tiny-form-item.is-error .tiny-input__inner,.tiny-form-item.is-error .tiny-input__inner:focus,.tiny-form-item.is-error .tiny-textarea,.tiny-form-item.is-error .tiny-textarea:focus,.tiny-form-item.is-error .tiny-textarea__inner,.tiny-form-item.is-error .tiny-textarea__inner:focus{border-color:var(--ti-form-item-error-border-color);background-color:var(--ti-form-item-error-bg-color)}.tiny-form-item.is-error .tiny-input-group__append .tiny-input__inner,.tiny-form-item.is-error .tiny-input-group__prepend .tiny-input__inner{border-color:transparent}.tiny-form-item.is-error .tiny-input__validateIcon{color:var(--ti-form-item-error-text-color)}.tiny-form-item.is-error .tiny-numeric__input-inner,.tiny-form-item.is-error .tiny-numeric__input-inner:focus{border-color:var(--ti-form-item-error-border-color);background-color:var(--ti-form-item-error-bg-color)}.tiny-form-item--feedback .tiny-input__validateIcon{display:inline-block}.tiny-form-item .tiny-input__validateIcon{display:none}.tiny-zoom-in-top-enter-active,.tiny-zoom-in-top-leave-active{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1);transition:transform .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1),-webkit-transform .3s cubic-bezier(.23,1,.32,1);-webkit-transform-origin:center top;transform-origin:center top}.tiny-zoom-in-top-enter,.tiny-zoom-in-top-enter-from,.tiny-zoom-in-top-leave-active{opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0)}