@squirrel-cloud/ui-vue 0.0.5 → 0.0.7

package/README.md

@@ -1,5 +1,6 @@
 <div align="center">
-  <h2>松鼠的坚果屋VUE前端框架</h2>
+  <img height="180" src="https://squirrelcloud.cn/images/squirrel-cloud.svg">
+  <p>松鼠的坚果屋VUE前端框架</p>
 </div>
 
 ## 安装
@@ -59,3 +60,11 @@ npm install @squirrel-cloud/ui-vue
 
 - 移除对自身的引用
 - README 内容优化
+
+### V0.0.6
+
+- README 添加 LOGO
+
+### V0.0.7
+
+- 升级图标库至最新版本

package/dist/style.css

@@ -1 +1 @@
-@layer theme,component,type,custom;@layer theme{:root{color-scheme:light;--sq-color-light: #fff;--sq-color-dark: #000;--sq-bg-color: #f8fafc;--sq-text-color-regular: #1f2937;--sq-text-color-secondary: #394250;--sq-text-color-placeholder: #6d7580;--sq-border-color: #e3e8ee;--sq-border-color-light: #f2f6fa;--sq-color-primary-50: #fff7ed;--sq-color-primary-100: #ffedd5;--sq-color-primary-300: #fdba74;--sq-color-primary-400: #fb923c;--sq-color-primary-500: #f97316;--sq-color-primary-600: #ea580c;--sq-color-success-50: #f0fdf4;--sq-color-success-100: #dcfce7;--sq-color-success-300: #86efac;--sq-color-success-400: #4ade80;--sq-color-success-500: #22c55e;--sq-color-success-600: #16a34a;--sq-color-info-50: #f1fcff;--sq-color-info-100: #d9f6ff;--sq-color-info-300: #b6eeff;--sq-color-info-400: #86e1ff;--sq-color-info-500: #3ecefe;--sq-color-info-600: #32b1e2;--sq-color-warn-50: #fffbeb;--sq-color-warn-100: #fcf2c5;--sq-color-warn-300: #f8e386;--sq-color-warn-400: #f6cf46;--sq-color-warn-500: #f4ba0b;--sq-color-warn-600: #ef9b00;--sq-color-error-50: #fff1f1;--sq-color-error-100: #ffe9e8;--sq-color-error-300: #ffb2b2;--sq-color-error-400: #ff8584;--sq-color-error-500: #ff5555;--sq-color-error-600: #e83538;--sq-font-family: Microsoft Yahei UI, Microsoft YaHei, Pingfang SC, sans-serif;--sq-font-size-sm: 12px;--sq-font-size-md: 14px;--sq-font-size-lg: 16px;--sq-radius-xs: 4px;--sq-radius-sm: 8px;--sq-radius-md: 12px;--sq-radius-lg: 16px;--sq-radius-full: calc(infinity * 1px);--sq-opacity-80: .8;--sq-opacity-20: .2;--sq-padding-xs: 8px;--sq-padding-sm: 12px;--sq-padding-md: 24px;--sq-padding-lg: 36px;--sq-padding-xl: 48px;--sq-blur-md: 10px;--sq-blur-lg: 50px;--sq-component-size-xs: 24px;--sq-component-size-sm: 28px;--sq-component-size-md: 36px;--sq-component-size-lg: 48px;--sq-transition-base: .3s ease;--sq-shadow-xs-dark: 2px 2px 4px;--sq-shadow-xs-light: -2px -2px 4px;--sq-shadow-sm-dark: 4px 4px 8px;--sq-shadow-sm-light: -4px -4px 8px;--sq-shadow-md-dark: 8px 8px 16px;--sq-shadow-md-light: -8px -8px 16px;--sq-text-shadow: 1px 1px 1px rgb(from var(--sq-color-dark) r g b / var(--sq-opacity-20))}:root.dark{color-scheme:dark}}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:70}50%{stroke-dashoffset:125}to{stroke-dashoffset:70}}.s-icon{display:inline-flex}.s-icon>svg{width:1em;height:1em;fill:currentColor}.s-icon.is-loading>svg{transform-origin:center;animation:loading 1s linear infinite}.s-icon.s-icon-loading circle{fill:none;stroke:currentColor;stroke-width:4;stroke-dasharray:130;stroke-linecap:round;animation:dash 2s ease-in-out infinite}@layer component{.sq-button{--button-shadow-color: var(--sq-border-color);--button-padding: var(--sq-padding-sm);cursor:pointer;height:var(--sq-component-size-md);padding:0 var(--button-padding);color:var(--button-color, var(--sq-text-color-regular));background-color:var(--button-bg, var(--sq-color-light));border:1px solid;border-color:var(--button-border-color, var(--sq-border-color-light));border-radius:var(--sq-radius-sm);-webkit-user-select:none;user-select:none;transition:all var(--sq-transition-base)}.sq-button.sq-button--sm{height:var(--sq-component-size-sm)}.sq-button.sq-button--lg{--button-padding: calc(var(--sq-padding-xs) * 2);height:var(--sq-component-size-lg)}.sq-button:not(.is-text){box-shadow:var(--sq-shadow-sm-dark) var(--button-shadow-color),var(--sq-shadow-sm-light) var(--sq-color-light)}.sq-button.is-round{border-radius:var(--sq-radius-full);padding:0 calc(var(--button-padding) + .4em)}.sq-button:disabled{cursor:not-allowed;color:var(--button-color-disabled, var(--sq-text-color-placeholder));background-color:var(--button-bg-disabled, var(--sq-bg-color));border-color:var( --button-border-color-disabled, var(--sq-border-color-light) )}.sq-button:hover:not(:disabled){color:var(--button-color-hover, var(--sq-color-primary-500));background-color:var(--button-bg-hover, var(--sq-color-light));border-color:var( --button-border-color-hover, var(--sq-border-color-light) )}.sq-button:active:not(:disabled){box-shadow:var(--sq-shadow-xs-dark) var(--button-shadow-color),var(--sq-shadow-xs-light) var(--sq-color-light);border-color:var( --button-border-color-active, var(--sq-border-color-light) )}}@layer type{.sq-button.is-primary{--button-shadow-color: var(--sq-color-primary-100);--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-border-color: var(--sq-color-primary-400);--button-border-color-hover: var(--sq-color-primary-500);--button-border-color-active: var(--sq-color-primary-500);--button-border-color-disabled: var(--sq-color-primary-100);--button-bg: var(--sq-color-primary-500);--button-bg-hover: var(--sq-color-primary-600);--button-bg-disabled: var(--sq-color-primary-300)}.sq-button.is-success{--button-shadow-color: var(--sq-color-success-100);--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-border-color: var(--sq-color-success-400);--button-border-color-hover: var(--sq-color-success-500);--button-border-color-active: var(--sq-color-success-500);--button-border-color-disabled: var(--sq-color-success-100);--button-bg: var(--sq-color-success-500);--button-bg-hover: var(--sq-color-success-600);--button-bg-disabled: var(--sq-color-success-300)}.sq-button.is-info{--button-shadow-color: var(--sq-color-info-100);--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-border-color: var(--sq-color-info-400);--button-border-color-hover: var(--sq-color-info-500);--button-border-color-active: var(--sq-color-info-500);--button-border-color-disabled: var(--sq-color-info-100);--button-bg: var(--sq-color-info-500);--button-bg-hover: var(--sq-color-info-600);--button-bg-disabled: var(--sq-color-info-300)}.sq-button.is-warn{--button-shadow-color: var(--sq-color-warn-100);--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-border-color: var(--sq-color-warn-400);--button-border-color-hover: var(--sq-color-warn-500);--button-border-color-active: var(--sq-color-warn-500);--button-border-color-disabled: var(--sq-color-warn-100);--button-bg: var(--sq-color-warn-500);--button-bg-hover: var(--sq-color-warn-600);--button-bg-disabled: var(--sq-color-warn-300)}.sq-button.is-error{--button-shadow-color: var(--sq-color-error-100);--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-border-color: var(--sq-color-error-400);--button-border-color-hover: var(--sq-color-error-500);--button-border-color-active: var(--sq-color-error-500);--button-border-color-disabled: var(--sq-color-error-100);--button-bg: var(--sq-color-error-500);--button-bg-hover: var(--sq-color-error-600);--button-bg-disabled: var(--sq-color-error-300)}.sq-button.is-text{--button-bg: transparent;--button-bg-hover: var(--sq-bg-color);--button-bg-disabled: transparent;--button-color-hover: var(--sq-text-color-regular);--button-shadow-color: var(--sq-border-color);--button-border-color: var(--sq-color-light);--button-border-color-hover: var(--sq-bg-color);--button-border-color-active: var(--sq-border-color-light);--button-border-color-disabled: var(--sq-color-light)}.sq-button.is-text:active:not(:disabled){box-shadow:inset var(--sq-shadow-xs-dark) var(--button-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-color-light)}.sq-button.is-text.is-primary{--button-color: var(--sq-color-primary-500);--button-color-hover: var(--sq-color-primary-500);--button-color-disabled: var(--sq-color-primary-300)}.sq-button.is-text.is-success{--button-color: var(--sq-color-success-500);--button-color-hover: var(--sq-color-success-500);--button-color-disabled: var(--sq-color-success-300)}.sq-button.is-text.is-info{--button-color: var(--sq-color-info-500);--button-color-hover: var(--sq-color-info-500);--button-color-disabled: var(--sq-color-info-300)}.sq-button.is-text.is-warn{--button-color: var(--sq-color-warn-500);--button-color-hover: var(--sq-color-warn-500);--button-color-disabled: var(--sq-color-warn-300)}.sq-button.is-text.is-error{--button-color: var(--sq-color-error-500);--button-color-hover: var(--sq-color-error-500);--button-color-disabled: var(--sq-color-error-300)}}@layer component{.sq-input{--input-shadow-color: var(--sq-border-color);--input-selection-color: var(--sq-color-primary-500);--input-padding: var(--sq-padding-sm);height:var(--sq-component-size-md);width:100%;padding:0;display:flex;align-items:center;font-size:var(--sq-font-size-md);line-height:1.4;border:1px solid;border-color:var(--input-border-color, var(--sq-border-color-light));border-radius:var(--sq-radius-sm);box-sizing:border-box;box-shadow:inset var(--sq-shadow-xs-dark) var(--input-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-color-light);transition:all var(--sq-transition-base)}.sq-input.sq-input--sm{height:var(--sq-component-size-sm);font-size:var(--sq-font-size-sm)}.sq-input.sq-input--lg{--input-padding: calc(var(--sq-padding-xs) * 2);height:var(--sq-component-size-lg);font-size:var(--sq-font-size-lg)}.sq-input::selection{background-color:var(--input-selection-color);color:var(--sq-color-light);text-shadow:var(--sq-text-shadow)}.sq-input.is-round{border-radius:var(--sq-radius-full);padding:0 .4em}.sq-input.is-disabled{cursor:not-allowed;background-color:var(--sq-bg-color);border-color:var( --input-border-color-disabled, var(--sq-border-color-light) )}.sq-input.is-disabled .sq-input-inner{cursor:not-allowed}.sq-input .sq-input-prefix,.sq-input .sq-input-suffix{color:var(--sq-text-color-placeholder);-webkit-user-select:none;user-select:none}.sq-input .sq-input-prefix{margin-left:var(--input-padding)}.sq-input .sq-input-inner{height:100%;width:0;flex:1;padding:0 var(--input-padding);color:var(--sq-text-color-regular);font-size:inherit;background:transparent;border:none;outline:none}.sq-input .sq-input-suffix{margin-right:var(--input-padding)}.sq-input:active:not(.is-disabled),.sq-input:focus-within:not(.is-disabled){--input-shadow-color: var(--sq-color-primary-100);--input-border-color: var(--sq-color-primary-400)}}@layer type{.sq-input.is-success{--input-shadow-color: var(--sq-color-success-100);--input-border-color: var(--sq-color-success-500);--input-border-color-disabled: var(--sq-color-success-300);--input-selection-color: var(--sq-color-success-500)}.sq-input.is-warn{--input-shadow-color: var(--sq-color-warn-100);--input-border-color: var(--sq-color-warn-500);--input-border-color-disabled: var(--sq-color-warn-300);--input-selection-color: var(--sq-color-warn-500)}.sq-input.is-error{--input-shadow-color: var(--sq-color-error-100);--input-border-color: var(--sq-color-error-500);--input-border-color-disabled: var(--sq-color-error-300);--input-selection-color: var(--sq-color-error-500)}}@layer component{.sq-tag{--tag-shadow-color: var(--sq-border-color);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-xs);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);color:var(--tag-color, var(--sq-text-color-regular))!important;background-color:var(--tag-bg, var(--sq-color-light));border:1px solid;border-color:var(--tag-border-color, var(--sq-border-color-light));box-sizing:border-box;box-shadow:inset var(--sq-shadow-xs-dark) var(--tag-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-color-light);-webkit-user-select:none;user-select:none}.sq-tag.sq-tag--sm{--tag-padding: var(--sq-padding-xs);height:var(--sq-component-size-xs)}.sq-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-tag.is-round{border-radius:var(--sq-radius-full)}}@layer type{.sq-tag.is-primary,.sq-tag.is-success,.sq-tag.is-info,.sq-tag.is-warn,.sq-tag.is-error{box-shadow:none}.sq-tag.is-primary{--tag-color: var(--sq-color-primary-500);--tag-border-color: var(--sq-color-primary-400)}.sq-tag.is-success{--tag-color: var(--sq-color-success-500);--tag-border-color: var(--sq-color-success-400)}.sq-tag.is-info{--tag-color: var(--sq-color-info-500);--tag-border-color: var(--sq-color-info-400)}.sq-tag.is-warn{--tag-color: var(--sq-color-warn-500);--tag-border-color: var(--sq-color-warn-400)}.sq-tag.is-error{--tag-color: var(--sq-color-error-500);--tag-border-color: var(--sq-color-error-400)}.sq-tag.is-solid{--tag-color: #fff}.sq-tag.is-solid.is-primary{--tag-bg: var(--sq-color-primary-500);--tag-border-color: var(--sq-color-primary-400)}.sq-tag.is-solid.is-success{--tag-bg: var(--sq-color-success-500);--tag-border-color: var(--sq-color-success-400)}.sq-tag.is-solid.is-info{--tag-bg: var(--sq-color-info-500);--tag-border-color: var(--sq-color-info-400)}.sq-tag.is-solid.is-warn{--tag-bg: var(--sq-color-warn-500);--tag-border-color: var(--sq-color-warn-400)}.sq-tag.is-solid.is-error{--tag-bg: var(--sq-color-error-500);--tag-border-color: var(--sq-color-error-400)}.sq-tag.is-tint.is-primary{--tag-color: var(--sq-color-primary-500);--tag-bg: var(--sq-color-primary-50);--tag-border-color: var(--sq-color-primary-50)}.sq-tag.is-tint.is-success{--tag-color: var(--sq-color-success-500);--tag-bg: var(--sq-color-success-50);--tag-border-color: var(--sq-color-success-50)}.sq-tag.is-tint.is-info{--tag-color: var(--sq-color-info-500);--tag-bg: var(--sq-color-info-50);--tag-border-color: var(--sq-color-info-50)}.sq-tag.is-tint.is-warn{--tag-color: var(--sq-color-warn-500);--tag-bg: var(--sq-color-warn-50);--tag-border-color: var(--sq-color-warn-50)}.sq-tag.is-tint.is-error{--tag-color: var(--sq-color-error-500);--tag-bg: var(--sq-color-error-50);--tag-border-color: var(--sq-color-error-50)}}@layer component{.sq-text{color:currentColor;display:flex;flex-grow:0;align-items:center;column-gap:.5em;font-family:var(--sq-font-family);font-size:var(--sq-font-size-md);line-height:1.4}.sq-text::selection{background-color:var(--sq-color-primary-500);color:var(--sq-color-light);text-shadow:var(--sq-text-shadow)}.sq-text.sq-text--sm{font-size:var(--sq-font-size-sm)}.sq-text.sq-text--lg{font-size:var(--sq-font-size-lg)}.sq-text.multi-line,.sq-text.single-line{display:block;overflow:hidden;text-overflow:ellipsis}.sq-text.single-line{white-space:nowrap}.sq-text.multi-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--row-num);line-clamp:var(--row-num)}}
+@layer theme,component,type,custom;@layer theme{:root{color-scheme:light;--sq-color-light: #fff;--sq-color-dark: #000;--sq-bg-color: #f8fafc;--sq-text-color-regular: #1f2937;--sq-text-color-secondary: #394250;--sq-text-color-placeholder: #6d7580;--sq-border-color: #e3e8ee;--sq-border-color-light: #f2f6fa;--sq-color-primary-50: #fff7ed;--sq-color-primary-100: #ffedd5;--sq-color-primary-300: #fdba74;--sq-color-primary-400: #fb923c;--sq-color-primary-500: #f97316;--sq-color-primary-600: #ea580c;--sq-color-success-50: #f0fdf4;--sq-color-success-100: #dcfce7;--sq-color-success-300: #86efac;--sq-color-success-400: #4ade80;--sq-color-success-500: #22c55e;--sq-color-success-600: #16a34a;--sq-color-info-50: #f1fcff;--sq-color-info-100: #d9f6ff;--sq-color-info-300: #b6eeff;--sq-color-info-400: #86e1ff;--sq-color-info-500: #3ecefe;--sq-color-info-600: #32b1e2;--sq-color-warn-50: #fffbeb;--sq-color-warn-100: #fcf2c5;--sq-color-warn-300: #f8e386;--sq-color-warn-400: #f6cf46;--sq-color-warn-500: #f4ba0b;--sq-color-warn-600: #ef9b00;--sq-color-error-50: #fff1f1;--sq-color-error-100: #ffe9e8;--sq-color-error-300: #ffb2b2;--sq-color-error-400: #ff8584;--sq-color-error-500: #ff5555;--sq-color-error-600: #e83538;--sq-font-family: Microsoft Yahei UI, Microsoft YaHei, Pingfang SC, sans-serif;--sq-font-size-sm: 12px;--sq-font-size-md: 14px;--sq-font-size-lg: 16px;--sq-radius-xs: 4px;--sq-radius-sm: 8px;--sq-radius-md: 12px;--sq-radius-lg: 16px;--sq-radius-full: calc(infinity * 1px);--sq-opacity-80: .8;--sq-opacity-20: .2;--sq-padding-xs: 8px;--sq-padding-sm: 12px;--sq-padding-md: 24px;--sq-padding-lg: 36px;--sq-padding-xl: 48px;--sq-blur-md: 10px;--sq-blur-lg: 50px;--sq-component-size-xs: 24px;--sq-component-size-sm: 28px;--sq-component-size-md: 36px;--sq-component-size-lg: 48px;--sq-transition-base: .3s ease;--sq-shadow-xs-dark: 2px 2px 4px;--sq-shadow-xs-light: -2px -2px 4px;--sq-shadow-sm-dark: 4px 4px 8px;--sq-shadow-sm-light: -4px -4px 8px;--sq-shadow-md-dark: 8px 8px 16px;--sq-shadow-md-light: -8px -8px 16px;--sq-text-shadow: 1px 1px 1px rgb(from var(--sq-color-dark) r g b / var(--sq-opacity-20))}:root.dark{color-scheme:dark}}@layer component{@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dashoffset:70}50%{stroke-dashoffset:125}to{stroke-dashoffset:70}}.sq-icon{display:inline-flex}.sq-icon>svg{width:1em;height:1em;fill:currentColor}.sq-icon.is-loading>svg{transform-origin:center;animation:loading 1s linear infinite}.sq-icon[data-icon=loading] circle{fill:none;stroke:currentColor;stroke-width:4;stroke-dasharray:130;stroke-linecap:round;animation:dash 2s ease-in-out infinite}}@layer component{.sq-button{--button-shadow-color: var(--sq-border-color);--button-padding: var(--sq-padding-sm);cursor:pointer;height:var(--sq-component-size-md);padding:0 var(--button-padding);color:var(--button-color, var(--sq-text-color-regular));background-color:var(--button-bg, var(--sq-color-light));border:1px solid;border-color:var(--button-border-color, var(--sq-border-color-light));border-radius:var(--sq-radius-sm);-webkit-user-select:none;user-select:none;transition:all var(--sq-transition-base)}.sq-button.sq-button--sm{height:var(--sq-component-size-sm)}.sq-button.sq-button--lg{--button-padding: calc(var(--sq-padding-xs) * 2);height:var(--sq-component-size-lg)}.sq-button:not(.is-text){box-shadow:var(--sq-shadow-sm-dark) var(--button-shadow-color),var(--sq-shadow-sm-light) var(--sq-color-light)}.sq-button.is-round{border-radius:var(--sq-radius-full);padding:0 calc(var(--button-padding) + .4em)}.sq-button:disabled{cursor:not-allowed;color:var(--button-color-disabled, var(--sq-text-color-placeholder));background-color:var(--button-bg-disabled, var(--sq-bg-color));border-color:var( --button-border-color-disabled, var(--sq-border-color-light) )}.sq-button:hover:not(:disabled){color:var(--button-color-hover, var(--sq-color-primary-500));background-color:var(--button-bg-hover, var(--sq-color-light));border-color:var( --button-border-color-hover, var(--sq-border-color-light) )}.sq-button:active:not(:disabled){box-shadow:var(--sq-shadow-xs-dark) var(--button-shadow-color),var(--sq-shadow-xs-light) var(--sq-color-light);border-color:var( --button-border-color-active, var(--sq-border-color-light) )}}@layer type{.sq-button.is-primary{--button-shadow-color: var(--sq-color-primary-100);--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-border-color: var(--sq-color-primary-400);--button-border-color-hover: var(--sq-color-primary-500);--button-border-color-active: var(--sq-color-primary-500);--button-border-color-disabled: var(--sq-color-primary-100);--button-bg: var(--sq-color-primary-500);--button-bg-hover: var(--sq-color-primary-600);--button-bg-disabled: var(--sq-color-primary-300)}.sq-button.is-success{--button-shadow-color: var(--sq-color-success-100);--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-border-color: var(--sq-color-success-400);--button-border-color-hover: var(--sq-color-success-500);--button-border-color-active: var(--sq-color-success-500);--button-border-color-disabled: var(--sq-color-success-100);--button-bg: var(--sq-color-success-500);--button-bg-hover: var(--sq-color-success-600);--button-bg-disabled: var(--sq-color-success-300)}.sq-button.is-info{--button-shadow-color: var(--sq-color-info-100);--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-border-color: var(--sq-color-info-400);--button-border-color-hover: var(--sq-color-info-500);--button-border-color-active: var(--sq-color-info-500);--button-border-color-disabled: var(--sq-color-info-100);--button-bg: var(--sq-color-info-500);--button-bg-hover: var(--sq-color-info-600);--button-bg-disabled: var(--sq-color-info-300)}.sq-button.is-warn{--button-shadow-color: var(--sq-color-warn-100);--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-border-color: var(--sq-color-warn-400);--button-border-color-hover: var(--sq-color-warn-500);--button-border-color-active: var(--sq-color-warn-500);--button-border-color-disabled: var(--sq-color-warn-100);--button-bg: var(--sq-color-warn-500);--button-bg-hover: var(--sq-color-warn-600);--button-bg-disabled: var(--sq-color-warn-300)}.sq-button.is-error{--button-shadow-color: var(--sq-color-error-100);--button-color: #fff;--button-color-hover: #fff;--button-color-disabled: #fff;--button-border-color: var(--sq-color-error-400);--button-border-color-hover: var(--sq-color-error-500);--button-border-color-active: var(--sq-color-error-500);--button-border-color-disabled: var(--sq-color-error-100);--button-bg: var(--sq-color-error-500);--button-bg-hover: var(--sq-color-error-600);--button-bg-disabled: var(--sq-color-error-300)}.sq-button.is-text{--button-bg: transparent;--button-bg-hover: var(--sq-bg-color);--button-bg-disabled: transparent;--button-color-hover: var(--sq-text-color-regular);--button-shadow-color: var(--sq-border-color);--button-border-color: var(--sq-color-light);--button-border-color-hover: var(--sq-bg-color);--button-border-color-active: var(--sq-border-color-light);--button-border-color-disabled: var(--sq-color-light)}.sq-button.is-text:active:not(:disabled){box-shadow:inset var(--sq-shadow-xs-dark) var(--button-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-color-light)}.sq-button.is-text.is-primary{--button-color: var(--sq-color-primary-500);--button-color-hover: var(--sq-color-primary-500);--button-color-disabled: var(--sq-color-primary-300)}.sq-button.is-text.is-success{--button-color: var(--sq-color-success-500);--button-color-hover: var(--sq-color-success-500);--button-color-disabled: var(--sq-color-success-300)}.sq-button.is-text.is-info{--button-color: var(--sq-color-info-500);--button-color-hover: var(--sq-color-info-500);--button-color-disabled: var(--sq-color-info-300)}.sq-button.is-text.is-warn{--button-color: var(--sq-color-warn-500);--button-color-hover: var(--sq-color-warn-500);--button-color-disabled: var(--sq-color-warn-300)}.sq-button.is-text.is-error{--button-color: var(--sq-color-error-500);--button-color-hover: var(--sq-color-error-500);--button-color-disabled: var(--sq-color-error-300)}}@layer component{.sq-input{--input-shadow-color: var(--sq-border-color);--input-selection-color: var(--sq-color-primary-500);--input-padding: var(--sq-padding-sm);height:var(--sq-component-size-md);width:100%;padding:0;display:flex;align-items:center;font-size:var(--sq-font-size-md);line-height:1.4;border:1px solid;border-color:var(--input-border-color, var(--sq-border-color-light));border-radius:var(--sq-radius-sm);box-sizing:border-box;box-shadow:inset var(--sq-shadow-xs-dark) var(--input-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-color-light);transition:all var(--sq-transition-base)}.sq-input.sq-input--sm{height:var(--sq-component-size-sm);font-size:var(--sq-font-size-sm)}.sq-input.sq-input--lg{--input-padding: calc(var(--sq-padding-xs) * 2);height:var(--sq-component-size-lg);font-size:var(--sq-font-size-lg)}.sq-input::selection{background-color:var(--input-selection-color);color:var(--sq-color-light);text-shadow:var(--sq-text-shadow)}.sq-input.is-round{border-radius:var(--sq-radius-full);padding:0 .4em}.sq-input.is-disabled{cursor:not-allowed;background-color:var(--sq-bg-color);border-color:var( --input-border-color-disabled, var(--sq-border-color-light) )}.sq-input.is-disabled .sq-input-inner{cursor:not-allowed}.sq-input .sq-input-prefix,.sq-input .sq-input-suffix{color:var(--sq-text-color-placeholder);-webkit-user-select:none;user-select:none}.sq-input .sq-input-prefix{margin-left:var(--input-padding)}.sq-input .sq-input-inner{height:100%;width:0;flex:1;padding:0 var(--input-padding);color:var(--sq-text-color-regular);font-size:inherit;background:transparent;border:none;outline:none}.sq-input .sq-input-suffix{margin-right:var(--input-padding)}.sq-input:active:not(.is-disabled),.sq-input:focus-within:not(.is-disabled){--input-shadow-color: var(--sq-color-primary-100);--input-border-color: var(--sq-color-primary-400)}}@layer type{.sq-input.is-success{--input-shadow-color: var(--sq-color-success-100);--input-border-color: var(--sq-color-success-500);--input-border-color-disabled: var(--sq-color-success-300);--input-selection-color: var(--sq-color-success-500)}.sq-input.is-warn{--input-shadow-color: var(--sq-color-warn-100);--input-border-color: var(--sq-color-warn-500);--input-border-color-disabled: var(--sq-color-warn-300);--input-selection-color: var(--sq-color-warn-500)}.sq-input.is-error{--input-shadow-color: var(--sq-color-error-100);--input-border-color: var(--sq-color-error-500);--input-border-color-disabled: var(--sq-color-error-300);--input-selection-color: var(--sq-color-error-500)}}@layer component{.sq-tag{--tag-shadow-color: var(--sq-border-color);--tag-padding: var(--sq-padding-sm);border-radius:var(--sq-radius-xs);height:var(--sq-component-size-sm);padding:0 var(--tag-padding);color:var(--tag-color, var(--sq-text-color-regular))!important;background-color:var(--tag-bg, var(--sq-color-light));border:1px solid;border-color:var(--tag-border-color, var(--sq-border-color-light));box-sizing:border-box;box-shadow:inset var(--sq-shadow-xs-dark) var(--tag-shadow-color),inset var(--sq-shadow-xs-light) var(--sq-color-light);-webkit-user-select:none;user-select:none}.sq-tag.sq-tag--sm{--tag-padding: var(--sq-padding-xs);height:var(--sq-component-size-xs)}.sq-tag.sq-tag--lg{height:var(--sq-component-size-md)}.sq-tag.is-round{border-radius:var(--sq-radius-full)}}@layer type{.sq-tag.is-primary,.sq-tag.is-success,.sq-tag.is-info,.sq-tag.is-warn,.sq-tag.is-error{box-shadow:none}.sq-tag.is-primary{--tag-color: var(--sq-color-primary-500);--tag-border-color: var(--sq-color-primary-400)}.sq-tag.is-success{--tag-color: var(--sq-color-success-500);--tag-border-color: var(--sq-color-success-400)}.sq-tag.is-info{--tag-color: var(--sq-color-info-500);--tag-border-color: var(--sq-color-info-400)}.sq-tag.is-warn{--tag-color: var(--sq-color-warn-500);--tag-border-color: var(--sq-color-warn-400)}.sq-tag.is-error{--tag-color: var(--sq-color-error-500);--tag-border-color: var(--sq-color-error-400)}.sq-tag.is-solid{--tag-color: #fff}.sq-tag.is-solid.is-primary{--tag-bg: var(--sq-color-primary-500);--tag-border-color: var(--sq-color-primary-400)}.sq-tag.is-solid.is-success{--tag-bg: var(--sq-color-success-500);--tag-border-color: var(--sq-color-success-400)}.sq-tag.is-solid.is-info{--tag-bg: var(--sq-color-info-500);--tag-border-color: var(--sq-color-info-400)}.sq-tag.is-solid.is-warn{--tag-bg: var(--sq-color-warn-500);--tag-border-color: var(--sq-color-warn-400)}.sq-tag.is-solid.is-error{--tag-bg: var(--sq-color-error-500);--tag-border-color: var(--sq-color-error-400)}.sq-tag.is-tint.is-primary{--tag-color: var(--sq-color-primary-500);--tag-bg: var(--sq-color-primary-50);--tag-border-color: var(--sq-color-primary-50)}.sq-tag.is-tint.is-success{--tag-color: var(--sq-color-success-500);--tag-bg: var(--sq-color-success-50);--tag-border-color: var(--sq-color-success-50)}.sq-tag.is-tint.is-info{--tag-color: var(--sq-color-info-500);--tag-bg: var(--sq-color-info-50);--tag-border-color: var(--sq-color-info-50)}.sq-tag.is-tint.is-warn{--tag-color: var(--sq-color-warn-500);--tag-bg: var(--sq-color-warn-50);--tag-border-color: var(--sq-color-warn-50)}.sq-tag.is-tint.is-error{--tag-color: var(--sq-color-error-500);--tag-bg: var(--sq-color-error-50);--tag-border-color: var(--sq-color-error-50)}}@layer component{.sq-text{color:currentColor;display:flex;flex-grow:0;align-items:center;column-gap:.5em;font-family:var(--sq-font-family);font-size:var(--sq-font-size-md);line-height:1.4}.sq-text::selection{background-color:var(--sq-color-primary-500);color:var(--sq-color-light);text-shadow:var(--sq-text-shadow)}.sq-text.sq-text--sm{font-size:var(--sq-font-size-sm)}.sq-text.sq-text--lg{font-size:var(--sq-font-size-lg)}.sq-text.multi-line,.sq-text.single-line{display:block;overflow:hidden;text-overflow:ellipsis}.sq-text.single-line{white-space:nowrap}.sq-text.multi-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--row-num);line-clamp:var(--row-num)}}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@squirrel-cloud/ui-vue",
   "description": "松鼠的坚果屋前端VUE框架",
   "license": "GPL-3.0",
-  "version": "0.0.5",
+  "version": "0.0.7",
   "private": false,
   "type": "module",
   "files": [
@@ -40,7 +40,7 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
-    "@squirrel-cloud/icons-vue": "^0.0.2",
+    "@squirrel-cloud/icons-vue": "^0.0.5",
     "vue": "^3.5.13"
   },
   "devDependencies": {