@opentiny/vue-theme 3.17.1 → 3.17.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/option/index.css CHANGED
@@ -1 +1 @@
1
- .tiny-select-dropdown{--ti-option-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-option-font-size:var(--ti-common-font-size-base, 12px);--ti-option-height:30px;--ti-option-line-height:var(--ti-common-line-height-number, 1.5);--ti-option-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-option-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-option-disabled-bg-color:var(--ti-common-color-light, #fff);--ti-option-bg-color-selected:var(--ti-common-color-light, #fff);--ti-option-hover-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-option-hover-bg-color-selected:var(--ti-common-color-hover-background, #f2f5fc);--ti-option-selected-bg-color-hover:var(--ti-common-color-selected-background, #5e7ce0);--ti-option-selected-bg-color:var(--ti-common-color-selected-background, #5e7ce0);--ti-option-selected-font-weight:var(--ti-common-font-weight-4, normal);--ti-option-selected-text-color:var(--ti-common-color-selected-text-color, #fff);--ti-option-checkbox-border-color-hover:var(--ti-common-color-line-normal, #adb0b8);--ti-option-checkbox-all-select-border-color-hover:var(--ti-common-color-line-normal, #adb0b8);--ti-option-icon-color-selected:var(--ti-common-color-selected-background, #5e7ce0);--ti-option-padding-vertical:var(--ti-common-space-0, 0px);--ti-option-padding-horizontal:var(--ti-common-space-10, 10px);--ti-option-padding-horizontal-group:calc((var(--ti-common-space-10, 10px) + var(--ti-common-space-1, 1px)) * 2);--ti-option-margin-top:var(--ti-common-size-0, 0px);--ti-option-highlight-text-color:var(--ti-common-color-text-highlight, #526ecc);--ti-option-highlight-selected-text-color:var(--ti-common-color-text-white, #fff);--ti-option-icon-margin-right:var(--ti-common-space-2x, 8px);--ti-option-icon-size:var(--ti-common-font-size-2, 16px)}.tiny-select-dropdown.is-multiple .tiny-option.selected{color:var(--ti-option-text-color);background-color:var(--ti-option-bg-color-selected)}.tiny-select-dropdown.is-multiple .tiny-option.selected:hover{background-color:var(--ti-option-hover-bg-color-selected)}.tiny-select-dropdown.is-multiple .tiny-option.selected.is-disabled{color:var(--ti-option-disabled-text-color)}.tiny-select-dropdown.is-multiple .tiny-option.selected.is-disabled:hover{background-color:var(--ti-option-disabled-bg-color)}.tiny-select-dropdown.is-multiple .tiny-option.selected .tiny-option__checkbox-wrap{color:var(--ti-option-selected-text-color)}.tiny-option{position:relative;color:var(--ti-option-text-color);font-size:var(--ti-option-font-size);height:var(--ti-option-height);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:var(--ti-option-margin-top);border-radius:var(--ti-option-border-radius)}.tiny-option>.tiny-option__label{display:inline-block;width:100%;text-overflow:ellipsis;overflow:hidden}.tiny-option>.tiny-option__icon{font-size:var(--ti-option-icon-size);margin-right:var(--ti-option-icon-margin-right)}.tiny-option.is-disabled{color:var(--ti-option-disabled-text-color);cursor:not-allowed}.tiny-option.hover,.tiny-option:hover{background-color:var(--ti-option-hover-bg-color)}.tiny-option.hover.is-disabled,.tiny-option:hover.is-disabled{background-color:var(--ti-option-disabled-bg-color)}.tiny-option:not(.is-disabled):not(.selected):hover .tiny-checkbox__inner{border-color:var(--ti-option-checkbox-border-color-hover)}.tiny-option:not(.is-disabled):not(.selected):hover .checked-sur .tiny-checkbox__inner,.tiny-option:not(.is-disabled):not(.selected):hover .halfselect .tiny-checkbox__inner{border-color:var(--ti-option-checkbox-all-select-border-color-hover)}.tiny-option .tiny-option-checkbox{vertical-align:top}.tiny-option .tiny-option-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-option .tiny-option-wrapper.calc-width{width:calc(100% - 24px)}.tiny-option .tiny-option-wrapper.full-width{width:100%}.tiny-option .tiny-option-label{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-option.selected{color:var(--ti-option-selected-text-color);background-color:var(--ti-option-selected-bg-color);font-weight:var(--ti-option-selected-font-weight)}.tiny-option.selected:hover{background-color:var(--ti-option-selected-bg-color-hover)}.tiny-option .tiny-checkbox{vertical-align:middle;margin-bottom:2px}.tiny-option .tiny-svg{fill:var(--ti-option-checkbox-border-color-hover);font-size:16px;margin-right:8px}.tiny-option .checked-sur.tiny-svg,.tiny-option .halfselect.tiny-svg,.tiny-option.hover .tiny-svg,.tiny-option.selected .tiny-svg{fill:var(--ti-option-selected-bg-color)}.tiny-option.memorize-highlight{color:var(--ti-option-highlight-text-color)}.tiny-option.memorize-highlight.selected{color:var(--ti-option-highlight-selected-text-color)}
1
+ .tiny-select-dropdown{--ti-option-text-color:var(--ti-common-color-info-normal, #252b3a);--ti-option-font-size:var(--ti-common-font-size-base, 12px);--ti-option-height:30px;--ti-option-line-height:var(--ti-common-line-height-number, 1.5);--ti-option-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8);--ti-option-border-radius:var(--ti-common-border-radius-normal, 2px);--ti-option-disabled-bg-color:var(--ti-common-color-light, #fff);--ti-option-bg-color-selected:var(--ti-common-color-light, #fff);--ti-option-hover-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-option-hover-bg-color-selected:var(--ti-common-color-hover-background, #f2f5fc);--ti-option-selected-bg-color-hover:var(--ti-common-color-selected-background, #5e7ce0);--ti-option-selected-bg-color:var(--ti-common-color-selected-background, #5e7ce0);--ti-option-selected-font-weight:var(--ti-common-font-weight-4, normal);--ti-option-selected-text-color:var(--ti-common-color-selected-text-color, #fff);--ti-option-checkbox-border-color-hover:var(--ti-common-color-line-normal, #adb0b8);--ti-option-checkbox-all-select-border-color-hover:var(--ti-common-color-line-normal, #adb0b8);--ti-option-icon-color-selected:var(--ti-common-color-selected-background, #5e7ce0);--ti-option-padding-vertical:var(--ti-common-space-0, 0px);--ti-option-padding-horizontal:var(--ti-common-space-10, 10px);--ti-option-padding-horizontal-group:calc((var(--ti-common-space-10, 10px) + var(--ti-common-space-1, 1px)) * 2);--ti-option-margin-top:var(--ti-common-size-0, 0px);--ti-option-highlight-text-color:var(--ti-common-color-text-highlight, #526ecc);--ti-option-highlight-selected-text-color:var(--ti-common-color-text-white, #fff);--ti-option-icon-margin-right:var(--ti-common-space-2x, 8px);--ti-option-icon-size:var(--ti-common-font-size-2, 16px);--ti-option-multi-svg-color:var(--ti-common-color-icon-hover, #526ecc);--ti-option-multi-svg-border-color:var(--ti-common-color-line-normal, #adb0b8);--ti-option-multi-svg-border-hover-color:var(--ti-common-color-line-normal, #adb0b8)}.tiny-select-dropdown.is-multiple .tiny-option.selected{color:var(--ti-option-text-color);background-color:var(--ti-option-bg-color-selected)}.tiny-select-dropdown.is-multiple .tiny-option.selected:hover{background-color:var(--ti-option-hover-bg-color-selected)}.tiny-select-dropdown.is-multiple .tiny-option.selected.is-disabled{color:var(--ti-option-disabled-text-color)}.tiny-select-dropdown.is-multiple .tiny-option.selected.is-disabled:hover{background-color:var(--ti-option-disabled-bg-color)}.tiny-select-dropdown.is-multiple .tiny-option.selected .tiny-option__checkbox-wrap{color:var(--ti-option-selected-text-color)}.tiny-option{position:relative;color:var(--ti-option-text-color);font-size:var(--ti-option-font-size);height:var(--ti-option-height);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;line-height:1.5;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:var(--ti-option-margin-top);border-radius:var(--ti-option-border-radius)}.tiny-option>.tiny-option__label{display:inline-block;width:100%;text-overflow:ellipsis;overflow:hidden}.tiny-option>.tiny-option__icon{font-size:var(--ti-option-icon-size);margin-right:var(--ti-option-icon-margin-right)}.tiny-option.is-disabled{color:var(--ti-option-disabled-text-color);cursor:not-allowed}.tiny-option.hover,.tiny-option:hover{background-color:var(--ti-option-hover-bg-color)}.tiny-option.hover.is-disabled,.tiny-option:hover.is-disabled{background-color:var(--ti-option-disabled-bg-color)}.tiny-option:not(.is-disabled):not(.selected):hover .tiny-checkbox__inner{border-color:var(--ti-option-checkbox-border-color-hover)}.tiny-option:not(.is-disabled):not(.selected):hover .checked-sur .tiny-checkbox__inner,.tiny-option:not(.is-disabled):not(.selected):hover .halfselect .tiny-checkbox__inner{border-color:var(--ti-option-checkbox-all-select-border-color-hover)}.tiny-option .tiny-option-checkbox{vertical-align:top}.tiny-option .tiny-option-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex}.tiny-option .tiny-option-wrapper.calc-width{width:calc(100% - 24px)}.tiny-option .tiny-option-wrapper.full-width{width:100%}.tiny-option .tiny-option-label{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tiny-option.selected{color:var(--ti-option-selected-text-color);background-color:var(--ti-option-selected-bg-color);font-weight:var(--ti-option-selected-font-weight)}.tiny-option.selected:hover{background-color:var(--ti-option-selected-bg-color-hover)}.tiny-option .tiny-checkbox{vertical-align:middle;margin-bottom:2px}.tiny-option .tiny-svg-size{fill:var(--ti-option-multi-svg-border-color);font-size:16px;margin-right:8px}.tiny-option .tiny-svg-size:hover{fill:var(--ti-option-multi-svg-border-hover-color)}.tiny-option .checked-sur.tiny-svg-size,.tiny-option .halfselect.tiny-svg-size,.tiny-option.selected .tiny-svg-size{fill:var(--ti-option-multi-svg-color)}.tiny-option.memorize-highlight{color:var(--ti-option-highlight-text-color)}.tiny-option.memorize-highlight.selected{color:var(--ti-option-highlight-selected-text-color)}
@@ -6,12 +6,15 @@ export const tinyOptionSmbTheme = {
6
6
  'ti-option-padding-horizontal': 'var(--ti-common-space-4x)',
7
7
  'ti-option-padding-horizontal-group': 'var(--ti-common-space-4x)',
8
8
  'ti-option-icon-color-selected': 'var(--ti-common-color-icon-graybg-active)',
9
- 'ti-option-checkbox-border-color-hover': 'var(--ti-common-color-line-normal)',
9
+ 'ti-option-checkbox-border-color-hover': '#191919',
10
10
  'ti-option-disabled-text-color': 'var(--ti-common-color-text-disabled)',
11
11
  'ti-option-hover-bg-color': 'var(--ti-common-color-bg-normal)',
12
- 'ti-option-selected-bg-color': 'var(--ti-common-color-text-highlight)',
13
- 'ti-option-selected-bg-color-hover': 'var(--ti-common-color-text-highlight)',
12
+ 'ti-option-selected-bg-color': 'var(--ti-common-color-bg-white-normal)',
13
+ 'ti-option-selected-bg-color-hover': 'var(--ti-common-color-bg-white-emphasize)',
14
14
  'ti-option-highlight-selected-text-color': 'var(--ti-common-color-text-highlight)',
15
- 'ti-option-selected-text-color': 'var(--ti-common-color-text-highlight)',
16
- 'ti-option-checkbox-all-select-border-color-hover': 'var(--ti-common-color-text-highlight)'
15
+ 'ti-option-selected-text-color': '#1476FF',
16
+ 'ti-option-checkbox-all-select-border-color-hover': '#1476FF',
17
+ 'ti-option-multi-svg-color': '#1476FF',
18
+ 'ti-option-multi-svg-border-color': '#c2c2c2',
19
+ 'ti-option-multi-svg-border-hover-color': '#191919'
17
20
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opentiny/vue-theme",
3
- "version": "3.17.1",
3
+ "version": "3.17.2",
4
4
  "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
5
5
  "main": "index.css",
6
6
  "homepage": "https://opentiny.design/tiny-vue",