@douyinfe/semi-foundation 2.1.0-next.0 → 2.1.0

package/lib/cjs/tag/tag.css

@@ -1,444 +0,0 @@
-/* shadow */
-/* sizing */
-/* spacing */
-.semi-tag {
-  box-sizing: border-box;
-  display: inline-block;
-  border-radius: var(--semi-border-radius-small);
-  background-color: transparent;
-  position: relative;
-  user-select: none;
-  overflow: hidden;
-  white-space: nowrap;
-}
-.semi-tag-default, .semi-tag-small {
-  font-size: 12px;
-  line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  height: 20px;
-  padding: 2px 8px;
-}
-.semi-tag-large {
-  font-size: 12px;
-  line-height: 16px;
-  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
-  padding: 4px 8px;
-  height: 24px;
-}
-.semi-tag-invisible {
-  display: none;
-}
-.semi-tag-content {
-  display: flex;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  height: 100%;
-}
-.semi-tag-close {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  color: var(--semi-color-text-2);
-  padding-left: 4px;
-  cursor: pointer;
-}
-.semi-tag-closable {
-  padding: 4px 4px 4px 8px;
-}
-.semi-tag-avatar-square .semi-avatar, .semi-tag-avatar-circle .semi-avatar {
-  margin-right: 4px;
-}
-.semi-tag-avatar-square {
-  padding: 0 4px 0 0;
-}
-.semi-tag-avatar-square .semi-avatar > img {
-  background-color: var(--semi-color-default);
-}
-.semi-tag-avatar-circle {
-  padding: 2px 4px 2px 2px;
-}
-.semi-tag-avatar-square.semi-tag-default .semi-avatar, .semi-tag-avatar-square.semi-tag-small .semi-avatar {
-  width: 20px;
-  height: 20px;
-}
-.semi-tag-avatar-square.semi-tag-large .semi-avatar {
-  width: 24px;
-  height: 24px;
-}
-.semi-tag-avatar-circle.semi-tag-small, .semi-tag-avatar-circle.semi-tag-default {
-  border-radius: 11px;
-}
-.semi-tag-avatar-circle.semi-tag-small .semi-avatar, .semi-tag-avatar-circle.semi-tag-default .semi-avatar {
-  width: 16px;
-  height: 16px;
-}
-.semi-tag-avatar-circle.semi-tag-large {
-  border-radius: 13px;
-}
-.semi-tag-avatar-circle.semi-tag-large .semi-avatar {
-  width: 20px;
-  height: 20px;
-}
-
-.semi-tag-group {
-  display: block;
-  height: auto;
-}
-.semi-tag-group .semi-tag {
-  margin-bottom: 0;
-  margin-right: 8px;
-}
-.semi-tag-group-max.semi-tag-group-small {
-  height: 22px;
-}
-.semi-tag-group-max.semi-tag-group-large {
-  height: 26px;
-}
-
-.semi-tag-rest-group-popover .semi-tag {
-  margin-right: 8px;
-  margin-bottom: 0;
-}
-.semi-tag-rest-group-popover .semi-tag:last-of-type {
-  margin-right: 0;
-}
-
-.semi-tag-amber-ghost {
-  background-color: transparent;
-  border: 1px solid rgba(var(--semi-amber-4), 1);
-  color: rgba(var(--semi-amber-5), 1);
-}
-
-.semi-tag-amber-solid {
-  background-color: rgba(var(--semi-amber-5), 1);
-  color: white;
-}
-
-.semi-tag-amber-light {
-  background-color: rgba(var(--semi-amber-5), 0.15);
-  color: rgba(var(--semi-amber-8), 1);
-}
-
-.semi-tag-blue-ghost {
-  background-color: transparent;
-  border: 1px solid rgba(var(--semi-blue-4), 1);
-  color: rgba(var(--semi-blue-5), 1);
-}
-
-.semi-tag-blue-solid {
-  background-color: rgba(var(--semi-blue-5), 1);
-  color: white;
-}
-
-.semi-tag-blue-light {
-  background-color: rgba(var(--semi-blue-5), 0.15);
-  color: rgba(var(--semi-blue-8), 1);
-}
-
-.semi-tag-cyan-ghost {
-  background-color: transparent;
-  border: 1px solid rgba(var(--semi-cyan-4), 1);
-  color: rgba(var(--semi-cyan-5), 1);
-}
-
-.semi-tag-cyan-solid {
-  background-color: rgba(var(--semi-cyan-5), 1);
-  color: white;
-}
-
-.semi-tag-cyan-light {
-  background-color: rgba(var(--semi-cyan-5), 0.15);
-  color: rgba(var(--semi-cyan-8), 1);
-}
-
-.semi-tag-green-ghost {
-  background-color: transparent;
-  border: 1px solid rgba(var(--semi-green-4), 1);
-  color: rgba(var(--semi-green-5), 1);
-}
-
-.semi-tag-green-solid {
-  background-color: rgba(var(--semi-green-5), 1);
-  color: white;
-}
-
-.semi-tag-green-light {
-  background-color: rgba(var(--semi-green-5), 0.15);
-  color: rgba(var(--semi-green-8), 1);
-}
-
-.semi-tag-grey-ghost {
-  background-color: transparent;
-  border: 1px solid rgba(var(--semi-grey-4), 1);
-  color: rgba(var(--semi-grey-5), 1);
-}
-
-.semi-tag-grey-solid {
-  background-color: rgba(var(--semi-grey-5), 1);
-  color: white;
-}
-
-.semi-tag-grey-light {
-  background-color: rgba(var(--semi-grey-5), 0.15);
-  color: rgba(var(--semi-grey-8), 1);
-}
-
-.semi-tag-indigo-ghost {
-  background-color: transparent;
-  border: 1px solid rgba(var(--semi-indigo-4), 1);
-  color: rgba(var(--semi-indigo-5), 1);
-}
-
-.semi-tag-indigo-solid {
-  background-color: rgba(var(--semi-indigo-5), 1);
-  color: white;
-}
-
-.semi-tag-indigo-light {
-  background-color: rgba(var(--semi-indigo-5), 0.15);
-  color: rgba(var(--semi-indigo-8), 1);
-}
-
-.semi-tag-light-blue-ghost {
-  background-color: transparent;
-  border: 1px solid rgba(var(--semi-light-blue-4), 1);
-  color: rgba(var(--semi-light-blue-5), 1);
-}
-
-.semi-tag-light-blue-solid {
-  background-color: rgba(var(--semi-light-blue-5), 1);
-  color: white;
-}
-
-.semi-tag-light-blue-light {
-  background-color: rgba(var(--semi-light-blue-5), 0.15);
-  color: rgba(var(--semi-light-blue-8), 1);
-}
-
-.semi-tag-light-green-ghost {
-  background-color: transparent;
-  border: 1px solid rgba(var(--semi-light-green-4), 1);
-  color: rgba(var(--semi-light-green-5), 1);
-}
-
-.semi-tag-light-green-solid {
-  background-color: rgba(var(--semi-light-green-5), 1);
-  color: white;
-}
-
-.semi-tag-light-green-light {
-  background-color: rgba(var(--semi-light-green-5), 0.15);
-  color: rgba(var(--semi-light-green-8), 1);
-}
-
-.semi-tag-lime-ghost {
-  background-color: transparent;
-  border: 1px solid rgba(var(--semi-lime-4), 1);
-  color: rgba(var(--semi-lime-5), 1);
-}
-
-.semi-tag-lime-solid {
-  background-color: rgba(var(--semi-lime-5), 1);
-  color: white;
-}
-
-.semi-tag-lime-light {
-  background-color: rgba(var(--semi-lime-5), 0.15);
-  color: rgba(var(--semi-lime-8), 1);
-}
-
-.semi-tag-orange-ghost {
-  background-color: transparent;
-  border: 1px solid rgba(var(--semi-orange-4), 1);
-  color: rgba(var(--semi-orange-5), 1);
-}
-
-.semi-tag-orange-solid {
-  background-color: rgba(var(--semi-orange-5), 1);
-  color: white;
-}
-
-.semi-tag-orange-light {
-  background-color: rgba(var(--semi-orange-5), 0.15);
-  color: rgba(var(--semi-orange-8), 1);
-}
-
-.semi-tag-pink-ghost {
-  background-color: transparent;
-  border: 1px solid rgba(var(--semi-pink-4), 1);
-  color: rgba(var(--semi-pink-5), 1);
-}
-
-.semi-tag-pink-solid {
-  background-color: rgba(var(--semi-pink-5), 1);
-  color: white;
-}
-
-.semi-tag-pink-light {
-  background-color: rgba(var(--semi-pink-5), 0.15);
-  color: rgba(var(--semi-pink-8), 1);
-}
-
-.semi-tag-purple-ghost {
-  background-color: transparent;
-  border: 1px solid rgba(var(--semi-purple-4), 1);
-  color: rgba(var(--semi-purple-5), 1);
-}
-
-.semi-tag-purple-solid {
-  background-color: rgba(var(--semi-purple-5), 1);
-  color: white;
-}
-
-.semi-tag-purple-light {
-  background-color: rgba(var(--semi-purple-5), 0.15);
-  color: rgba(var(--semi-purple-8), 1);
-}
-
-.semi-tag-red-ghost {
-  background-color: transparent;
-  border: 1px solid rgba(var(--semi-red-4), 1);
-  color: rgba(var(--semi-red-5), 1);
-}
-
-.semi-tag-red-solid {
-  background-color: rgba(var(--semi-red-5), 1);
-  color: white;
-}
-
-.semi-tag-red-light {
-  background-color: rgba(var(--semi-red-5), 0.15);
-  color: rgba(var(--semi-red-8), 1);
-}
-
-.semi-tag-teal-ghost {
-  background-color: transparent;
-  border: 1px solid rgba(var(--semi-teal-4), 1);
-  color: rgba(var(--semi-teal-5), 1);
-}
-
-.semi-tag-teal-solid {
-  background-color: rgba(var(--semi-teal-5), 1);
-  color: white;
-}
-
-.semi-tag-teal-light {
-  background-color: rgba(var(--semi-teal-5), 0.15);
-  color: rgba(var(--semi-teal-8), 1);
-}
-
-.semi-tag-violet-ghost {
-  background-color: transparent;
-  border: 1px solid rgba(var(--semi-violet-4), 1);
-  color: rgba(var(--semi-violet-5), 1);
-}
-
-.semi-tag-violet-solid {
-  background-color: rgba(var(--semi-violet-5), 1);
-  color: white;
-}
-
-.semi-tag-violet-light {
-  background-color: rgba(var(--semi-violet-5), 0.15);
-  color: rgba(var(--semi-violet-8), 1);
-}
-
-.semi-tag-yellow-ghost {
-  background-color: transparent;
-  border: 1px solid rgba(var(--semi-yellow-4), 1);
-  color: rgba(var(--semi-yellow-5), 1);
-}
-
-.semi-tag-yellow-solid {
-  background-color: rgba(var(--semi-yellow-5), 1);
-  color: white;
-}
-
-.semi-tag-yellow-light {
-  background-color: rgba(var(--semi-yellow-5), 0.15);
-  color: rgba(var(--semi-yellow-8), 1);
-}
-
-.semi-tag-white-ghost {
-  background-color: var(--semi-color-bg-4);
-  border: 1px solid rgba(var(--semi-grey-2), 0.7);
-  color: var(--semi-color-text-0);
-}
-
-.semi-tag-white-solid {
-  background-color: var(--semi-color-bg-4);
-  border: 1px solid rgba(var(--semi-grey-2), 0.7);
-  color: var(--semi-color-text-0);
-}
-
-.semi-tag-white-light {
-  background-color: var(--semi-color-bg-4);
-  border: 1px solid rgba(var(--semi-grey-2), 0.7);
-  color: var(--semi-color-text-0);
-}
-
-.semi-tag-white-ghost .semi-tag-close,
-.semi-tag-white-light .semi-tag-close,
-.semi-tag-white-solid .semi-tag-close {
-  color: var(--semi-color-text-2);
-}
-
-.semi-tag-avatar-square,
-.semi-tag-avatar-circle {
-  background-color: var(--semi-color-bg-4);
-  border: 1px solid var(--semi-color-border);
-  color: var(--semi-color-text-0);
-}
-
-.semi-rtl .semi-tag,
-.semi-portal-rtl .semi-tag {
-  direction: rtl;
-}
-.semi-rtl .semi-tag-close,
-.semi-portal-rtl .semi-tag-close {
-  padding-left: auto;
-  padding-right: 4px;
-}
-.semi-rtl .semi-tag-closable,
-.semi-portal-rtl .semi-tag-closable {
-  padding: 4px 8px 4px 4px;
-}
-.semi-rtl .semi-tag-avatar-square .semi-avatar, .semi-rtl .semi-tag-avatar-circle .semi-avatar,
-.semi-portal-rtl .semi-tag-avatar-square .semi-avatar,
-.semi-portal-rtl .semi-tag-avatar-circle .semi-avatar {
-  margin-right: auto;
-  margin-left: 4px;
-}
-.semi-rtl .semi-tag-avatar-square,
-.semi-portal-rtl .semi-tag-avatar-square {
-  padding-right: auto;
-  padding-left: 4px;
-}
-.semi-rtl .semi-tag-avatar-circle,
-.semi-portal-rtl .semi-tag-avatar-circle {
-  padding: 2px 2px 2px 4px;
-}
-.semi-rtl .semi-tag-group,
-.semi-portal-rtl .semi-tag-group {
-  direction: rtl;
-}
-.semi-rtl .semi-tag-group .semi-tag,
-.semi-portal-rtl .semi-tag-group .semi-tag {
-  margin-right: auto;
-  margin-left: 8px;
-}
-.semi-rtl .semi-tag-rest-group-popover,
-.semi-portal-rtl .semi-tag-rest-group-popover {
-  direction: rtl;
-}
-.semi-rtl .semi-tag-rest-group-popover .semi-tag,
-.semi-portal-rtl .semi-tag-rest-group-popover .semi-tag {
-  margin-right: 0;
-  margin-left: 8px;
-}
-.semi-rtl .semi-tag-rest-group-popover .semi-tag:last-of-type,
-.semi-portal-rtl .semi-tag-rest-group-popover .semi-tag:last-of-type {
-  margin-right: auto;
-  margin-left: 0;
-}

package/lib/cjs/tag/tag.scss

@@ -1,181 +0,0 @@
-//@import '../theme/variables.scss';
-@import "./variables.scss";
-@import "./mixin.scss";
-$module: #{$prefix}-tag;
-
-$colors: "amber", "blue", "cyan", "green", "grey", "indigo", "light-blue", "light-green", "lime", "orange", "pink",
-    "purple", "red", "teal", "violet", "yellow";
-
-$types: "ghost", "solid", "light";
-
-.#{$module} {
-    box-sizing: border-box;
-    display: inline-block;
-    border-radius: $radius-tag;
-    background-color: transparent;
-    position: relative;
-    user-select: none;
-    // hidden avatar tag image
-    overflow: hidden;
-    white-space: nowrap;
-
-    &-default,
-    &-small {
-        @include font-size-small;
-        height: $height-tag_small;
-        padding: $spacing-tag_small-paddingY $spacing-tag_small-paddingX;
-    }
-
-    &-large {
-        @include font-size-small;
-        padding: $spacing-tag_large-paddingY $spacing-tag_large-paddingX;
-        height: $height-tag_large;
-    }
-
-    &-invisible {
-        display: none;
-    }
-
-    &-content {
-        display: flex;
-        @include all-center;
-        height: 100%;
-    }
-
-    &-close {
-        @include all-center;
-        color: $color-tag_close-icon-default;
-        padding-left: $spacing-tag_close-paddingLeft; 
-        cursor: pointer;
-    }
-
-    &-closable {
-        padding: $spacing-tag_closable-paddingTop $spacing-tag_closable-paddingRight $spacing-tag_closable-paddingBottom $spacing-tag_closable-paddingLeft;
-    }
-
-    &-avatar-square,
-    &-avatar-circle {
-        .#{$prefix}-avatar {
-            margin-right: $spacing-tag_avatar-marginRight;
-        }
-    }
-
-    &-avatar-square {
-        padding: $spacing-tag_avatar_square-paddingTop $spacing-tag_avatar_square-paddingRight $spacing-tag_avatar_square-paddingBottom $spacing-tag_avatar_square-paddingLeft;
-
-        .#{$prefix}-avatar {
-
-            & > img {
-                background-color: $color-tag_avatar_square_img-bg-default;
-            }
-        }
-    }
-
-    &-avatar-circle {
-        padding: $spacing-tag_avatar_circle-paddingTop $spacing-tag_avatar_circle-paddingRight $spacing-tag_avatar_circle-paddingBottom $spacing-tag_avatar_circle-paddingLeft;
-    }
-
-    &-avatar-square.#{$module}-default, &-avatar-square.#{$module}-small {
-        .#{$prefix}-avatar {
-            width: $height-tag_small;
-            height: $height-tag_small;
-        }
-    }
-
-    &-avatar-square.#{$module}-large {
-        .#{$prefix}-avatar {
-            width: $height-tag_large;
-            height: $height-tag_large;
-        }
-    }
-
-    &-avatar-circle.#{$module}-small,
-    &-avatar-circle.#{$module}-default {
-        // when avatarShape=circle change tag border radius
-        border-radius: $height-tag_small / 2 + 1;
-
-        .#{$prefix}-avatar {
-            width: $width-tag_avatar_circle_small;
-            height: $width-tag_avatar_circle_small;
-        }
-    }
-
-    &-avatar-circle.#{$module}-large {
-        border-radius: $height-tag_large / 2 + 1;
-
-        .#{$prefix}-avatar {
-            width: $width-tag_avatar_circle_large;
-            height: $width-tag_avatar_circle_large;
-        }
-    }
-}
-
-.#{$module}-group {
-    display: block;
-
-    .#{$module} {
-        margin-bottom: $spacing-tag_group-marginBottom;
-        margin-right: $spacing-tag_group-marginRight;
-    }
-
-    height: auto;
-
-    &-max.#{$module}-group-small {
-        height: ($height-tag_small + 2);
-    }
-    &-max.#{$module}-group-large {
-        height: ($height-tag_large + 2);
-    }
-    // &-small {
-    //     height: ($height-tag_small + 2);
-    // }
-    // &-large {
-    //     height: ($height-tag_large + 2);
-    // }
-}
-
-.#{$module}-rest-group-popover {
-    .#{$module} {
-        margin-right: $spacing-tag_group-marginRight;
-        margin-bottom: $spacing-tag_group-marginBottom;
-        &:last-of-type {
-            margin-right: 0;
-        }
-    }
-}
-
-@each $c in $colors {
-    @each $t in $types {
-        .#{$module}-#{$c}-#{$t} {
-            @include tag-style($c, $t);
-        }
-    }
-}
-
-@each $t in $types {
-    .#{$module}-white-#{$t} {
-        background-color: $color-tag_white-bg-default;
-        border: $width-tag-border solid $color-tag_white-border-default;
-        color: $color-tag_white-text-default;
-        // .#{$module}-close {
-        //     color: $tag-color-white-default-icon;
-        // }
-    }
-}
-
-.#{$module}-white-ghost,
-.#{$module}-white-light,
-.#{$module}-white-solid {
-    .#{$module}-close {
-        color: $color-tag_white-icon-default;
-    }
-}
-
-.#{$module}-avatar-square,
-.#{$module}-avatar-circle {
-    background-color: $color-tag_avatar-bg-default;
-    border: $width-tag_avatar-border solid $color-tag_avatar-border-default;
-    color: $color-tag_avatar-text-default;
-}
-
-@import "./rtl.scss";

package/lib/cjs/tag/variables.scss

@@ -1,48 +0,0 @@
-$color-tag_avatar-bg-default: var(--semi-color-bg-4); // 头像标签背景颜色 - 默认
-$color-tag_avatar-border-default: var(--semi-color-border); // 头像标签描边颜色 - 默认
-$color-tag_avatar-text-default: var(--semi-color-text-0); // 头像标签文字颜色 - 默认
-
-$color-tag_white-bg-default: var(--semi-color-bg-4); // 白色标签背景颜色 - 默认
-$color-tag_white-border-default: rgba(var(--semi-grey-2), 0.7); // 白色标签描边颜色 - 默认
-$color-tag_white-text-default: var(--semi-color-text-0); // 白色标签文字颜色 - 默认
-$color-tag_white-icon-default: var(--semi-color-text-2); // 白色标签图标颜色 - 默认
-
-$width-tag_avatar_circle_small: 16px; // 头像标签圆角 - 小尺寸
-$width-tag_avatar_circle_large: 20px; // 头像标签圆角 - 大尺寸
-
-$width-tag-border: 1px; // 标签描边宽度
-$width-tag_avatar-border: $width-tag-border; // 头像标签描边宽度
-
-$height-tag_small: 20px; // 小尺寸标签高度
-$height-tag_large: 24px; // 大尺寸标签高度
-$radius-tag: var(--semi-border-radius-small); // 标签圆角大小
-
-$spacing-tag_small-paddingY: 2px; // 小尺寸标签垂直方向内边距
-$spacing-tag_small-paddingX: $spacing-tight; // 小尺寸标签水平方向内边距
-
-$spacing-tag_large-paddingY: 4px; // 大尺寸标签垂直方向内边距
-$spacing-tag_large-paddingX: $spacing-tight; // 大尺寸标签水平方向内边距
-
-$color-tag_close-icon-default: var(--semi-color-text-2); // 可删除的标签删除按钮颜色
-$spacing-tag_close-paddingLeft: $spacing-extra-tight; // 可删除的标签删除按钮左侧内边距
-$spacing-tag_closable-paddingTop: $spacing-extra-tight; // 可删除的标签删除按钮顶部内边距
-$spacing-tag_closable-paddingRight: $spacing-extra-tight; // 可删除的标签删除按钮右侧内边距
-$spacing-tag_closable-paddingBottom: $spacing-extra-tight; // 可删除的标签删除按钮底部内边距
-$spacing-tag_closable-paddingLeft: $spacing-tight; // 可删除的标签删除按钮左侧内边距
-
-$spacing-tag_avatar-marginRight: $spacing-extra-tight; // 头像标签头像右侧外边距
-
-$spacing-tag_avatar_square-paddingTop: 0; // 方形头像标签头像顶部内边距
-$spacing-tag_avatar_square-paddingRight: $spacing-extra-tight; // 方形头像标签头像右侧内边距
-$spacing-tag_avatar_square-paddingBottom: 0; // 方形头像标签头像底部内边距
-$spacing-tag_avatar_square-paddingLeft: 0; // 方形头像标签头像左侧内边距
-
-$spacing-tag_avatar_circle-paddingTop: $spacing-super-tight; // 圆型头像标签头像顶部内边距
-$spacing-tag_avatar_circle-paddingRight: $spacing-extra-tight; // 圆型头像标签头像右侧内边距
-$spacing-tag_avatar_circle-paddingBottom: $spacing-super-tight; // 圆型头像标签头像底部内边距
-$spacing-tag_avatar_circle-paddingLeft: $spacing-super-tight; // 圆型头像标签头像左侧内边距
-
-$color-tag_avatar_square_img-bg-default: var(--semi-color-default); // 方形头像标签头像背景色 - 默认
-
-$spacing-tag_group-marginBottom: 0; // 标签组底部外边距
-$spacing-tag_group-marginRight: $spacing-tight; // 标签组右侧外边距

package/lib/cjs/tagInput/constants.d.ts

@@ -1,8 +0,0 @@
-declare const cssClasses: {
-    readonly PREFIX: "semi-tagInput";
-};
-declare const strings: {
-    readonly SIZE_SET: readonly ["large", "default", "small"];
-    readonly STATUS: readonly ["default", "error", "warning"];
-};
-export { cssClasses, strings };

package/lib/cjs/tagInput/constants.js

@@ -1,21 +0,0 @@
-"use strict";
-
-var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
-
-_Object$defineProperty(exports, "__esModule", {
-  value: true
-});
-
-exports.strings = exports.cssClasses = void 0;
-
-var _constants = require("../base/constants");
-
-const cssClasses = {
-  PREFIX: "".concat(_constants.BASE_CLASS_PREFIX, "-tagInput")
-};
-exports.cssClasses = cssClasses;
-const strings = {
-  SIZE_SET: ['large', 'default', 'small'],
-  STATUS: ["default", "error", "warning"]
-};
-exports.strings = strings;