@opentiny/vue-theme 3.10.2 → 3.10.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/button/aurora-theme.js +5 -1
- package/button/index.css +1 -1
- package/button/smb-theme.js +19 -8
- package/button-group/index.css +1 -1
- package/button-group/smb-theme.js +12 -10
- package/checkbox/index.css +1 -1
- package/checkbox/smb-theme.js +6 -2
- package/checkbox-button/index.css +1 -1
- package/checkbox-button/smb-theme.js +10 -6
- package/checkbox-group/index.css +1 -1
- package/index.css +1 -1
- package/link/aurora-theme.js +2 -1
- package/link/index.css +1 -1
- package/link/smb-theme.js +12 -5
- package/lowcode.css +1 -1
- package/option/index.css +1 -1
- package/option/smb-theme.js +5 -3
- package/package.json +1 -1
- package/radio/smb-theme.js +5 -3
- package/select-dropdown/smb-theme.js +2 -1
- package/svgs/fillet-external-link.svg +12 -0
- package/theme/aurora-theme/component.js +5 -0
- package/theme/smb-theme/component.js +65 -31
package/link/aurora-theme.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export const tinyLinkAuroraTheme = {
|
|
2
2
|
'ti-link-default-text-color': '#606266',
|
|
3
3
|
'ti-link-default-hover-text-color': '#40a9ff',
|
|
4
|
-
'ti-link-has-svg-hover-text-color': '#40a9ff'
|
|
4
|
+
'ti-link-has-svg-hover-text-color': '#40a9ff',
|
|
5
|
+
'ti-link-primary-disabled-text-color': '#a0cfff'
|
|
5
6
|
}
|
package/link/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.tiny-link{--ti-link-font-size:var(--ti-common-font-size-1);--ti-link-font-weight:var(--ti-common-font-weight-5);--ti-link-border-color:var(--ti-common-color-line-active);--ti-link-display:inline;--ti-link-svg-width:1em;--ti-link-svg-height:1em;--ti-link-svg-margin-right:0px;--ti-link-icon-hover-text-weight:var(--ti-common-font-weight-5);--ti-link-default-
|
|
1
|
+
.tiny-link{--ti-link-font-size:var(--ti-common-font-size-1);--ti-link-font-weight:var(--ti-common-font-weight-5);--ti-link-border-color:var(--ti-common-color-line-active);--ti-link-has-icon-underline-width:100%;--ti-link-only-text-underline-width:100%;--ti-link-display:inline;--ti-link-svg-width:1em;--ti-link-svg-height:1em;--ti-link-svg-margin-right:0px;--ti-link-icon-hover-text-weight:var(--ti-common-font-weight-5);--ti-link-default-text-color:var(--ti-common-color-info-text);--ti-link-default-border-color:var(--ti-common-color-line-active);--ti-link-default-hover-text-color:var(--ti-common-color-text-link);--ti-link-default-disabled-text-color:var(--ti-common-color-info-disabled);--ti-link-default-hover-border-color:var(--ti-link-default-hover-text-color);--ti-link-primary-text-color:var(--ti-common-color-primary-normal);--ti-link-primary-border-color:var(--ti-common-color-line-active);--ti-link-primary-hover-text-color:var(--ti-common-color-primary-hover);--ti-link-primary-disabled-text-color:var(--ti-common-color-primary-disabled);--ti-link-danger-text-color:var(--ti-common-bg-primary);--ti-link-danger-border-color:var(--ti-common-bg-primary);--ti-link-danger-hover-text-color:var(--ti-common-bg-primary-hover);--ti-link-danger-disabled-text-color:var(--ti-common-color-danger-disabled);--ti-link-success-text-color:var(--ti-common-color-success-normal);--ti-link-success-border-color:var(--ti-common-color-success-normal);--ti-link-success-hover-text-color:var(--ti-common-color-success-hover);--ti-link-success-disabled-text-color:var(--ti-common-color-success-disabled);--ti-link-warning-text-color:var(--ti-common-color-warning-normal);--ti-link-warning-border-color:var(--ti-common-color-warning-normal);--ti-link-warning-hover-text-color:var(--ti-common-color-warning-hover);--ti-link-warning-disabled-text-color:var(--ti-common-color-warning-disabled);--ti-link-info-text-color:var(--ti-common-color-info-normal);--ti-link-info-border-color:var(--ti-common-color-info-normal);--ti-link-info-hover-text-color:var(--ti-common-color-info-hover);--ti-link-info-disabled-text-color:var(--ti-common-color-info-disabled);--ti-link-has-svg-hover-text-color:var(--ti-common-color-text-link);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;vertical-align:middle;position:relative;text-decoration:none;outline:0;cursor:pointer;padding:0;font-size:var(--ti-link-font-size);font-weight:var(--ti-link-font-weight)}.tiny-link .tiny-svg{width:var(--ti-link-svg-width);height:var(--ti-link-svg-height);margin-right:0;margin-left:var(--ti-link-svg-margin-right)}.tiny-link .tiny-link-svg{margin-right:var(--ti-link-svg-margin-right);margin-left:0}.tiny-link .tiny-link__inner .tiny-svg{margin-right:0;margin-left:var(--ti-link-svg-margin-right)}.tiny-link.tiny-link--additional:hover{color:var(--ti-link-default-hover-text-color);fill:var(--ti-link-default-hover-text-color)}.tiny-link.tiny-link--additional.is-disabled:hover{color:var(--ti-link-default-disabled-text-color);fill:var(--ti-link-default-disabled-text-color)}.tiny-link.tiny-link--additional:has(.tiny-svg):hover{font-weight:var(--ti-link-icon-hover-text-weight);color:var(--ti-link-has-svg-hover-text-color);fill:var(--ti-link-has-svg-hover-text-color)}.tiny-link.tiny-link--additional:has(.tiny-svg).is-disabled:hover{font-weight:var(--ti-common-font-weight-4);color:var(--ti-link-default-disabled-text-color);fill:var(--ti-link-default-disabled-text-color)}.tiny-link.is-underline:hover:after{content:'';width:var(--ti-link-only-text-underline-width);position:absolute;left:0;height:0;bottom:0;display:block;border-bottom:1px solid var(--ti-link-border-color)}.tiny-link.is-underline:hover:has(.tiny-svg):after{width:var(--ti-link-has-icon-underline-width)}.tiny-link.is-underline:hover:has(>:first-child:not(.tiny-link__inner)):after{left:calc(100% - var(--ti-link-has-icon-underline-width))}.tiny-link.is-disabled{cursor:not-allowed}.tiny-link.tiny-link--default{color:var(--ti-link-default-text-color);fill:var(--ti-link-default-text-color)}.tiny-link.tiny-link--default.is-underline:hover:after{border-color:var(--ti-link-default-border-color)}.tiny-link.tiny-link--default:hover{text-decoration:none}.tiny-link.tiny-link--default.is-disabled,.tiny-link.tiny-link--default.is-disabled:hover{color:var(--ti-link-default-disabled-text-color);fill:var(--ti-link-default-disabled-text-color)}.tiny-link.tiny-link--primary{color:var(--ti-link-primary-text-color);fill:var(--ti-link-primary-text-color)}.tiny-link.tiny-link--primary.is-underline:hover:after{border-color:var(--ti-link-primary-border-color)}.tiny-link.tiny-link--primary:hover{text-decoration:none}.tiny-link.tiny-link--primary.is-disabled,.tiny-link.tiny-link--primary.is-disabled:hover{color:var(--ti-link-primary-disabled-text-color);fill:var(--ti-link-primary-disabled-text-color)}.tiny-link.tiny-link--danger{color:var(--ti-link-danger-text-color);fill:var(--ti-link-danger-text-color)}.tiny-link.tiny-link--danger.is-underline:hover:after{border-color:var(--ti-link-danger-border-color)}.tiny-link.tiny-link--danger:hover{text-decoration:none}.tiny-link.tiny-link--danger.is-disabled,.tiny-link.tiny-link--danger.is-disabled:hover{color:var(--ti-link-danger-disabled-text-color);fill:var(--ti-link-danger-disabled-text-color)}.tiny-link.tiny-link--success{color:var(--ti-link-success-text-color);fill:var(--ti-link-success-text-color)}.tiny-link.tiny-link--success.is-underline:hover:after{border-color:var(--ti-link-success-border-color)}.tiny-link.tiny-link--success:hover{text-decoration:none}.tiny-link.tiny-link--success.is-disabled,.tiny-link.tiny-link--success.is-disabled:hover{color:var(--ti-link-success-disabled-text-color);fill:var(--ti-link-success-disabled-text-color)}.tiny-link.tiny-link--warning{color:var(--ti-link-warning-text-color);fill:var(--ti-link-warning-text-color)}.tiny-link.tiny-link--warning.is-underline:hover:after{border-color:var(--ti-link-warning-border-color)}.tiny-link.tiny-link--warning:hover{text-decoration:none}.tiny-link.tiny-link--warning.is-disabled,.tiny-link.tiny-link--warning.is-disabled:hover{color:var(--ti-link-warning-disabled-text-color);fill:var(--ti-link-warning-disabled-text-color)}.tiny-link.tiny-link--info{color:var(--ti-link-info-text-color);fill:var(--ti-link-info-text-color)}.tiny-link.tiny-link--info.is-underline:hover:after{border-color:var(--ti-link-info-border-color)}.tiny-link.tiny-link--info:hover{text-decoration:none}.tiny-link.tiny-link--info.is-disabled,.tiny-link.tiny-link--info.is-disabled:hover{color:var(--ti-link-info-disabled-text-color);fill:var(--ti-link-info-disabled-text-color)}
|
package/link/smb-theme.js
CHANGED
|
@@ -1,13 +1,20 @@
|
|
|
1
1
|
export const tinyLinkSmbTheme = {
|
|
2
|
-
'ti-link-display': 'none',
|
|
3
2
|
'ti-link-svg-width': '16px',
|
|
4
3
|
'ti-link-svg-height': '16px',
|
|
5
4
|
'ti-link-svg-margin-right': '4px',
|
|
6
5
|
'ti-link-font-weight': 'var(--ti-common-font-weight-4)',
|
|
7
|
-
'ti-link-default-border-display': 'block',
|
|
8
6
|
'ti-link-default-hover-border-color': '#595959',
|
|
9
|
-
'ti-link-default-hover-text-color': '
|
|
10
|
-
'ti-link-default-text-color': 'var(--ti-common-color-
|
|
7
|
+
'ti-link-default-hover-text-color': 'var(--ti-common-color-text-highlight)',
|
|
8
|
+
'ti-link-default-text-color': 'var(--ti-common-color-text-highlight)',
|
|
11
9
|
'ti-link-default-disabled-text-color': '#C2C2C2',
|
|
12
|
-
'ti-link-icon-hover-text-weight': 'var(--ti-common-font-weight-
|
|
10
|
+
'ti-link-icon-hover-text-weight': 'var(--ti-common-font-weight-4)',
|
|
11
|
+
'ti-link-default-border-color': '#1476FF',
|
|
12
|
+
'ti-link-has-icon-underline-width': 'calc(100% - 20px)',
|
|
13
|
+
'ti-link-has-svg-hover-text-color': '#1476FF',
|
|
14
|
+
'ti-link-danger-hover-text-color': 'var(--ti-common-color-danger-hover)',
|
|
15
|
+
'ti-link-primary-disabled-text-color': 'var(--ti-common-color-primary-disabled-text)',
|
|
16
|
+
'ti-link-danger-disabled-text-color': 'var(--ti-common-color-danger-disabled-text)',
|
|
17
|
+
'ti-link-success-disabled-text-color': 'var(--ti-common-color-success-disabled-text)',
|
|
18
|
+
'ti-link-warning-disabled-text-color': 'var(--ti-common-color-warning-disabled-text)',
|
|
19
|
+
'ti-link-info-disabled-text-color': 'var(--ti-common-color-info-disabled-text)'
|
|
13
20
|
}
|