@opentiny/vue-theme - npm Package Compare versions

Comparing version 3.8.0 to 3.8.2

checkbox-button/smb-theme.js

 export const tinyCheckboxButtonSmbTheme = {
   'ti-checkbox-button-bg-color': '#fff',
   'ti-checkbox-button-bg-color-hover': 'var(--ti-common-color-bg-hover)',
-  'ti-checkbox-button-hover-text-color': '#fff'
+  'ti-checkbox-button-hover-text-color': '#fff',
+  'ti-checkbox-button-border-color': '#C2C2C2',
+  'ti-checkbox-button-hover-text-color': '#191919',
+  'ti-checkbox-button-border-color-hover': '#191919',
+  'ti-checkbox-button-right-border-radius': '6px',
+  'ti-checkbox-button-left-border-radius': '6px',
+  'ti-checkbox-button-border-radius': '6px',
+  'ti-checkbox-button-padding-horizontal': '16px',
+  'ti-checkbox-button-padding-vertical': '4px',
+  'ti-checkbox-button-height': '22px',
+  'ti-checkbox-button-margin-horizontal': '4px',
+  'ti-checkbox-button-mini-margin-horizontal': '2px',
+  'ti-checkbox-button-size-mini-font-size': 'var(--ti-common-font-size-0)',
+  'ti-checkbox-button-size-mini-border-radius': '4px',
+  'ti-checkbox-button-size-small-padding-horizontal': '16px',
+  'ti-checkbox-button-size-small-height': '32px',
+  'ti-checkbox-button-checked-display': 'block',
+  'ti-checkbox-button-disabled-bg-color': 'rgba(0,0,0,0.05)',
+  'ti-checkbox-button-margin-top': '8px',
+  'ti-checkbox-button-mini-left-border-radius': '4px',
+  'ti-checkbox-button-mini-right-border-radius': '4px',
+  'ti-checkbox-button-mini-last-left-border-radius': '4px',
+  'ti-checkbox-button-mini-last-right-border-radius': '4px'
 }

checkbox-group/smb-theme.js

 export const tinyCheckboxGroupSmbTheme = {
-  'ti-checkbox-group-margin-bottom': '16px'
+  'ti-checkbox-group-margin-bottom': '16px',
+  'ti-checkbox-group-flex-wrap': 'wrap',
 }

checkbox/smb-theme.js

@@ -11,3 +11,8 @@ export const tinyCheckboxSmbTheme = {
   'ti-checkbox-icon-margin-top': '1px',
-  'ti-checkbox-icon-margin-left': '4px'
+  'ti-checkbox-icon-margin-left': '4px',
+  'ti-checkbox-button-checked-bg-color': '#FFFFFF',
+  'ti-checkbox-button-checked-text-color': '#191919',
+  'ti-checkbox-button-text-color': '#595959',
+  'ti-checkbox-button-bg-color-hover': '#FFFFFF',
+  'ti-checkbox-button-hover-text-color': '#191919',
 }

collapse-item/smb-theme.js

@@ -14,4 +14,3 @@ export const tinyCollapseItemSmbTheme = {
   'ti-collapse-item-content-padding-left': 'var(--ti-common-space-5x)',
-  'ti-collapse-item-arrow-hover-text-color': '#191919',
-  'ti-collapse-item-disabled-text-color': 'var(--ti-common-color-text-disabled)'
+  'ti-collapse-item-arrow-hover-text-color': '#191919'
 }

dialog-box/smb-theme.js

 export const tinyDialogBoxSmbTheme = {
+  'ti-dialog-box-drawer-padding-right': 'var(--ti-common-space-8x)',
   'ti-dialog-box-border-radius': 'var(--ti-common-border-radius-4)',
@@ -9,4 +10,5 @@ 'ti-dialog-box-shadow': 'var(--ti-common-shadow-4-down)',
   'ti-dialog-box-close-icon-color-hover': 'var(--ti-common-color-icon-hover)',
+  'ti-dialog-box-body-text-color': 'var(--ti-common-color-text-primary)',
   'ti-dialog-box-footer-btn-min-width': 'calc(var(--ti-common-space-base) * 24)',
   'ti-dialog-box-drawer-divider-border-color': 'transparent',
 }

dropdown-item/smb-theme.js

 export const tinyDropdownItemSmbTheme = {
-  'ti-dropdown-item-line-height': 'var(--ti-common-line-height-2)',
-  'ti-dropdown-item-padding-vertical': 'var(--ti-common-space-base)',
+  'ti-dropdown-item-expand-icon-size': 'var(--ti-common-font-size-2)',
+  'ti-dropdown-item-padding-vertical': 'var(--ti-common-space-0)',
+  'ti-dropdown-item-padding-horizontal': 'var(--ti-common-space-4x)',
   'ti-dropdown-item-hover-text-color': 'var(--ti-common-color-text-primary)',
-  'ti-dropdown-item-svg-bg-color-hover': 'var(--ti-common-color-icon-graybg-hover)'
+  'ti-dropdown-item-icon-color-hover': 'var(--ti-common-color-icon-graybg-hover)',
+  'ti-dropdown-item-expand-svg-margin-left': 'var(--ti-common-space-0)',
+  'ti-dropdown-item-expand-svg-margin-right': 'var(--ti-common-space-2x)',
+  'ti-dropdown-item-content-margin-left': 'calc(var(--ti-dropdown-item-expand-icon-size) + var(--ti-common-space-2x))',
+  'ti-dropdown-item-max-width': 'var(--ti-common-size-auto)',
+  'ti-dropdown-item-height': 'var(--ti-common-size-height-normal)',
+  'ti-dropdown-item-icon-color': 'var(--ti-common-color-icon)',
+  'ti-dropdown-item-content-font-weight-hover': 'var(--ti-common-font-weight-6)'
 }

grid/smb-theme.js

 export const tinyGridSmbTheme = {
-  'ti-grid-header-background-color': 'rgba(0,0,0,0.05)',
+  'ti-grid-header-background-color': 'var(--ti-common-color-bg-white-emphasize)',
   'ti-grid-medium-header-column-height': '46px',
@@ -8,10 +8,14 @@ 'ti-grid-default-header-column-height': '40px',
   'ti-grid-medium-column-height': '52px',
-  'ti-grid-default-column-height': '48px',
-  'ti-grid-small-column-height': '36px',
+  'ti-grid-default-column-height': 'var(--ti-common-size-height-large)',
+  'ti-grid-small-column-height': 'var(--ti-common-size-height-large)',
   'ti-grid-mini-column-height': '30px',
   'ti-grid-header-resizable-bg-color': 'rgba(0,0,0,0.15)',
-  'ti-grid-header-resizable-line-height': '22px',
+  'ti-grid-header-resizable-line-height': '16px',
   'ti-grid-checkbox-border-color': 'var(--ti-common-color-line-normal)',
   'ti-grid-checkbox-border-radius': 'var(--ti-common-border-radius-2)',
-  'ti-grid-header-repair-border-color': 'var(--ti-common-color-transparent)'
+  'ti-grid-header-repair-border-color': 'var(--ti-common-color-transparent)',
+  'ti-grid-td-padding-horizontal': '11px',
+  'ti-grid-header-text-color': 'var(--ti-common-color-text-secondary)',
+  'ti-grid-row-hover-background-color': 'var(--ti-common-color-bg-white-emphasize)',
+  'ti-grid-icon-color': 'var(--ti-common-color-icon)'
 }

notify/smb-theme.js

@@ -12,3 +12,3 @@ export const tinyNotifySmbTheme = {
   'ti-notify-content-text-color': 'var(--ti-common-color-text-secondary)',
-  'ti-notify-message-margin-right': 'var(--ti-common-space-2x)',
+  'ti-notify-message-margin-right': 'var(--ti-common-space-3x)',
   'ti-notify-close-hover-icon-color': 'var(--ti-common-color-icon-hover)',
@@ -15,0 +15,0 @@ 'ti-notify-position-top-left': 'var(--ti-common-space-6x)',

package.json

 {
   "name": "@opentiny/vue-theme",
-  "version": "3.8.0",
+  "version": "3.8.2",
   "description": "An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.",
@@ -5,0 +5,0 @@ "main": "index.css",

steps/smb-theme.js

 export const tinyStepsSmbTheme = {
   'ti-steps-icon-size': 'var(--ti-common-size-height-normal)',
-  'ti-steps-text-margin-horizontal': 'var(--ti-common-space-2x)',
+  'ti-steps-text-margin-left': 'var(--ti-common-space-2x)',
+  'ti-steps-font-size-hover': 'var(--ti-common-font-weight-bold)',
+  'ti-steps-text-color-hover': 'var(--ti-common-color-text-primary)',
   'ti-steps-content-margin-top': 'var(--ti-common-space-2x)',
@@ -9,4 +11,4 @@ 'ti-steps-advanced-li-text-color': 'var(--ti-common-color-text-white)',
   'ti-steps-done-icon-color': 'var(--ti-common-color-text-primary)',
-  'ti-steps-done-icon-size': 'var(--ti-common-font-size-5)',
-  'ti-steps-active-color-weight': 'var(--ti-common-font-weight-6)',
+  'ti-steps-done-icon-size': 'var(--ti-common-font-size-4)',
+  'ti-steps-active-font-weight': 'var(--ti-common-font-weight-6)',
   'ti-steps-line-active-bg-color': 'var(--ti-common-color-dash-line-normal)',
@@ -22,3 +24,4 @@ 'ti-steps-line-bg-color': 'var(--ti-common-color-bg-disabled)',
   'ti-steps-mini-number-font-size': 'var(--ti-common-font-size-0)',
-  'ti-steps-mini-font-size-base': 'var(--ti-common-font-size-0)'
+  'ti-steps-mini-font-size-base': 'var(--ti-common-font-size-0)',
+  'ti-steps-bottom-divider-margin-top': 'calc(var(--ti-common-space-6x) + 1px)'
 }

theme-tool.js

@@ -107,3 +107,3 @@ /**
     const componentsMap = {}
-    let rootCssVar = ':root {'
+    let rootCssVar = 'html:root {'
     let componentsCssVar = ''
@@ -110,0 +110,0 @@

theme/smb-theme/component.js

@@ -5,2 +5,3 @@ export * from '../../alert/smb-theme'
 export * from '../../button/smb-theme'
+export * from '../../button-group/smb-theme'
 export * from '../../checkbox/smb-theme'
@@ -12,5 +13,7 @@ export * from '../../checkbox-button/smb-theme'
 export * from '../../dialog-box/smb-theme'
+export * from '../../dropdown/smb-theme'
 export * from '../../dropdown-item/smb-theme'
+export * from '../../dropdown-menu/smb-theme'
+export * from '../../form-item/smb-theme'
 export * from '../../form/smb-theme'
-export * from '../../form-item/smb-theme'
 export * from '../../grid/smb-theme'
@@ -28,4 +31,4 @@ export * from '../../input/smb-theme'
 export * from '../../pager/smb-theme'
+export * from '../../popover/smb-theme'
 export * from '../../progress/smb-theme'
-export * from '../../popover/smb-theme'
 export * from '../../radio/smb-theme'
@@ -32,0 +35,0 @@ export * from '../../scrollbar/smb-theme'

theme/smb-theme/index.js

@@ -123,4 +123,4 @@ export const tinyBaseSmbTheme = {
   'ti-common-color-icon-darkbg-normal': 'var(--ti-base-color-common-3)',
-  'ti-common-color-icon-darkbg-hover': 'var(--ti-base-color-brand3)',
-  'ti-common-color-icon-darkbg-active': 'var(--ti-base-color-brand3)',
+  'ti-common-color-icon-darkbg-hover': 'var(--ti-base-color-brand-3)',
+  'ti-common-color-icon-darkbg-active': 'var(--ti-base-color-brand-3)',
   'ti-common-color-icon-darkbg-disabled': 'var(--ti-base-color-common-1)',
@@ -127,0 +127,0 @@ 'ti-common-color-icon-info': 'var(--ti-base-color-icon-info)',

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 2 instances in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Unidentified License

License

(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.

Found 3 instances in 1 package

Improved metrics

Number of low license alerts

3

decreased by-25%

Worsened metrics

Total package byte prevSize

3569709

decreased by-0.9%

Number of package files

678

decreased by-8.01%

Lines of code

3662

decreased by-35.81%

No dependency changes