@bifrostui/react 1.1.1 → 1.1.5

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.
Files changed (193) hide show
  1. package/dist/ActionSheet/ActionSheet.less +31 -0
  2. package/dist/ActionSheet/ActionSheetItem.less +62 -0
  3. package/dist/Alert/index.less +112 -0
  4. package/dist/Avatar/Avatar.less +52 -0
  5. package/dist/Avatar/AvatarGroup.less +39 -0
  6. package/dist/Backdrop/{Backdrop.css → Backdrop.less} +4 -3
  7. package/dist/Badge/Badge.less +118 -0
  8. package/dist/Button/Button.less +244 -0
  9. package/dist/Calendar/Calendar.less +126 -0
  10. package/{es/Card/Card.css → dist/Card/Card.less} +1 -0
  11. package/dist/Card/CardHeader.less +53 -0
  12. package/dist/Checkbox/Checkbox.less +55 -0
  13. package/dist/CitySelector/CitySelector.less +122 -0
  14. package/dist/CitySelector/CitySelectorCore.js +1 -2
  15. package/{es/CitySelector/Selector/index.css → dist/CitySelector/Selector/index.less} +2 -0
  16. package/dist/Countdown/Countdown.less +39 -0
  17. package/dist/Divider/Divider.less +50 -0
  18. package/dist/Drawer/Drawer.less +40 -0
  19. package/dist/IconButton/IconButton.less +167 -0
  20. package/dist/Image/index.less +40 -0
  21. package/dist/Input/Input.less +72 -0
  22. package/dist/List/{List.css → List.less} +1 -0
  23. package/dist/List/{ListItem.css → ListItem.less} +17 -6
  24. package/dist/List/{ListItemContent.css → ListItemContent.less} +7 -2
  25. package/dist/List/{ListItemFooter.css → ListItemFooter.less} +4 -3
  26. package/dist/Loading/Loading.less +40 -0
  27. package/dist/Modal/{Modal.css → Modal.less} +8 -6
  28. package/dist/Modal/Modal.miniapp.d.ts +1 -1
  29. package/dist/NavBar/NavBar.less +67 -0
  30. package/dist/Picker/Picker.less +62 -0
  31. package/dist/Picker/PickerPanel.less +67 -0
  32. package/dist/Picker/utils.d.ts +1 -1
  33. package/dist/Progress/Progress.less +24 -0
  34. package/dist/Radio/Radio.less +81 -0
  35. package/dist/Rating/Rating.less +64 -0
  36. package/dist/ScrollView/{ScrollView.css → ScrollView.less} +4 -0
  37. package/dist/Select/Select.less +105 -0
  38. package/dist/Skeleton/Skeleton.less +72 -0
  39. package/dist/Slider/Slider.less +108 -0
  40. package/dist/Stack/demo/index.less +27 -0
  41. package/dist/Steps/Step.less +228 -0
  42. package/{es/Steps/Steps.css → dist/Steps/Steps.less} +5 -3
  43. package/dist/Swiper/Swiper.less +25 -0
  44. package/dist/Switch/Switch.less +177 -0
  45. package/dist/TabBar/TabBarItem.less +54 -0
  46. package/dist/Tabs/Tab.js +1 -1
  47. package/dist/Tabs/Tab.less +60 -0
  48. package/dist/Tabs/TabPanel.less +11 -0
  49. package/dist/Tabs/Tabs.less +77 -0
  50. package/dist/Tag/Tag.less +119 -0
  51. package/dist/Tag/TagGroup.less +52 -0
  52. package/dist/TextArea/{TextArea.css → TextArea.less} +27 -19
  53. package/es/ActionSheet/ActionSheet.less +31 -0
  54. package/es/ActionSheet/ActionSheetItem.less +62 -0
  55. package/es/Alert/index.less +112 -0
  56. package/es/Avatar/Avatar.less +52 -0
  57. package/es/Avatar/AvatarGroup.less +39 -0
  58. package/es/Backdrop/{Backdrop.css → Backdrop.less} +4 -3
  59. package/es/Badge/Badge.less +118 -0
  60. package/es/Button/Button.less +244 -0
  61. package/es/Calendar/Calendar.less +126 -0
  62. package/{dist/Card/Card.css → es/Card/Card.less} +1 -0
  63. package/es/Card/CardHeader.less +53 -0
  64. package/es/Checkbox/Checkbox.less +55 -0
  65. package/es/CitySelector/CitySelector.less +122 -0
  66. package/es/CitySelector/CitySelectorCore.js +2 -3
  67. package/{dist/CitySelector/Selector/index.css → es/CitySelector/Selector/index.less} +2 -0
  68. package/es/Countdown/Countdown.less +39 -0
  69. package/es/Divider/Divider.less +50 -0
  70. package/es/Drawer/Drawer.less +40 -0
  71. package/es/IconButton/IconButton.less +167 -0
  72. package/es/Image/index.less +40 -0
  73. package/es/Input/Input.less +72 -0
  74. package/es/List/{List.css → List.less} +1 -0
  75. package/es/List/{ListItem.css → ListItem.less} +17 -6
  76. package/es/List/{ListItemContent.css → ListItemContent.less} +7 -2
  77. package/es/List/{ListItemFooter.css → ListItemFooter.less} +4 -3
  78. package/es/Loading/Loading.less +40 -0
  79. package/es/Modal/{Modal.css → Modal.less} +8 -6
  80. package/es/Modal/Modal.miniapp.d.ts +1 -1
  81. package/es/NavBar/NavBar.less +67 -0
  82. package/es/Picker/Picker.less +62 -0
  83. package/es/Picker/PickerPanel.less +67 -0
  84. package/es/Picker/utils.d.ts +1 -1
  85. package/es/Progress/Progress.less +24 -0
  86. package/es/Radio/Radio.less +81 -0
  87. package/es/Rating/Rating.less +64 -0
  88. package/es/ScrollView/{ScrollView.css → ScrollView.less} +4 -0
  89. package/es/Select/Select.less +105 -0
  90. package/es/Skeleton/Skeleton.less +72 -0
  91. package/es/Slider/Slider.less +108 -0
  92. package/es/Stack/demo/index.less +27 -0
  93. package/es/Steps/Step.less +228 -0
  94. package/{dist/Steps/Steps.css → es/Steps/Steps.less} +5 -3
  95. package/es/Swiper/Swiper.less +25 -0
  96. package/es/Switch/Switch.less +177 -0
  97. package/es/TabBar/TabBarItem.less +54 -0
  98. package/es/Tabs/Tab.js +1 -1
  99. package/es/Tabs/Tab.less +60 -0
  100. package/es/Tabs/TabPanel.less +11 -0
  101. package/es/Tabs/Tabs.less +77 -0
  102. package/es/Tag/Tag.less +119 -0
  103. package/es/Tag/TagGroup.less +52 -0
  104. package/es/TextArea/{TextArea.css → TextArea.less} +27 -19
  105. package/package.json +6 -6
  106. package/dist/ActionSheet/ActionSheet.css +0 -27
  107. package/dist/ActionSheet/ActionSheetItem.css +0 -51
  108. package/dist/Alert/index.css +0 -89
  109. package/dist/Avatar/Avatar.css +0 -43
  110. package/dist/Avatar/AvatarGroup.css +0 -31
  111. package/dist/Badge/Badge.css +0 -95
  112. package/dist/Button/Button.css +0 -200
  113. package/dist/Calendar/Calendar.css +0 -105
  114. package/dist/Card/CardHeader.css +0 -45
  115. package/dist/Checkbox/Checkbox.css +0 -45
  116. package/dist/CitySelector/CitySelector.css +0 -102
  117. package/dist/Countdown/Countdown.css +0 -28
  118. package/dist/Divider/Divider.css +0 -41
  119. package/dist/Drawer/Drawer.css +0 -35
  120. package/dist/IconButton/IconButton.css +0 -130
  121. package/dist/Image/index.css +0 -35
  122. package/dist/Input/Input.css +0 -59
  123. package/dist/Loading/Loading.css +0 -31
  124. package/dist/NavBar/NavBar.css +0 -57
  125. package/dist/Picker/Picker.css +0 -53
  126. package/dist/Picker/PickerPanel.css +0 -54
  127. package/dist/Progress/Progress.css +0 -22
  128. package/dist/Radio/Radio.css +0 -65
  129. package/dist/Rating/Rating.css +0 -52
  130. package/dist/Select/Select.css +0 -89
  131. package/dist/Skeleton/Skeleton.css +0 -54
  132. package/dist/Slider/Slider.css +0 -95
  133. package/dist/Stack/demo/index.css +0 -23
  134. package/dist/Steps/Step.css +0 -174
  135. package/dist/Swiper/Swiper.css +0 -20
  136. package/dist/Switch/Switch.css +0 -127
  137. package/dist/TabBar/TabBarItem.css +0 -38
  138. package/dist/Tabs/Tab.css +0 -52
  139. package/dist/Tabs/TabPanel.css +0 -9
  140. package/dist/Tabs/Tabs.css +0 -56
  141. package/dist/Tag/Tag.css +0 -97
  142. package/dist/Tag/TagGroup.css +0 -43
  143. package/es/ActionSheet/ActionSheet.css +0 -27
  144. package/es/ActionSheet/ActionSheetItem.css +0 -51
  145. package/es/Alert/index.css +0 -89
  146. package/es/Avatar/Avatar.css +0 -43
  147. package/es/Avatar/AvatarGroup.css +0 -31
  148. package/es/Badge/Badge.css +0 -95
  149. package/es/Button/Button.css +0 -200
  150. package/es/Calendar/Calendar.css +0 -105
  151. package/es/Card/CardHeader.css +0 -45
  152. package/es/Checkbox/Checkbox.css +0 -45
  153. package/es/CitySelector/CitySelector.css +0 -102
  154. package/es/Countdown/Countdown.css +0 -28
  155. package/es/Divider/Divider.css +0 -41
  156. package/es/Drawer/Drawer.css +0 -35
  157. package/es/IconButton/IconButton.css +0 -130
  158. package/es/Image/index.css +0 -35
  159. package/es/Input/Input.css +0 -59
  160. package/es/Loading/Loading.css +0 -31
  161. package/es/NavBar/NavBar.css +0 -57
  162. package/es/Picker/Picker.css +0 -53
  163. package/es/Picker/PickerPanel.css +0 -54
  164. package/es/Progress/Progress.css +0 -22
  165. package/es/Radio/Radio.css +0 -65
  166. package/es/Rating/Rating.css +0 -52
  167. package/es/Select/Select.css +0 -89
  168. package/es/Skeleton/Skeleton.css +0 -54
  169. package/es/Slider/Slider.css +0 -95
  170. package/es/Stack/demo/index.css +0 -23
  171. package/es/Steps/Step.css +0 -174
  172. package/es/Swiper/Swiper.css +0 -20
  173. package/es/Switch/Switch.css +0 -127
  174. package/es/TabBar/TabBarItem.css +0 -38
  175. package/es/Tabs/Tab.css +0 -52
  176. package/es/Tabs/TabPanel.css +0 -9
  177. package/es/Tabs/Tabs.css +0 -56
  178. package/es/Tag/Tag.css +0 -97
  179. package/es/Tag/TagGroup.css +0 -43
  180. /package/dist/Card/{CardContent.css → CardContent.less} +0 -0
  181. /package/dist/Card/{CardFooter.css → CardFooter.less} +0 -0
  182. /package/dist/CitySelector/{miniapp.css → miniapp.less} +0 -0
  183. /package/dist/List/{ListItemExtra.css → ListItemExtra.less} +0 -0
  184. /package/dist/List/{ListItemHeader.css → ListItemHeader.less} +0 -0
  185. /package/dist/Stack/{Stack.css → Stack.less} +0 -0
  186. /package/dist/TabBar/{TabBar.css → TabBar.less} +0 -0
  187. /package/es/Card/{CardContent.css → CardContent.less} +0 -0
  188. /package/es/Card/{CardFooter.css → CardFooter.less} +0 -0
  189. /package/es/CitySelector/{miniapp.css → miniapp.less} +0 -0
  190. /package/es/List/{ListItemExtra.css → ListItemExtra.less} +0 -0
  191. /package/es/List/{ListItemHeader.css → ListItemHeader.less} +0 -0
  192. /package/es/Stack/{Stack.css → Stack.less} +0 -0
  193. /package/es/TabBar/{TabBar.css → TabBar.less} +0 -0
@@ -1,43 +0,0 @@
1
- .bui-tag-group {
2
- display: inline-flex;
3
- font-family: var(--bui-font-family);
4
- }
5
- .bui-tag-group .bui-tag-outlined {
6
- background-color: var(--bui-color-white);
7
- }
8
- .bui-tag-group .bui-tag-outlined + .bui-tag-contained {
9
- margin-left: -1px;
10
- }
11
- .bui-tag-group .bui-tag-outlined:not(:last-child) {
12
- position: relative;
13
- border-right-style: dotted;
14
- }
15
- .bui-tag-group .bui-tag-outlined:not(:last-child)::after {
16
- top: 0;
17
- }
18
- .bui-tag-group .bui-tag-outlined:not(:last-child)::before {
19
- bottom: 0;
20
- }
21
- .bui-tag-group .bui-tag-outlined:not(:last-child)::after,
22
- .bui-tag-group .bui-tag-outlined:not(:last-child)::before {
23
- content: '';
24
- position: absolute;
25
- right: -1px;
26
- width: 1px;
27
- height: 13%;
28
- color: #fff;
29
- background-color: #fff;
30
- border-right-style: solid;
31
- }
32
- .bui-tag-group .bui-tag:not(:last-child) {
33
- border-top-right-radius: 0;
34
- border-bottom-right-radius: 0;
35
- }
36
- .bui-tag-group .bui-tag:not(:last-child):not(.bui-tag-outlined) {
37
- border-right: 0;
38
- }
39
- .bui-tag-group .bui-tag:not(:first-child) {
40
- border-top-left-radius: 0;
41
- border-bottom-left-radius: 0;
42
- border-left: 0;
43
- }
@@ -1,27 +0,0 @@
1
- .bui-action-sheet {
2
- font-family: var(--bui-font-family);
3
- }
4
- .bui-action-sheet-content {
5
- padding-bottom: constant(safe-area-inset-bottom);
6
- padding-bottom: env(safe-area-inset-bottom);
7
- border-top-left-radius: var(--bui-shape-radius-drawer);
8
- border-top-right-radius: var(--bui-shape-radius-drawer);
9
- overflow: hidden;
10
- }
11
- .bui-action-sheet .bui-action-sheet-cancel {
12
- border-top: none;
13
- }
14
- .bui-action-sheet-gap {
15
- height: var(--bui-spacing-md);
16
- background-color: var(--bui-color-bg-default);
17
- }
18
- .bui-action-sheet-extra {
19
- font-size: var(--bui-text-size-1);
20
- line-height: 23px;
21
- padding: var(--bui-spacing-xl);
22
- color: var(--bui-color-fg-muted);
23
- background: var(--bui-color-bg-view);
24
- text-align: center;
25
- border-bottom: 1px solid var(--bui-color-border-default);
26
- margin: 0 var(--bui-spacing-xl);
27
- }
@@ -1,51 +0,0 @@
1
- .bui-action-sheet-item {
2
- --font-size: var(--bui-title-size-2);
3
- --color: var(--bui-color-fg-default);
4
- font-family: var(--bui-font-family);
5
- position: relative;
6
- padding: var(--bui-spacing-xl);
7
- cursor: pointer;
8
- background: var(--bui-color-bg-view);
9
- font-size: var(--font-size);
10
- text-align: center;
11
- line-height: 24px;
12
- color: var(--color);
13
- border-top: 1px solid var(--bui-color-border-default);
14
- margin: 0 var(--bui-spacing-xl);
15
- }
16
- .bui-action-sheet-item:first-child {
17
- border-top: none;
18
- }
19
- .bui-action-sheet-item:active {
20
- background-color: var(--bui-color-bg-default);
21
- }
22
- .bui-action-sheet-item-primary {
23
- --color: var(--bui-color-primary);
24
- }
25
- .bui-action-sheet-item-info {
26
- --color: var(--bui-color-info);
27
- }
28
- .bui-action-sheet-item-success {
29
- --color: var(--bui-color-success);
30
- }
31
- .bui-action-sheet-item-warning {
32
- --color: var(--bui-color-warning);
33
- }
34
- .bui-action-sheet-item-danger {
35
- --color: var(--bui-color-danger);
36
- }
37
- .bui-action-sheet-item-disabled {
38
- pointer-events: none;
39
- }
40
- .bui-action-sheet-item-disabled .bui-action-sheet-item-content,
41
- .bui-action-sheet-item-disabled .bui-action-sheet-item-description {
42
- opacity: 0.5;
43
- }
44
- .bui-action-sheet-item-bold {
45
- font-weight: bold;
46
- }
47
- .bui-action-sheet-item-description {
48
- font-size: var(--bui-text-size-2);
49
- line-height: 19px;
50
- color: var(--bui-color-fg-subtle);
51
- }
@@ -1,89 +0,0 @@
1
- .bui-alert {
2
- --bui-alert-marquee-speed: var(--bui-alert-marquee-seed, 10s);
3
- display: flex;
4
- padding: 8px;
5
- border-radius: var(--bui-shape-radius-default);
6
- align-items: center;
7
- line-height: 16px;
8
- font-size: var(--bui-text-size-3);
9
- font-family: var(--bui-font-family);
10
- }
11
- .bui-alert-standard-primary {
12
- background-color: var(--bui-color-primary-light);
13
- color: var(--bui-color-primary);
14
- }
15
- .bui-alert-standard-success {
16
- background-color: var(--bui-color-success-light);
17
- color: var(--bui-color-success);
18
- }
19
- .bui-alert-standard-info {
20
- background-color: var(--bui-color-info-light);
21
- color: var(--bui-color-info);
22
- }
23
- .bui-alert-standard-danger {
24
- background-color: var(--bui-color-danger-light);
25
- color: var(--bui-color-danger);
26
- }
27
- .bui-alert-standard-warning {
28
- color: var(--bui-color-warning);
29
- background-color: var(--bui-color-warning-light);
30
- }
31
- .bui-alert-outlined-primary {
32
- border: 1px solid var(--bui-color-primary);
33
- color: var(--bui-color-primary);
34
- }
35
- .bui-alert-outlined-success {
36
- border: 1px solid var(--bui-color-success);
37
- color: var(--bui-color-success);
38
- }
39
- .bui-alert-outlined-info {
40
- border: 1px solid var(--bui-color-info);
41
- color: var(--bui-color-info);
42
- }
43
- .bui-alert-outlined-danger {
44
- border: 1px solid var(--bui-color-danger);
45
- color: var(--bui-color-danger);
46
- }
47
- .bui-alert-outlined-warning {
48
- border: 1px solid var(--bui-color-warning);
49
- color: var(--bui-color-warning);
50
- }
51
- .bui-alert-default-icon {
52
- font-size: 15px;
53
- }
54
- .bui-alert-content {
55
- flex-grow: 1;
56
- }
57
- .bui-alert-action {
58
- flex-shrink: 0;
59
- margin-left: 16px;
60
- word-wrap: keep-all;
61
- font-size: var(--bui-text-size-3);
62
- cursor: pointer;
63
- text-align: center;
64
- }
65
- .bui-alert-action.bui-icon-btn {
66
- padding: 0;
67
- }
68
- .bui-alert-icon {
69
- display: flex;
70
- align-items: center;
71
- padding-right: 4px;
72
- vertical-align: middle;
73
- font-size: 15px;
74
- cursor: pointer;
75
- }
76
- .bui-alert-marquee {
77
- overflow: hidden;
78
- }
79
- .bui-alert-marquee-content {
80
- display: inline-block;
81
- padding-left: 100%;
82
- white-space: nowrap;
83
- animation: marquee var(--bui-alert-marquee-speed) linear infinite both;
84
- }
85
- @keyframes marquee {
86
- 100% {
87
- transform: translateX(-100%);
88
- }
89
- }
@@ -1,43 +0,0 @@
1
- .bui-avatar {
2
- display: flex;
3
- justify-content: center;
4
- align-items: center;
5
- font-size: 12px;
6
- background-color: var(--bui-color-bg-default);
7
- font-family: var(--bui-font-family);
8
- }
9
- .bui-avatar-children {
10
- white-space: nowrap;
11
- overflow: hidden;
12
- text-overflow: ellipsis;
13
- }
14
- .bui-avatar-large {
15
- width: 60px;
16
- height: 60px;
17
- }
18
- .bui-avatar-medium {
19
- width: 42px;
20
- height: 42px;
21
- }
22
- .bui-avatar-small {
23
- width: 30px;
24
- height: 30px;
25
- }
26
- .bui-avatar-xsmall {
27
- width: 24px;
28
- height: 24px;
29
- }
30
- .bui-avatar-rounded {
31
- border-radius: 50%;
32
- }
33
- .bui-avatar-rounded .bui-avatar-img {
34
- width: 100%;
35
- height: 100%;
36
- border-radius: 50%;
37
- }
38
- .bui-avatar-square {
39
- border-radius: var(--bui-shape-radius-poster);
40
- }
41
- .bui-avatar-square .bui-avatar-img {
42
- border-radius: var(--bui-shape-radius-poster);
43
- }
@@ -1,31 +0,0 @@
1
- .bui-avatar-group {
2
- display: flex;
3
- flex-direction: row;
4
- font-family: var(--bui-font-family);
5
- }
6
- .bui-avatar-group-avatar,
7
- .bui-avatar-group-extra {
8
- box-shadow: 0 0 0 2px var(--bui-color-bg-view);
9
- color: var(--bui-color-fg-default);
10
- }
11
- .bui-avatar-group .bui-avatar-xsmall:not(:first-child) {
12
- margin-left: -5px;
13
- }
14
- .bui-avatar-group .bui-avatar-small {
15
- box-shadow: 0 0 0 1px var(--bui-color-bg-view);
16
- }
17
- .bui-avatar-group .bui-avatar-small:not(:first-child) {
18
- margin-left: -9px;
19
- }
20
- .bui-avatar-group .bui-avatar-large {
21
- box-shadow: 0 0 0 3px var(--bui-color-bg-view);
22
- }
23
- .bui-avatar-group .bui-avatar-large:not(:first-child) {
24
- margin-left: -21px;
25
- }
26
- .bui-avatar-group .bui-avatar-medium {
27
- box-shadow: 0 0 0 2px var(--bui-color-bg-view);
28
- }
29
- .bui-avatar-group .bui-avatar-medium:not(:first-child) {
30
- margin-left: -13px;
31
- }
@@ -1,95 +0,0 @@
1
- .bui-badge {
2
- display: inline-block;
3
- font-family: var(--bui-font-family);
4
- }
5
- .bui-badge-position {
6
- position: relative;
7
- }
8
- .bui-badge-position .bui-badge-contained,
9
- .bui-badge-position .bui-badge-outlined {
10
- position: absolute;
11
- top: 14%;
12
- right: 14%;
13
- transform: scale(1) translate(50%, -50%);
14
- }
15
- .bui-badge-position .bui-badge-dot {
16
- top: 14%;
17
- right: 14%;
18
- transform: scale(1) translate(50%, -50%);
19
- }
20
- .bui-badge-position .bui-badge-bubble {
21
- top: 14%;
22
- right: 14%;
23
- transform: scale(1) translate(50%, -50%);
24
- }
25
- .bui-badge-contained,
26
- .bui-badge-outlined {
27
- display: flex;
28
- box-sizing: border-box;
29
- align-items: center;
30
- justify-content: center;
31
- min-width: 15px;
32
- height: 15px;
33
- line-height: 15px;
34
- padding: 0 3px;
35
- font-size: var(--bui-text-size-4);
36
- border-radius: 8px;
37
- color: var(--bui-color-bg-view);
38
- white-space: nowrap;
39
- z-index: 1;
40
- }
41
- .bui-badge-outlined {
42
- padding: 0 2px;
43
- }
44
- .bui-badge-primary {
45
- background-color: var(--bui-color-primary);
46
- }
47
- .bui-badge-success {
48
- background-color: var(--bui-color-success);
49
- }
50
- .bui-badge-info {
51
- background-color: var(--bui-color-info);
52
- }
53
- .bui-badge-warning {
54
- background-color: var(--bui-color-warning);
55
- }
56
- .bui-badge-danger {
57
- background-color: var(--bui-color-danger);
58
- }
59
- .bui-badge-dot {
60
- width: 9px;
61
- min-width: 0;
62
- height: 9px;
63
- padding: 0;
64
- border-radius: 100%;
65
- }
66
- .bui-badge-bubble {
67
- border-radius: 6px 6px 6px 0;
68
- padding: 0 5px;
69
- }
70
- .bui-badge-outlined {
71
- background: var(--bui-color-bg-view);
72
- }
73
- .bui-badge-outlined.bui-badge-primary {
74
- border: 1px solid var(--bui-color-primary);
75
- color: var(--bui-color-primary);
76
- }
77
- .bui-badge-outlined.bui-badge-success {
78
- border: 1px solid var(--bui-color-success);
79
- color: var(--bui-color-success);
80
- }
81
- .bui-badge-outlined.bui-badge-info {
82
- border: 1px solid var(--bui-color-info);
83
- color: var(--bui-color-info);
84
- }
85
- .bui-badge-outlined.bui-badge-warning {
86
- border: 1px solid var(--bui-color-warning);
87
- color: var(--bui-color-warning);
88
- }
89
- .bui-badge-outlined.bui-badge-danger {
90
- border: 1px solid var(--bui-color-danger);
91
- color: var(--bui-color-danger);
92
- }
93
- .bui-badge-outlined.bui-badge-bubble {
94
- border-radius: 6px 6px 6px 0;
95
- }
@@ -1,200 +0,0 @@
1
- .bui-btn {
2
- --bg-color: var(--bui-button-default-bg-color, var(--bui-color-neutral-5));
3
- --text-color: var(--bui-button-text-color, var(--bui-color-fg-muted));
4
- --border-color: var(--bui-button-border-color, var(--bui-color-neutral-4));
5
- --border-radius: var(--bui-button-border-radius, 100px);
6
- --font-weight: var(--bui-button-font-weight, var(--bui-font-weight-medium));
7
- border: 1px solid transparent;
8
- outline: 0;
9
- background-color: transparent;
10
- cursor: pointer;
11
- color: var(--text-color);
12
- box-sizing: border-box;
13
- position: relative;
14
- display: inline-flex;
15
- margin: 0;
16
- align-items: center;
17
- justify-content: center;
18
- white-space: nowrap;
19
- font-size: var(--bui-text-size-3);
20
- font-weight: var(--font-weight);
21
- border-radius: var(--border-radius);
22
- height: 27px;
23
- line-height: var(--bui-line-height);
24
- font-family: var(--bui-font-family);
25
- }
26
- @keyframes spin {
27
- from {
28
- transform: rotate(0deg);
29
- }
30
- to {
31
- transform: rotate(360deg);
32
- }
33
- }
34
- .bui-btn::after {
35
- border: 0;
36
- }
37
- .bui-btn::before {
38
- position: absolute;
39
- top: 50%;
40
- left: 50%;
41
- width: 100%;
42
- height: 100%;
43
- background-color: var(--bui-color-black);
44
- border: inherit;
45
- border-color: var(--bui-color-black);
46
- border-radius: inherit;
47
- transform: translate(-50%, -50%);
48
- opacity: 0;
49
- content: ' ';
50
- }
51
- .bui-btn:active::before {
52
- opacity: 0.04;
53
- }
54
- .bui-btn-icon-start {
55
- display: inline-flex;
56
- align-self: center;
57
- flex-shrink: 0;
58
- margin-right: var(--bui-spacing-xs);
59
- }
60
- .bui-btn-icon-end {
61
- display: inline-flex;
62
- align-self: center;
63
- flex-shrink: 0;
64
- margin-left: var(--bui-spacing-xs);
65
- }
66
- .bui-btn-disabled {
67
- pointer-events: none;
68
- opacity: 0.5;
69
- }
70
- .bui-btn-small {
71
- font-size: var(--bui-text-size-4);
72
- padding: 0 11px;
73
- height: 24px;
74
- }
75
- .bui-btn-medium {
76
- padding: 0 14px;
77
- height: 27px;
78
- }
79
- .bui-btn-large {
80
- font-size: var(--bui-text-size-2);
81
- padding: 0 14px;
82
- height: 33px;
83
- }
84
- .bui-btn-full {
85
- font-size: var(--bui-title-size-4);
86
- width: 100%;
87
- height: 42px;
88
- }
89
- .bui-btn-text.bui-btn-primary {
90
- color: var(--bui-color-primary);
91
- }
92
- .bui-btn-text.bui-btn-success {
93
- color: var(--bui-color-success);
94
- }
95
- .bui-btn-text.bui-btn-info {
96
- color: var(--bui-color-info);
97
- }
98
- .bui-btn-text.bui-btn-warning {
99
- color: var(--bui-color-warning);
100
- }
101
- .bui-btn-text.bui-btn-danger {
102
- color: var(--bui-color-danger);
103
- }
104
- .bui-btn-text.bui-btn-vip {
105
- color: var(--bui-color-vip);
106
- }
107
- .bui-btn-contained {
108
- background-color: var(--bg-color);
109
- }
110
- .bui-btn-contained.bui-btn-primary {
111
- color: var(--bui-color-white);
112
- background-image: linear-gradient(45deg, var(--bui-color-primary-start) 0%, var(--bui-color-primary-end) 100%);
113
- }
114
- .bui-btn-contained.bui-btn-success {
115
- color: var(--bui-color-white);
116
- background-image: linear-gradient(45deg, var(--bui-color-success-start) 0%, var(--bui-color-success-end) 100%);
117
- }
118
- .bui-btn-contained.bui-btn-info {
119
- color: var(--bui-color-white);
120
- background-image: linear-gradient(45deg, var(--bui-color-info-start) 0%, var(--bui-color-info-end) 100%);
121
- }
122
- .bui-btn-contained.bui-btn-warning {
123
- color: var(--bui-color-white);
124
- background-image: linear-gradient(45deg, var(--bui-color-warning-start) 0%, var(--bui-color-warning-end) 100%);
125
- }
126
- .bui-btn-contained.bui-btn-danger {
127
- color: var(--bui-color-white);
128
- background-image: linear-gradient(45deg, var(--bui-color-danger-start) 0%, var(--bui-color-danger-end) 100%);
129
- }
130
- .bui-btn-contained.bui-btn-vip {
131
- color: #582331;
132
- background-image: linear-gradient(90deg, var(--bui-color-vip-start) 3%, var(--bui-color-vip-end) 100%);
133
- }
134
- .bui-btn-outlined {
135
- border: solid 1px var(--border-color);
136
- }
137
- .bui-btn-outlined.bui-btn-primary {
138
- color: var(--bui-color-primary);
139
- border-color: var(--bui-color-primary);
140
- }
141
- .bui-btn-outlined.bui-btn-success {
142
- color: var(--bui-color-success);
143
- border-color: var(--bui-color-success);
144
- }
145
- .bui-btn-outlined.bui-btn-info {
146
- color: var(--bui-color-info);
147
- border-color: var(--bui-color-info);
148
- }
149
- .bui-btn-outlined.bui-btn-warning {
150
- color: var(--bui-color-warning);
151
- border-color: var(--bui-color-warning);
152
- }
153
- .bui-btn-outlined.bui-btn-danger {
154
- color: var(--bui-color-danger);
155
- border-color: var(--bui-color-danger);
156
- }
157
- .bui-btn-outlined.bui-btn-vip {
158
- color: var(--bui-color-vip);
159
- border-color: var(--bui-color-vip);
160
- }
161
- .bui-btn-light {
162
- background-image: none;
163
- background-color: var(--bui-color-gray-light);
164
- border: 1px solid transparent;
165
- }
166
- .bui-btn-light.bui-btn-warning {
167
- background-image: none;
168
- border: 1px solid transparent;
169
- color: var(--bui-color-warning);
170
- background-color: var(--bui-color-warning-light);
171
- }
172
- .bui-btn-light.bui-btn-primary {
173
- background-image: none;
174
- border: 1px solid transparent;
175
- color: var(--bui-color-primary);
176
- background-color: var(--bui-color-primary-light);
177
- }
178
- .bui-btn-light.bui-btn-info {
179
- background-image: none;
180
- border: 1px solid transparent;
181
- color: var(--bui-color-info);
182
- background-color: var(--bui-color-info-light);
183
- }
184
- .bui-btn-light.bui-btn-success {
185
- background-image: none;
186
- border: 1px solid transparent;
187
- color: var(--bui-color-success);
188
- background-color: var(--bui-color-success-light);
189
- }
190
- .bui-btn-light.bui-btn-danger {
191
- background-image: none;
192
- border: 1px solid transparent;
193
- color: var(--bui-color-danger);
194
- background-color: var(--bui-color-danger-light);
195
- }
196
- .bui-btn-light.bui-btn-vip {
197
- color: var(--bui-color-vip);
198
- position: relative;
199
- background-color: rgba(255, 134, 110, 0.3);
200
- }
@@ -1,105 +0,0 @@
1
- .bui-calendar {
2
- overflow: hidden;
3
- display: flex;
4
- flex-direction: column;
5
- background-color: var(--bui-color-bg-view);
6
- position: relative;
7
- width: 100%;
8
- box-sizing: border-box;
9
- padding: 6px 12px 7px;
10
- font-family: var(--bui-font-family);
11
- }
12
- .bui-calendar-week {
13
- height: 30px;
14
- font-size: var(--bui-text-size-2);
15
- font-weight: var(--bui-font-weight-medium);
16
- color: var(--bui-color-fg-default);
17
- display: flex;
18
- align-items: center;
19
- justify-content: space-between;
20
- }
21
- .bui-calendar-week-item {
22
- width: 14.28%;
23
- display: flex;
24
- align-items: center;
25
- justify-content: center;
26
- }
27
- .bui-calendar-week-item:nth-child(1),
28
- .bui-calendar-week-item:nth-child(7) {
29
- color: var(--bui-color-primary);
30
- }
31
- .bui-calendar-handler {
32
- height: 28px;
33
- display: flex;
34
- align-items: center;
35
- justify-content: center;
36
- margin-bottom: 7px;
37
- }
38
- .bui-calendar-handler-text {
39
- width: 80px;
40
- font-size: var(--bui-title-size-3);
41
- font-weight: var(--bui-font-weight-medium);
42
- text-align: center;
43
- }
44
- .bui-calendar-handler-btn {
45
- font-size: 16px;
46
- height: 100%;
47
- width: 46px;
48
- cursor: pointer;
49
- display: flex;
50
- align-items: center;
51
- justify-content: center;
52
- }
53
- .bui-calendar-handler-btn-icon {
54
- font-size: 28px;
55
- }
56
- .bui-calendar-month {
57
- display: flex;
58
- flex-wrap: wrap;
59
- margin-bottom: var(--bui-spacing-sm);
60
- }
61
- .bui-calendar-day-box {
62
- width: 14.28%;
63
- height: 30px;
64
- margin-bottom: 7px;
65
- }
66
- .bui-calendar-highlight-day .bui-calendar-day {
67
- color: var(--bui-color-primary);
68
- }
69
- .bui-calendar-day {
70
- width: 100%;
71
- height: 100%;
72
- display: flex;
73
- align-items: center;
74
- justify-content: center;
75
- border-radius: 6px;
76
- font-size: var(--bui-title-size-4);
77
- font-weight: var(--bui-font-weight-medium);
78
- color: var(--bui-color-fg-default);
79
- cursor: pointer;
80
- }
81
- .bui-calendar-day.bui-calendar-disabled {
82
- color: #9c9ca5;
83
- }
84
- .bui-calendar-today {
85
- color: var(--bui-color-primary);
86
- }
87
- .bui-calendar-middle {
88
- color: #000;
89
- border-radius: 0;
90
- background-color: #ffeaf1;
91
- }
92
- .bui-calendar-start {
93
- color: #000;
94
- background-color: #ffc7da;
95
- }
96
- .bui-calendar-range {
97
- border-top-right-radius: 0;
98
- border-bottom-right-radius: 0;
99
- }
100
- .bui-calendar-end {
101
- color: #000;
102
- background-color: #ffc7da;
103
- border-top-left-radius: 0;
104
- border-bottom-left-radius: 0;
105
- }