@neatui/css 1.0.2

package/form/form@d/textarea.scss

@@ -0,0 +1,104 @@
+/**
+属性	        描述
+disabled	   规定输入字段应该被禁用。
+max	         规定输入字段的最大值。
+maxlength	   规定输入字段的最大字符数。
+min          规定输入字段的最小值。
+pattern	     规定通过其检查输入值的正则表达式。
+readonly	   规定输入字段为只读（无法修改）。
+required	   规定输入字段是必需的（必需填写）。
+size	       规定输入字段的宽度（以字符计）。
+step	       规定输入字段的合法数字间隔。
+value	       规定输入字段的默认值。
+*/
+@use 'sass:math';
+$co: 'info', 'well', 'warn', 'risk';
+
+[ui-form~='@d'] {
+  &[ui-form~='type:textarea'] {
+    position: relative;
+    min-width: 6em;
+    line-height: 1.5em;
+    padding: 0.5em;
+    border-radius: 0.1em;
+    transition: all 0.5s;
+
+    @include theme {
+      box-shadow: inset 0 0 0 1px co(case);
+      background-color: co(fore);
+    }
+
+    &:hover {
+      @include theme {
+        box-shadow: inset 0 0 0 1px rgba(co(main), 0.5);
+      }
+    }
+
+    &.form-focus,
+    &:focus {
+      @include theme {
+        box-shadow:
+          inset 0 0 0 1px rgba(co(main), 0.5),
+          0 0 0 2px rgba(co(main), 0.15);
+      }
+    }
+
+    // 颜色
+    @each $c in $co {
+      &[ui-form~='co:#{$c}'] {
+        @include theme {
+          color: mix(co($c), co(text), 85%);
+          box-shadow:
+            inset 0 0 0 1px rgba(co($c), 0.6),
+            0 0 0 2px rgba(co($c), 0.15) !important;
+          background-color: rgba(co($c), 0.035);
+        }
+      }
+
+      &[ui-form~='co:hover:#{$c}'] {
+        &:hover {
+          @include theme {
+            color: mix(co($c), co(text), 85%);
+            box-shadow:
+              inset 0 0 0 1px rgba(co($c), 0.6),
+              0 0 0 2px rgba(co($c), 0.15) !important;
+            background-color: rgba(co($c), 0.035);
+          }
+        }
+      }
+
+      &[ui-form~='co:focus:#{$c}'] {
+        &:focus-within {
+          @include theme {
+            color: mix(co($c), co(text), 85%);
+            box-shadow:
+              inset 0 0 0 1px rgba(co($c), 0.6),
+              0 0 0 2px rgba(co($c), 0.15) !important;
+            background-color: rgba(co($c), 0.035);
+          }
+        }
+      }
+    }
+
+    &,
+    textarea {
+      &:-webkit-autofill {
+        @include theme {
+          box-shadow: 0 0 0 1000px co(fore) inset;
+          color: co(read);
+          -webkit-text-fill-color: co(read);
+        }
+      }
+
+      &::-webkit-input-placeholder {
+        @include theme {
+          color: rgba(co(read), 0.5);
+        }
+      }
+    }
+
+    textarea {
+      width: 100%;
+    }
+  }
+}

package/form/form@d/upload.scss

@@ -0,0 +1,160 @@
+@use 'sass:math';
+
+[ui-form~='@d'] {
+  &[ui-form~='type:upload'] {
+    position: relative;
+    display: inline-flex;
+
+    &[ui-form~=':block'] {
+      display: flex;
+    }
+
+    %item {
+      position: relative;
+      width: 10rem;
+      height: 10rem;
+      display: inline-flex;
+      justify-content: center;
+      align-items: center;
+      justify-items: center;
+      border-radius: 0.25em;
+      padding: 0.5em;
+      text-align: center;
+      overflow: hidden;
+      transition: all 0.5s;
+      border-style: solid;
+      border-width: 1px;
+      @include theme {
+        border-color: co(line);
+        background-color: co(fore);
+      }
+    }
+
+    @keyframes am-file-add {
+      0% {
+      }
+      100% {
+      }
+    }
+    @keyframes am-file-del {
+      0% {
+        opacity: 1;
+      }
+      30% {
+        margin: 0.5em 1.5em 1.5em 0.5em;
+        opacity: 0;
+      }
+      100% {
+        width: 0;
+        height: 0;
+        margin: 0;
+        opacity: 0;
+        padding: 0;
+      }
+    }
+
+    [ui-form-files] {
+      position: relative;
+      display: flex;
+      flex-direction: row;
+      flex-wrap: wrap;
+
+      & > * {
+        @extend %item;
+
+        &::after {
+          content: '';
+          position: absolute;
+          display: block;
+          width: 100%;
+          height: 0.5em;
+          top: 0;
+          left: 0;
+
+          @include theme {
+            background-color: co(fore);
+          }
+        }
+
+        img,
+        video {
+          max-width: 100%;
+          max-height: 100%;
+          border-radius: 0.15em;
+          transform: translate3d(0, 0, 0);
+          transition: all 0.5s;
+          transform-origin: 50% 0%;
+        }
+        // 进度条
+        [ui-form-file-progress] {
+          position: absolute;
+          width: 100%;
+          height: 100%;
+          @include theme {
+            background-color: rgba(co(fore), 0.85);
+          }
+          top: 0;
+          right: 0;
+        }
+
+        // 工具栏
+        [ui-form-file-tools] {
+          position: absolute;
+          height: 1.5em;
+          width: 100%;
+          opacity: 0;
+          pointer-events: none;
+          transition: all 0.5s;
+          bottom: 0em;
+          left: 0;
+          transform: translate3d(0, 2em, 0);
+
+          & > * {
+            width: 1.5em;
+            height: 1.5em;
+            border-radius: 50%;
+          }
+        }
+        &:hover {
+          [ui-form-file-tools] {
+            opacity: 1;
+            pointer-events: auto;
+            transform: translate3d(0, -0.5em, 0);
+          }
+          img,
+          video {
+            border-radius: 1em;
+            transform: translate3d(0, -2em, 0);
+          }
+        }
+
+        // 删除时
+        &.deling {
+          animation: am-file-del 0.35s forwards;
+        }
+      }
+    }
+
+    [ui-form-input] {
+      @extend %item;
+      border-style: dashed;
+      @include theme {
+        border-color: co(case);
+      }
+      input {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        left: 0;
+        top: 0;
+        opacity: 0;
+
+        &:-webkit-autofill {
+          @include theme {
+            box-shadow: 0 0 0 1000px co(fore) inset;
+          }
+        }
+      }
+    }
+  }
+}

package/form/mcui@form.scss

@@ -0,0 +1,4 @@
+@import './form@a';
+@import './form@b';
+@import './form@c';
+@import './form@d';

package/form/package.json

@@ -0,0 +1,22 @@
+{
+  "name": "@neatui/form",
+  "version": "1.3.63",
+  "description": "",
+  "main": "mcui@form.scss",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://gitlab.com/mcui/mcui.desktop.git"
+  },
+  "keywords": [
+    "mcui"
+  ],
+  "author": "xiaojunbo",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://gitlab.com/mcui/mcui.desktop/issues"
+  },
+  "homepage": "https://gitlab.com/mcui/mcui.desktop#readme"
+}

package/form/radio@theme=aa.scss

@@ -0,0 +1,74 @@
+.ui-radio {
+  position: relative;
+  display: inline-block;
+  width: 1rem;
+  height: 1rem;
+  top: -1px;
+  vertical-align: middle;
+  cursor: pointer;
+}
+.ui-radio + * {
+  cursor: pointer;
+}
+.ui-radio > input {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  z-index: 2;
+  filter: alpha(opacity=0);
+  -moz-opacity: 0;
+  opacity: 0;
+  cursor: pointer;
+}
+.ui-radio > input + * {
+  position: absolute;
+  display: inline-block;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  border: 1px solid #dfdfdf;
+  border-radius: 50%;
+}
+.ui-radio > input:checked + * {
+  background: #40beff;
+  border: 1px solid #35b8fb;
+}
+.ui-radio > input:checked + *:before {
+  display: block;
+  content: '';
+  background: #fff;
+  width: 0.5rem;
+  height: 0.5rem;
+  border-radius: 50%;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  margin: -0.25rem auto auto -0.25rem;
+  box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
+}
+.ui-radio > input + * {
+  -webkit-transition: all 0.3s;
+  -moz-transition: all 0.3s;
+  -o-transition: all 0.3s;
+  transition: all 0.3s;
+}
+.ui-radio[data-co='vice'] > input:checked + * {
+  background: #ffba46;
+  border: 1px solid #ffa81b;
+}
+.ui-radio[data-co='success'] > input:checked + * {
+  background: #7cd22b;
+  border: 1px solid #71c323;
+}
+.ui-radio[data-co='info'] > input:checked + * {
+  background: #bea3eb;
+  border: 1px solid #b395e7;
+}
+.ui-radio[data-co='warn'] > input:checked + * {
+  background: #ffba46;
+  border: 1px solid #ffa929;
+}
+.ui-radio[data-co='error'] > input:checked + * {
+  background: #ff8176;
+  border: 1px solid #ff897f;
+}

package/grid/grid@a.scss

@@ -0,0 +1,54 @@
+[ui-grid~='@a'] {
+  & {
+    display: inline-flex;
+    flex-wrap: wrap;
+  }
+
+  &[ui-grid~=':block'] {
+    display: flex;
+  }
+
+  & > * {
+    position: relative;
+    padding: 1.5em;
+    @include theme {
+      box-shadow:
+        inset -1px -1px 0 0 co(line),
+        -1px -1px 0 0 co(line);
+      background-color: co(fore);
+    }
+
+    &:hover {
+      [ui-grid-select] {
+        opacity: 1;
+      }
+    }
+  }
+
+  [ui-grid-cover] {
+    position: relative;
+    width: 100%;
+    height: 0;
+    box-sizing: content-box;
+    padding-top: 75%;
+    & > * {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      left: 0;
+      top: 0;
+      border-radius: 0.3em;
+      @include theme {
+        background-color: co(weak);
+      }
+    }
+  }
+
+  [ui-grid-select] {
+    position: absolute;
+    right: 0.2em;
+    top: 0.5em;
+    opacity: 0;
+    transition: all 0.35s;
+  }
+}

package/grid/mcui@grid.scss

@@ -0,0 +1 @@
+@import './grid@a.scss';

package/grid/package.json

@@ -0,0 +1,16 @@
+{
+  "name": "@neatui/grid",
+  "version": "1.0.1",
+  "description": "",
+  "main": "mcui@grid.scss",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "xiaojunbo",
+  "license": "MIT",
+  "dependencies": {},
+  "keywords": [
+    "mcui",
+    "ui"
+  ]
+}

package/icon/icon@add.scss

@@ -0,0 +1,9 @@
+// 加号
+%icon-add {
+  background:
+    linear-gradient(0deg, transparent 43%, currentColor 44%, currentColor 57%, transparent 58%) no-repeat center / 70% 70%,
+    linear-gradient(90deg, transparent 43%, currentColor 44%, currentColor 57%, transparent 58%) no-repeat center / 70% 70%;
+}
+[ui-icon~='add'] {
+  @extend %icon-add;
+}

package/icon/icon@close.scss

@@ -0,0 +1,12 @@
+// 关闭
+%icon-close {
+  background-image: linear-gradient(45deg, transparent 43%, currentColor 44%, currentColor 56%, transparent 57%),
+    linear-gradient(-45deg, transparent 43%, currentColor 44%, currentColor 56%, transparent 57%);
+  background-repeat: no-repeat;
+  background-size: 53% 53%;
+  background-position: center;
+}
+[ui-icon~='close'] {
+  border-radius: 30%;
+  @extend %icon-close;
+}

package/icon/icon@down.scss

@@ -0,0 +1,9 @@
+// 下载
+%icon-down {
+  background:
+    linear-gradient(45deg, transparent 51%, currentColor 52%, currentColor 67%, transparent 68%) no-repeat 23.5% 65% / 35% 50%,
+    linear-gradient(-45deg, transparent 51%, currentColor 52%, currentColor 67%, transparent 68%) no-repeat 76.5% 65% / 35% 50%;
+}
+[ui-icon~='down'] {
+  @extend %icon-down;
+}

package/icon/icon@download.scss

@@ -0,0 +1,26 @@
+// 下载
+%icon-download {
+  background:
+    radial-gradient(circle at 50% 56%, currentColor 4%, transparent 5%),
+    radial-gradient(circle at 47% 54%, currentColor 4%, transparent 5%),
+    radial-gradient(circle at 53% 54%, currentColor 4%, transparent 5%),
+    radial-gradient(circle at 44% 52%, currentColor 3.7%, transparent 4.7%),
+    radial-gradient(circle at 56% 52%, currentColor 3.7%, transparent 4.7%),
+    radial-gradient(circle at 41% 50%, currentColor 3.5%, transparent 4.5%),
+    radial-gradient(circle at 59% 50%, currentColor 3.5%, transparent 4.5%),
+    radial-gradient(circle at 38% 48%, currentColor 3.3%, transparent 4.3%),
+    radial-gradient(circle at 62% 48%, currentColor 3.3%, transparent 4.3%),
+    radial-gradient(circle at 35% 46%, currentColor 3.1%, transparent 4.1%),
+    radial-gradient(circle at 65% 46%, currentColor 3.1%, transparent 4.1%),
+    radial-gradient(circle at 32% 44%, currentColor 2.9%, transparent 3.9%),
+    radial-gradient(circle at 68% 44%, currentColor 2.9%, transparent 3.9%),
+    radial-gradient(circle at 80% 82%, currentColor 3.5%, transparent 4.5%),
+    radial-gradient(circle at 20% 82%, currentColor 3.5%, transparent 4.5%),
+    linear-gradient(90deg, transparent 0%, currentColor 2%, currentColor 10%, transparent 13%, transparent 87%, currentColor 90%, currentColor 98%, transparent 100%) no-repeat 50%
+      75% / 70% 20%,
+    linear-gradient(0deg, transparent 42%, currentColor 45%, currentColor 55%, transparent 58%) no-repeat 50% 116% / 60% 50%,
+    linear-gradient(90deg, transparent 42%, currentColor 45%, currentColor 55%, transparent 58%) no-repeat 50% 30% / 50% 40%;
+}
+[ui-icon~='download'] {
+  @extend %icon-download;
+}

package/icon/icon@drag.scss

@@ -0,0 +1,9 @@
+// 拖拽
+%icon-drag {
+  background: radial-gradient(circle at 35% 15%, currentColor 8%, transparent 9%), radial-gradient(circle at 65% 15%, currentColor 8%, transparent 9%),
+    radial-gradient(circle at 35% 50%, currentColor 10.5%, transparent 11.5%), radial-gradient(circle at 65% 50%, currentColor 10.5%, transparent 11.5%),
+    radial-gradient(circle at 35% 85%, currentColor 8%, transparent 9%), radial-gradient(circle at 65% 85%, currentColor 8%, transparent 9%);
+}
+[ui-icon~='drag'] {
+  @extend %icon-drag;
+}

package/icon/icon@except.scss

@@ -0,0 +1,9 @@
+// 除以
+%icon-except {
+  background: linear-gradient(0deg, transparent 42%, currentColor 0%, currentColor 57%, transparent 0%), radial-gradient(circle at 50% 18%, currentColor 12%, transparent 00%),
+    radial-gradient(circle at 50% 83%, currentColor 13%, transparent 00%);
+}
+
+[ui-icon~='except'] {
+  @extend %icon-except;
+}

package/icon/icon@hook.scss

@@ -0,0 +1,16 @@
+// 打勾
+%icon-hook {
+  background-image: radial-gradient(circle at 26% 46%, currentColor 5.5%, transparent 6.5%), radial-gradient(circle at 29% 49%, currentColor 6%, transparent 7%),
+    radial-gradient(circle at 32% 51.5%, currentColor 6.5%, transparent 7.5%), radial-gradient(circle at 35% 54.4%, currentColor 7%, transparent 8%),
+    radial-gradient(circle at 38% 57.5%, currentColor 7.5%, transparent 8.5%), radial-gradient(circle at 42% 61%, currentColor 8%, transparent 9%),
+    radial-gradient(circle at 45% 63%, currentColor 9%, transparent 10%), radial-gradient(circle at 47% 69.8%, currentColor 5%, transparent 6%),
+    radial-gradient(circle at 50.8% 63.8%, currentColor 5%, transparent 6%), radial-gradient(circle at 52.5% 57%, currentColor 8%, transparent 9%),
+    radial-gradient(circle at 55.8% 52%, currentColor 7.5%, transparent 8.5%), radial-gradient(circle at 59% 47.5%, currentColor 7%, transparent 8%),
+    radial-gradient(circle at 62.8% 42%, currentColor 6%, transparent 7%), radial-gradient(circle at 66.8% 37%, currentColor 5%, transparent 6%),
+    radial-gradient(circle at 70% 32.5%, currentColor 4.5%, transparent 5.5%), radial-gradient(circle at 73.8% 28%, currentColor 3.9%, transparent 4.9%),
+    radial-gradient(circle at 77.5% 23.7%, currentColor 3.4%, transparent 4.4%);
+}
+
+[ui-icon~='hook'] {
+  @extend %icon-hook;
+}

package/icon/icon@left.scss

@@ -0,0 +1,9 @@
+%icon-left {
+  background:
+    linear-gradient(-225deg, transparent 51%, currentColor 52%, currentColor 67%, transparent 68%) no-repeat 30% 23.5% / 50% 35%,
+    linear-gradient(45deg, transparent 51%, currentColor 52%, currentColor 67%, transparent 68%) no-repeat 30% 76.5% / 50% 35%;
+}
+
+[ui-icon~='left'] {
+  @extend %icon-left;
+}

package/icon/icon@link.scss

@@ -0,0 +1,14 @@
+%icon-link {
+  background:
+    linear-gradient(-45deg, transparent 38%, currentColor 40%, currentColor 60%, transparent 62%) no-repeat 50% 50% / 30% 30%,
+    linear-gradient(-45deg, transparent 32%, currentColor 34%, currentColor 63%, transparent 65%) no-repeat 19% 51% / 20% 20%,
+    linear-gradient(-45deg, transparent 32%, currentColor 34%, currentColor 63%, transparent 65%) no-repeat 48% 81% / 20% 20%,
+    linear-gradient(-45deg, transparent 32%, currentColor 34%, currentColor 63%, transparent 65%) no-repeat 51% 19% / 20% 20%,
+    linear-gradient(-45deg, transparent 32%, currentColor 34%, currentColor 63%, transparent 65%) no-repeat 81% 48% / 20% 20%,
+    radial-gradient(circle at 75% 25%, transparent 37%, currentColor 39%, currentColor 60%, transparent 62%) no-repeat 15% 85% / 35% 35%,
+    radial-gradient(circle at 25% 75%, transparent 37%, currentColor 39%, currentColor 60%, transparent 62%) no-repeat 85% 15% / 35% 35%;
+}
+
+[ui-icon~='link'] {
+  @extend %icon-link;
+}

package/icon/icon@menu.scss

@@ -0,0 +1,10 @@
+%icon-menu {
+  background:
+    linear-gradient(0deg, transparent 42%, currentColor 0%, currentColor 57%, transparent 0%),
+    linear-gradient(0deg, transparent 8%, currentColor 10%, currentColor 20%, transparent 22%, transparent 78%, currentColor 80%, currentColor 90%, transparent 92%) no-repeat left /
+      80% 100%;
+}
+
+[ui-icon~='menu'] {
+  @extend %icon-menu;
+}

package/icon/icon@minus.scss

@@ -0,0 +1,7 @@
+%icon-minus {
+  background: linear-gradient(0deg, transparent 42%, currentColor 0%, currentColor 57%, transparent 0%);
+}
+
+[ui-icon~='minus'] {
+  @extend %icon-minus;
+}

package/icon/icon@more.scss

@@ -0,0 +1,8 @@
+%icon-more {
+  background: radial-gradient(circle at 50% 18%, currentColor 9%, transparent 11%), radial-gradient(circle at 50% 50%, currentColor 13%, transparent 15%),
+    radial-gradient(circle at 50% 82%, currentColor 9%, transparent 11%);
+}
+
+[ui-icon~='more'] {
+  @extend %icon-more;
+}

package/icon/icon@omit.scss

@@ -0,0 +1,8 @@
+%icon-omit {
+  background: radial-gradient(circle at 23% 50%, currentColor 9%, transparent 10%), radial-gradient(circle at 50% 50%, currentColor 12%, transparent 13%),
+    radial-gradient(circle at 78% 50%, currentColor 9%, transparent 10%);
+}
+
+[ui-icon~='omit'] {
+  @extend %icon-omit;
+}

package/icon/icon@quit.scss

@@ -0,0 +1,11 @@
+// 添加
+%icon-quit {
+  background:
+    linear-gradient(90deg, transparent 36%, currentColor 48%, currentColor 62%, transparent 72%) no-repeat 50% 5% / 30% 50%,
+    radial-gradient(circle at 50% -160%, transparent 68%, currentColor 75%, currentColor 81%, transparent 86%) no-repeat 50% 100% / 40% 22%,
+    radial-gradient(circle at -65% 50%, transparent 49%, currentColor 55%, currentColor 60%, transparent 66%) no-repeat 100% 50% / 30% 100%,
+    radial-gradient(circle at 165% 50%, transparent 49%, currentColor 55%, currentColor 60%, transparent 66%) no-repeat 0% 50% / 30% 100%;
+}
+[ui-icon~='quit'] {
+  @extend %icon-quit;
+}

package/icon/icon@refresh.scss

@@ -0,0 +1,11 @@
+%icon-refresh {
+  background:
+    linear-gradient(15deg, transparent 32%, currentColor 40%, currentColor 65%, transparent 73%) no-repeat 81% 28% / 23% 20%,
+    linear-gradient(15deg, transparent 38%, currentColor 48%, currentColor 73%, transparent 80%) no-repeat 17% 75% / 23% 20%,
+    radial-gradient(circle at 50% 125%, transparent 50%, currentColor 53%, currentColor 62%, transparent 65%) no-repeat 50% 0% / 100% 40%,
+    radial-gradient(circle at 50% -25%, transparent 50%, currentColor 53%, currentColor 62%, transparent 65%) no-repeat 50% 100% / 100% 40%;
+}
+
+[ui-icon~='refresh'] {
+  @extend %icon-refresh;
+}

package/icon/icon@right.scss

@@ -0,0 +1,9 @@
+%icon-right {
+  background:
+    linear-gradient(225deg, transparent 51%, currentColor 52%, currentColor 67%, transparent 68%) no-repeat 70% 23.5% / 50% 35%,
+    linear-gradient(-45deg, transparent 51%, currentColor 52%, currentColor 67%, transparent 68%) no-repeat 70% 76.5% / 50% 35%;
+}
+
+[ui-icon~='right'] {
+  @extend %icon-right;
+}

package/icon/icon@search.scss

@@ -0,0 +1,9 @@
+%icon-search {
+  background: radial-gradient(circle at 50% 50%, transparent 50%, currentColor 53%, currentColor 62%, transparent 65%),
+    radial-gradient(circle at 84% 84%, currentColor 4%, transparent 6%), radial-gradient(circle at 87% 87%, currentColor 4%, transparent 6%),
+    radial-gradient(circle at 90% 90%, currentColor 4%, transparent 6%);
+}
+
+[ui-icon~='search'] {
+  @extend %icon-search;
+}

package/icon/icon@time.scss

@@ -0,0 +1,12 @@
+%icon-time {
+  background:
+    linear-gradient(90deg, transparent 40%, #000 41%, #000 50%, transparent 51%) no-repeat 100% 25% / 100% 40%,
+    radial-gradient(at 45.5% 30%, #000 6%, transparent 7%) no-repeat top / 100% 50%,
+    linear-gradient(0deg, transparent 40%, #000 41%, #000 50%, transparent 51%) no-repeat 85% 50% / 40% 100%,
+    radial-gradient(at 80% 54.7%, #000 6%, transparent 7%) no-repeat right / 50% 100%,
+    radial-gradient(circle at 47% 54%, #000 9%, transparent 10%);
+}
+
+[ui-icon~='time'] {
+  @extend %icon-time;
+}

package/icon/icon@top.scss

@@ -0,0 +1,9 @@
+%icon-top {
+  background:
+    linear-gradient(135deg, transparent 51%, currentColor 52%, currentColor 67%, transparent 68%) no-repeat 23.5% 40% / 35% 50%,
+    linear-gradient(-135deg, transparent 51%, currentColor 52%, currentColor 67%, transparent 68%) no-repeat 76.5% 40% / 35% 50%;
+}
+
+[ui-icon~='top'] {
+  @extend %icon-top;
+}