@bifrostui/react 1.0.5 → 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 (233) 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.d.ts +4 -0
  14. package/dist/CitySelector/CitySelector.js +36 -0
  15. package/dist/CitySelector/CitySelector.less +122 -0
  16. package/dist/CitySelector/CitySelector.miniapp.d.ts +5 -0
  17. package/dist/CitySelector/CitySelector.miniapp.js +79 -0
  18. package/dist/CitySelector/CitySelector.types.d.ts +47 -0
  19. package/dist/CitySelector/CitySelector.types.js +5 -0
  20. package/dist/CitySelector/CitySelectorCore.d.ts +5 -0
  21. package/dist/CitySelector/CitySelectorCore.js +183 -0
  22. package/dist/CitySelector/Selector/index.d.ts +9 -0
  23. package/dist/CitySelector/Selector/index.js +22 -0
  24. package/dist/CitySelector/Selector/index.less +13 -0
  25. package/dist/CitySelector/index.d.ts +2 -0
  26. package/dist/CitySelector/index.js +34 -0
  27. package/dist/CitySelector/miniapp.less +4 -0
  28. package/dist/Countdown/Countdown.less +39 -0
  29. package/dist/Divider/Divider.less +50 -0
  30. package/dist/Drawer/Drawer.less +40 -0
  31. package/dist/IconButton/IconButton.less +167 -0
  32. package/dist/Image/index.less +40 -0
  33. package/dist/Input/Input.less +72 -0
  34. package/dist/List/{List.css → List.less} +1 -0
  35. package/dist/List/{ListItem.css → ListItem.less} +17 -6
  36. package/dist/List/{ListItemContent.css → ListItemContent.less} +7 -2
  37. package/dist/List/{ListItemFooter.css → ListItemFooter.less} +4 -3
  38. package/dist/Loading/Loading.less +40 -0
  39. package/dist/Modal/{Modal.css → Modal.less} +8 -6
  40. package/dist/Modal/Modal.miniapp.d.ts +16 -0
  41. package/dist/Modal/Modal.miniapp.js +73 -0
  42. package/dist/NavBar/NavBar.less +67 -0
  43. package/dist/Picker/Picker.d.ts +5 -0
  44. package/dist/Picker/Picker.js +155 -0
  45. package/dist/Picker/Picker.less +62 -0
  46. package/dist/Picker/Picker.types.d.ts +98 -0
  47. package/dist/Picker/Picker.types.js +5 -0
  48. package/dist/Picker/PickerPanel.d.ts +5 -0
  49. package/dist/Picker/PickerPanel.js +210 -0
  50. package/dist/Picker/PickerPanel.less +67 -0
  51. package/dist/Picker/index.d.ts +2 -0
  52. package/dist/Picker/index.js +34 -0
  53. package/dist/Picker/utils.d.ts +13 -0
  54. package/dist/Picker/utils.js +66 -0
  55. package/dist/Progress/Progress.less +24 -0
  56. package/dist/Radio/Radio.less +81 -0
  57. package/dist/Rating/Rating.less +64 -0
  58. package/dist/ScrollView/{ScrollView.css → ScrollView.less} +4 -0
  59. package/dist/Select/Select.less +105 -0
  60. package/dist/Skeleton/Skeleton.less +72 -0
  61. package/dist/Slider/Slider.less +108 -0
  62. package/dist/Stack/demo/index.less +27 -0
  63. package/dist/Steps/Step.less +228 -0
  64. package/{es/Steps/Steps.css → dist/Steps/Steps.less} +5 -3
  65. package/dist/Swiper/Swiper.less +25 -0
  66. package/dist/Switch/Switch.less +177 -0
  67. package/dist/TabBar/TabBarItem.less +54 -0
  68. package/dist/Tabs/Tab.js +1 -1
  69. package/dist/Tabs/Tab.less +60 -0
  70. package/dist/Tabs/TabPanel.less +11 -0
  71. package/dist/Tabs/Tabs.less +77 -0
  72. package/dist/Tag/Tag.less +119 -0
  73. package/dist/Tag/TagGroup.less +52 -0
  74. package/dist/TextArea/{TextArea.css → TextArea.less} +27 -19
  75. package/dist/index.d.ts +2 -0
  76. package/dist/index.js +22 -0
  77. package/es/ActionSheet/ActionSheet.less +31 -0
  78. package/es/ActionSheet/ActionSheetItem.less +62 -0
  79. package/es/Alert/index.less +112 -0
  80. package/es/Avatar/Avatar.less +52 -0
  81. package/es/Avatar/AvatarGroup.less +39 -0
  82. package/es/Backdrop/{Backdrop.css → Backdrop.less} +4 -3
  83. package/es/Badge/Badge.less +118 -0
  84. package/es/Button/Button.less +244 -0
  85. package/es/Calendar/Calendar.less +126 -0
  86. package/{dist/Card/Card.css → es/Card/Card.less} +1 -0
  87. package/es/Card/CardHeader.less +53 -0
  88. package/es/Checkbox/Checkbox.less +55 -0
  89. package/es/CitySelector/CitySelector.d.ts +4 -0
  90. package/es/CitySelector/CitySelector.js +36 -0
  91. package/es/CitySelector/CitySelector.less +122 -0
  92. package/es/CitySelector/CitySelector.miniapp.d.ts +5 -0
  93. package/es/CitySelector/CitySelector.miniapp.js +77 -0
  94. package/es/CitySelector/CitySelector.types.d.ts +47 -0
  95. package/es/CitySelector/CitySelector.types.js +1 -0
  96. package/es/CitySelector/CitySelectorCore.d.ts +5 -0
  97. package/es/CitySelector/CitySelectorCore.js +194 -0
  98. package/es/CitySelector/Selector/index.d.ts +9 -0
  99. package/es/CitySelector/Selector/index.js +13 -0
  100. package/es/CitySelector/Selector/index.less +13 -0
  101. package/es/CitySelector/index.d.ts +2 -0
  102. package/es/CitySelector/index.js +2 -0
  103. package/es/CitySelector/miniapp.less +4 -0
  104. package/es/Countdown/Countdown.less +39 -0
  105. package/es/Divider/Divider.less +50 -0
  106. package/es/Drawer/Drawer.less +40 -0
  107. package/es/IconButton/IconButton.less +167 -0
  108. package/es/Image/index.less +40 -0
  109. package/es/Input/Input.less +72 -0
  110. package/es/List/{List.css → List.less} +1 -0
  111. package/es/List/{ListItem.css → ListItem.less} +17 -6
  112. package/es/List/{ListItemContent.css → ListItemContent.less} +7 -2
  113. package/es/List/{ListItemFooter.css → ListItemFooter.less} +4 -3
  114. package/es/Loading/Loading.less +40 -0
  115. package/es/Modal/{Modal.css → Modal.less} +8 -6
  116. package/es/Modal/Modal.miniapp.d.ts +16 -0
  117. package/es/Modal/Modal.miniapp.js +78 -0
  118. package/es/NavBar/NavBar.less +67 -0
  119. package/es/Picker/Picker.d.ts +5 -0
  120. package/es/Picker/Picker.js +171 -0
  121. package/es/Picker/Picker.less +62 -0
  122. package/es/Picker/Picker.types.d.ts +98 -0
  123. package/es/Picker/Picker.types.js +1 -0
  124. package/es/Picker/PickerPanel.d.ts +5 -0
  125. package/es/Picker/PickerPanel.js +234 -0
  126. package/es/Picker/PickerPanel.less +67 -0
  127. package/es/Picker/index.d.ts +2 -0
  128. package/es/Picker/index.js +2 -0
  129. package/es/Picker/utils.d.ts +13 -0
  130. package/es/Picker/utils.js +65 -0
  131. package/es/Progress/Progress.less +24 -0
  132. package/es/Radio/Radio.less +81 -0
  133. package/es/Rating/Rating.less +64 -0
  134. package/es/ScrollView/{ScrollView.css → ScrollView.less} +4 -0
  135. package/es/Select/Select.less +105 -0
  136. package/es/Skeleton/Skeleton.less +72 -0
  137. package/es/Slider/Slider.less +108 -0
  138. package/es/Stack/demo/index.less +27 -0
  139. package/es/Steps/Step.less +228 -0
  140. package/{dist/Steps/Steps.css → es/Steps/Steps.less} +5 -3
  141. package/es/Swiper/Swiper.less +25 -0
  142. package/es/Switch/Switch.less +177 -0
  143. package/es/TabBar/TabBarItem.less +54 -0
  144. package/es/Tabs/Tab.js +1 -1
  145. package/es/Tabs/Tab.less +60 -0
  146. package/es/Tabs/TabPanel.less +11 -0
  147. package/es/Tabs/Tabs.less +77 -0
  148. package/es/Tag/Tag.less +119 -0
  149. package/es/Tag/TagGroup.less +52 -0
  150. package/es/TextArea/{TextArea.css → TextArea.less} +27 -19
  151. package/es/index.d.ts +2 -0
  152. package/es/index.js +3 -1
  153. package/package.json +6 -6
  154. package/dist/ActionSheet/ActionSheet.css +0 -27
  155. package/dist/ActionSheet/ActionSheetItem.css +0 -51
  156. package/dist/Alert/index.css +0 -89
  157. package/dist/Avatar/Avatar.css +0 -43
  158. package/dist/Avatar/AvatarGroup.css +0 -31
  159. package/dist/Badge/Badge.css +0 -95
  160. package/dist/Button/Button.css +0 -200
  161. package/dist/Calendar/Calendar.css +0 -105
  162. package/dist/Card/CardHeader.css +0 -45
  163. package/dist/Checkbox/Checkbox.css +0 -45
  164. package/dist/Countdown/Countdown.css +0 -28
  165. package/dist/Divider/Divider.css +0 -41
  166. package/dist/Drawer/Drawer.css +0 -35
  167. package/dist/IconButton/IconButton.css +0 -130
  168. package/dist/Image/index.css +0 -35
  169. package/dist/Input/Input.css +0 -59
  170. package/dist/Loading/Loading.css +0 -31
  171. package/dist/NavBar/NavBar.css +0 -57
  172. package/dist/Progress/Progress.css +0 -22
  173. package/dist/Radio/Radio.css +0 -65
  174. package/dist/Rating/Rating.css +0 -52
  175. package/dist/Select/Select.css +0 -89
  176. package/dist/Skeleton/Skeleton.css +0 -54
  177. package/dist/Slider/Slider.css +0 -95
  178. package/dist/Stack/demo/index.css +0 -23
  179. package/dist/Steps/Step.css +0 -174
  180. package/dist/Swiper/Swiper.css +0 -20
  181. package/dist/Switch/Switch.css +0 -127
  182. package/dist/TabBar/TabBarItem.css +0 -38
  183. package/dist/Tabs/Tab.css +0 -52
  184. package/dist/Tabs/TabPanel.css +0 -9
  185. package/dist/Tabs/Tabs.css +0 -56
  186. package/dist/Tag/Tag.css +0 -97
  187. package/dist/Tag/TagGroup.css +0 -43
  188. package/es/ActionSheet/ActionSheet.css +0 -27
  189. package/es/ActionSheet/ActionSheetItem.css +0 -51
  190. package/es/Alert/index.css +0 -89
  191. package/es/Avatar/Avatar.css +0 -43
  192. package/es/Avatar/AvatarGroup.css +0 -31
  193. package/es/Badge/Badge.css +0 -95
  194. package/es/Button/Button.css +0 -200
  195. package/es/Calendar/Calendar.css +0 -105
  196. package/es/Card/CardHeader.css +0 -45
  197. package/es/Checkbox/Checkbox.css +0 -45
  198. package/es/Countdown/Countdown.css +0 -28
  199. package/es/Divider/Divider.css +0 -41
  200. package/es/Drawer/Drawer.css +0 -35
  201. package/es/IconButton/IconButton.css +0 -130
  202. package/es/Image/index.css +0 -35
  203. package/es/Input/Input.css +0 -59
  204. package/es/Loading/Loading.css +0 -31
  205. package/es/NavBar/NavBar.css +0 -57
  206. package/es/Progress/Progress.css +0 -22
  207. package/es/Radio/Radio.css +0 -65
  208. package/es/Rating/Rating.css +0 -52
  209. package/es/Select/Select.css +0 -89
  210. package/es/Skeleton/Skeleton.css +0 -54
  211. package/es/Slider/Slider.css +0 -95
  212. package/es/Stack/demo/index.css +0 -23
  213. package/es/Steps/Step.css +0 -174
  214. package/es/Swiper/Swiper.css +0 -20
  215. package/es/Switch/Switch.css +0 -127
  216. package/es/TabBar/TabBarItem.css +0 -38
  217. package/es/Tabs/Tab.css +0 -52
  218. package/es/Tabs/TabPanel.css +0 -9
  219. package/es/Tabs/Tabs.css +0 -56
  220. package/es/Tag/Tag.css +0 -97
  221. package/es/Tag/TagGroup.css +0 -43
  222. /package/dist/Card/{CardContent.css → CardContent.less} +0 -0
  223. /package/dist/Card/{CardFooter.css → CardFooter.less} +0 -0
  224. /package/dist/List/{ListItemExtra.css → ListItemExtra.less} +0 -0
  225. /package/dist/List/{ListItemHeader.css → ListItemHeader.less} +0 -0
  226. /package/dist/Stack/{Stack.css → Stack.less} +0 -0
  227. /package/dist/TabBar/{TabBar.css → TabBar.less} +0 -0
  228. /package/es/Card/{CardContent.css → CardContent.less} +0 -0
  229. /package/es/Card/{CardFooter.css → CardFooter.less} +0 -0
  230. /package/es/List/{ListItemExtra.css → ListItemExtra.less} +0 -0
  231. /package/es/List/{ListItemHeader.css → ListItemHeader.less} +0 -0
  232. /package/es/Stack/{Stack.css → Stack.less} +0 -0
  233. /package/es/TabBar/{TabBar.css → TabBar.less} +0 -0
@@ -1,174 +0,0 @@
1
- .bui-step {
2
- display: flex;
3
- position: relative;
4
- line-height: var(--bui-line-height);
5
- font-family: var(--bui-font-family);
6
- }
7
- .bui-step-label-horizontal {
8
- line-height: 1.8;
9
- }
10
- .bui-step:last-child .bui-step-line::after {
11
- display: none;
12
- }
13
- .bui-step-line {
14
- position: absolute;
15
- top: 0;
16
- width: 1px;
17
- height: 100%;
18
- box-sizing: border-box;
19
- left: 13px;
20
- padding: var(--step-line-padding);
21
- }
22
- .bui-step-line::after {
23
- display: inline-block;
24
- content: '';
25
- width: 1px;
26
- border-left-width: 1px;
27
- border-left-style: dotted;
28
- height: calc(100% + 11px);
29
- }
30
- .bui-step-line-active::after {
31
- border-left-color: var(--bui-color-primary);
32
- }
33
- .bui-step-line-wait::after {
34
- border-left-color: var(--bui-color-fg-disabled);
35
- }
36
- .bui-step-line-finish::after {
37
- border-left-color: var(--bui-color-primary);
38
- }
39
- .bui-step-line-error::after {
40
- border-left-color: var(--bui-color-primary);
41
- }
42
- .bui-step-icon {
43
- flex-shrink: 0;
44
- width: 28px;
45
- text-align: center;
46
- margin: var(--step-icon-margin);
47
- font-size: var(--bui-title-size-4);
48
- }
49
- .bui-step-icon-active {
50
- width: 12px;
51
- height: 12px;
52
- position: relative;
53
- background-color: var(--bui-color-primary);
54
- border-radius: 50%;
55
- margin-top: 2px;
56
- display: inline-block;
57
- }
58
- .bui-step-content {
59
- padding: 3px 0;
60
- box-sizing: border-box;
61
- flex: 1 0 0;
62
- overflow: hidden;
63
- }
64
- .bui-step-title-wrapper {
65
- width: 100%;
66
- display: flex;
67
- align-items: center;
68
- }
69
- .bui-step-title-wrapper-vertical {
70
- flex-direction: column;
71
- align-items: flex-start;
72
- }
73
- .bui-step-title {
74
- font-size: var(--title-font-size);
75
- font-weight: var(--title-font-weight);
76
- width: auto;
77
- overflow: hidden;
78
- text-overflow: ellipsis;
79
- white-space: nowrap;
80
- }
81
- .bui-step-title-active {
82
- color: var(--bui-color-primary);
83
- }
84
- .bui-step-title-wait {
85
- color: var(--bui-color-fg-subtle);
86
- }
87
- .bui-step-title-finish {
88
- color: var(--bui-color-primary);
89
- }
90
- .bui-step-title-error {
91
- color: var(--bui-color-primary);
92
- }
93
- .bui-step-title-horizontal {
94
- margin-right: 4px;
95
- max-width: 64%;
96
- }
97
- .bui-step-title-vertical {
98
- width: 100%;
99
- }
100
- .bui-step-subtitle {
101
- font-size: var(--subtitle-font-size);
102
- color: var(--bui-color-fg-subtle);
103
- width: auto;
104
- overflow: hidden;
105
- text-overflow: ellipsis;
106
- white-space: nowrap;
107
- }
108
- .bui-step-subtitle-horizontal {
109
- flex: 1;
110
- }
111
- .bui-step-subtitle-vertical {
112
- width: 100%;
113
- }
114
- .bui-step-desc {
115
- font-size: var(--bui-text-size-3);
116
- color: var(--bui-color-fg-subtle);
117
- margin-right: var(--bui-spacing-lg);
118
- }
119
- .bui-step-horizontal {
120
- flex: 1;
121
- padding-left: var(--bui-spacing-sm);
122
- }
123
- .bui-step-horizontal:first-child {
124
- padding-left: 0;
125
- }
126
- .bui-step-horizontal:last-child .bui-step-title-wrapper::after {
127
- display: none;
128
- }
129
- .bui-step-horizontal .bui-step-line {
130
- display: none;
131
- padding: 28px 0 6px;
132
- }
133
- .bui-step-horizontal .bui-step-icon {
134
- margin-right: 0;
135
- }
136
- .bui-step-horizontal .bui-step-title-wrapper {
137
- width: fit-content;
138
- position: relative;
139
- }
140
- .bui-step-horizontal .bui-step-title-wrapper::after {
141
- position: absolute;
142
- width: 9999px;
143
- height: 1px;
144
- content: '';
145
- left: 100%;
146
- top: 0;
147
- bottom: 0;
148
- margin: auto 0;
149
- }
150
- .bui-step-horizontal .bui-step-title-wrapper-line-active::after {
151
- background: var(--bui-color-fg-disabled);
152
- }
153
- .bui-step-horizontal .bui-step-title-wrapper-line-wait::after {
154
- background: var(--bui-color-fg-disabled);
155
- }
156
- .bui-step-horizontal .bui-step-title-wrapper-line-finish::after {
157
- background: var(--bui-color-primary);
158
- }
159
- .bui-step-horizontal .bui-step-title-wrapper-line-error::after {
160
- background: var(--bui-color-primary);
161
- }
162
- .bui-step-horizontal .bui-step-title {
163
- padding-right: var(--bui-spacing-sm);
164
- margin-right: 0;
165
- max-width: unset;
166
- }
167
- .bui-step-horizontal .bui-step-subtitle {
168
- padding-right: var(--bui-spacing-sm);
169
- margin-right: 0;
170
- }
171
- .bui-step-disabled {
172
- opacity: 0.5;
173
- pointer-events: none;
174
- }
@@ -1,20 +0,0 @@
1
- .bui-swiper {
2
- font-family: var(--bui-font-family);
3
- }
4
- .bui-swiper .swiper-container-wrapper {
5
- height: 150px;
6
- }
7
- .bui-swiper .swiper-container {
8
- height: 100%;
9
- }
10
- .bui-swiper .swiper-pagination {
11
- font-size: 0;
12
- }
13
- .bui-swiper .swiper-pagination-bullet {
14
- opacity: 1;
15
- background: var(--indicator-color);
16
- }
17
- .bui-swiper .swiper-pagination-bullet-active {
18
- opacity: 1;
19
- background: var(--indicator-color-active);
20
- }
@@ -1,127 +0,0 @@
1
- .bui-switch {
2
- --bg-color: #ccc;
3
- position: relative;
4
- display: inline-block;
5
- box-sizing: border-box;
6
- padding: 0;
7
- vertical-align: middle;
8
- border-radius: 15px;
9
- background-color: var(--bg-color);
10
- transition: all 0.3s cubic-bezier(0.35, 0, 0.25, 1);
11
- font-family: var(--bui-font-family);
12
- }
13
- .bui-switch::after {
14
- position: absolute;
15
- left: 2px;
16
- top: 2px;
17
- border-radius: 50%;
18
- background-color: #fff;
19
- content: ' ';
20
- cursor: pointer;
21
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.26);
22
- transition: left 0.3s cubic-bezier(0.35, 0, 0.25, 1);
23
- animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
24
- animation-duration: 0.3s;
25
- }
26
- .bui-switch:focus {
27
- outline: none;
28
- }
29
- .bui-switch-small {
30
- width: 24px;
31
- height: 16px;
32
- }
33
- .bui-switch-small .bui-switch-inner {
34
- left: calc(100% - 10px);
35
- font-size: 9px;
36
- }
37
- .bui-switch-small::after {
38
- width: 12px;
39
- height: 12px;
40
- left: 2px;
41
- top: 2px;
42
- }
43
- .bui-switch-small.bui-switch-checked::after {
44
- left: calc(100% - 14px);
45
- }
46
- .bui-switch-small.bui-switch-checked .bui-switch-inner {
47
- left: 2px;
48
- }
49
- .bui-switch-medium {
50
- width: 44px;
51
- height: 22px;
52
- }
53
- .bui-switch-medium::after {
54
- width: 18px;
55
- height: 18px;
56
- }
57
- .bui-switch-medium.bui-switch-checked::after {
58
- left: calc(100% - 20px);
59
- }
60
- .bui-switch-medium.bui-switch-checked .bui-switch-inner {
61
- left: var(--bui-spacing-sm);
62
- }
63
- .bui-switch-large {
64
- width: 51px;
65
- height: 30px;
66
- }
67
- .bui-switch-large .bui-switch-inner {
68
- left: calc(100% - 22px);
69
- }
70
- .bui-switch-large::after {
71
- width: 24px;
72
- height: 24px;
73
- left: 3px;
74
- top: 3px;
75
- }
76
- .bui-switch-large.bui-switch-checked::after {
77
- left: calc(100% - 27px);
78
- }
79
- .bui-switch-large.bui-switch-checked .bui-switch-inner {
80
- left: var(--bui-spacing-sm);
81
- }
82
- .bui-switch-primary.bui-switch-checked {
83
- background-color: var(--bui-color-primary);
84
- }
85
- .bui-switch-info.bui-switch-checked {
86
- background-color: var(--bui-color-info);
87
- }
88
- .bui-switch-success.bui-switch-checked {
89
- background-color: var(--bui-color-success);
90
- }
91
- .bui-switch-warning.bui-switch-checked {
92
- background-color: var(--bui-color-warning);
93
- }
94
- .bui-switch-danger.bui-switch-checked {
95
- background-color: var(--bui-color-danger);
96
- }
97
- .bui-switch-inner {
98
- position: absolute;
99
- left: calc(100% - 20px);
100
- color: var(--bui-color-white);
101
- font-size: var(--bui-text-size-3);
102
- height: 100%;
103
- display: flex;
104
- align-items: center;
105
- }
106
- .bui-switch-inner .bui-svg-icon {
107
- position: absolute;
108
- top: 50%;
109
- transform: translateY(-50%);
110
- }
111
- .bui-switch-disabled {
112
- pointer-events: none;
113
- opacity: 0.5;
114
- }
115
- .bui-switch-disabled::after {
116
- animation-name: none;
117
- cursor: not-allowed;
118
- }
119
- .bui-switch-input {
120
- opacity: 0;
121
- width: 100%;
122
- height: 100%;
123
- margin: 0;
124
- position: absolute;
125
- z-index: 1;
126
- cursor: pointer;
127
- }
@@ -1,38 +0,0 @@
1
- .bui-tab-bar-item {
2
- --bui-tab-bar-color: var(--bui-tab-bar-default-color, var(--bui-color-fg-default));
3
- display: flex;
4
- align-items: center;
5
- justify-content: center;
6
- flex-direction: column;
7
- flex: 1;
8
- color: var(--bui-tab-bar-color);
9
- font-family: var(--bui-font-family);
10
- }
11
- .bui-tab-bar-item-primary {
12
- color: var(--bui-color-primary);
13
- }
14
- .bui-tab-bar-item-success {
15
- color: var(--bui-color-success);
16
- }
17
- .bui-tab-bar-item-info {
18
- color: var(--bui-color-info);
19
- }
20
- .bui-tab-bar-item-warning {
21
- color: var(--bui-color-warning);
22
- }
23
- .bui-tab-bar-item-danger {
24
- color: var(--bui-color-danger);
25
- }
26
- .bui-tab-bar-item-vip {
27
- color: var(--bui-color-vip);
28
- }
29
- .bui-tab-bar-item .bui-badge {
30
- display: flex;
31
- flex-direction: column;
32
- align-items: center;
33
- justify-content: center;
34
- }
35
- .bui-tab-bar-item .bui-badge-position .bui-badge-contained,
36
- .bui-tab-bar-item .bui-badge-position .bui-badge-outlined {
37
- top: 0;
38
- }
package/dist/Tabs/Tab.css DELETED
@@ -1,52 +0,0 @@
1
- .bui-tab {
2
- display: flex;
3
- align-items: center;
4
- justify-content: center;
5
- white-space: nowrap;
6
- width: min-content;
7
- height: 100%;
8
- box-sizing: border-box;
9
- position: relative;
10
- cursor: pointer;
11
- font-size: var(--font-size);
12
- line-height: var(--bui-line-height);
13
- color: var(--color);
14
- padding: var(--bui-spacing-lg) var(--bui-spacing-lg) 10px;
15
- font-family: var(--bui-font-family);
16
- }
17
- .bui-tab-center {
18
- flex: 1 0 auto;
19
- margin: 0 auto;
20
- }
21
- .bui-tab-active {
22
- font-size: var(--font-size);
23
- line-height: var(--bui-line-height);
24
- font-weight: var(--bui-font-weight-medium);
25
- color: var(--active-color);
26
- }
27
- .bui-tab-miniapp-active {
28
- font-size: var(--font-size);
29
- line-height: 1.5;
30
- font-weight: var(--bui-font-weight-medium);
31
- color: var(--active-color);
32
- position: relative;
33
- }
34
- .bui-tab-miniapp-active-line {
35
- position: absolute;
36
- bottom: 0;
37
- left: -12px;
38
- right: -12px;
39
- margin: 0 auto !important;
40
- width: 18px;
41
- height: 2px;
42
- transition: all 100ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
43
- background-color: var(--line-color);
44
- }
45
- .bui-tab-disabled {
46
- opacity: 0.5;
47
- pointer-events: none;
48
- }
49
- .bui-tabline-invisible {
50
- visibility: hidden;
51
- background-color: transparent;
52
- }
@@ -1,9 +0,0 @@
1
- .bui-tabpanel {
2
- font-family: var(--bui-font-family);
3
- }
4
- .bui-tabpanel-active {
5
- display: block;
6
- }
7
- .bui-tabpanel-inactive {
8
- display: none;
9
- }
@@ -1,56 +0,0 @@
1
- .bui-tabs {
2
- --height: 39px;
3
- --font-size: var(--bui-text-size-1);
4
- --color: var(--bui-color-fg-subtle);
5
- --active-color: var(--bui-color-fg-default);
6
- --line-color: var(--bui-color-primary);
7
- position: relative;
8
- font-family: var(--bui-font-family);
9
- }
10
- .bui-tabs-tabs {
11
- height: var(--height);
12
- display: flex;
13
- flex-wrap: nowrap;
14
- justify-content: flex-start;
15
- align-items: center;
16
- position: relative;
17
- overflow-x: scroll;
18
- scrollbar-width: none;
19
- }
20
- .bui-tabs-tabs::-webkit-scrollbar {
21
- display: none;
22
- }
23
- .bui-tabs-tabline {
24
- position: absolute;
25
- width: 18px;
26
- bottom: 0;
27
- /* prettier-ignore */
28
- height: 3PX;
29
- color: var(--bui-color-primary);
30
- background: var(--line-color);
31
- border-radius: var(--bui-shape-radius-label);
32
- }
33
- .bui-tabs-content {
34
- padding: var(--bui-spacing-lg);
35
- }
36
- .bui-tabs-mask {
37
- position: absolute;
38
- top: 0;
39
- bottom: 0;
40
- z-index: 1;
41
- width: 12px;
42
- height: 100%;
43
- pointer-events: none;
44
- }
45
- .bui-tabs-mask-left {
46
- left: 0;
47
- background: linear-gradient(to right, var(--bui-color-white), rgba(255, 255, 255, 0));
48
- }
49
- .bui-tabs-mask-right {
50
- right: 0;
51
- background: linear-gradient(to left, var(--bui-color-white), rgba(255, 255, 255, 0));
52
- }
53
- .bui-tabline-invisible {
54
- visibility: hidden;
55
- background-color: transparent;
56
- }
package/dist/Tag/Tag.css DELETED
@@ -1,97 +0,0 @@
1
- .bui-tag {
2
- --color: var(--bui-tag-color, var(--bui-color-gray));
3
- --border-color: var(--bui-tag-border-color, var(--bui-color-border-gray));
4
- --bg-color: var(--bui-tag-bg-color, var(--bui-color-gray));
5
- position: relative;
6
- display: inline-flex;
7
- align-items: center;
8
- justify-content: center;
9
- white-space: nowrap;
10
- height: 15px;
11
- line-height: 15px;
12
- padding: 0 var(--bui-spacing-xs);
13
- font-size: var(--bui-text-size-5);
14
- font-weight: var(--bui-font-weight-normal);
15
- border-radius: var(--bui-shape-radius-label);
16
- border: 1px solid transparent;
17
- box-sizing: border-box;
18
- color: var(--bui-color-bg-view);
19
- font-family: var(--bui-font-family);
20
- }
21
- .bui-tag-outlined {
22
- color: var(--color);
23
- border: 1px solid var(--border-color);
24
- }
25
- .bui-tag-outlined.bui-tag-primary {
26
- color: var(--bui-color-primary);
27
- border: 1px solid var(--bui-color-border-primary);
28
- }
29
- .bui-tag-outlined.bui-tag-info {
30
- color: var(--bui-color-info);
31
- border: 1px solid var(--bui-color-border-info);
32
- }
33
- .bui-tag-outlined.bui-tag-warning {
34
- color: var(--bui-color-warning);
35
- border: 1px solid var(--bui-color-border-warning);
36
- }
37
- .bui-tag-outlined.bui-tag-success {
38
- color: var(--bui-color-success);
39
- border: 1px solid var(--bui-color-border-success);
40
- }
41
- .bui-tag-outlined.bui-tag-danger {
42
- color: var(--bui-color-danger);
43
- border: 1px solid var(--bui-color-border-danger);
44
- }
45
- .bui-tag-outlined.bui-tag-vip {
46
- color: var(--bui-color-red);
47
- border: 1px solid var(--bui-color-border-primary);
48
- }
49
- .bui-tag-contained {
50
- background-color: var(--bg-color);
51
- }
52
- .bui-tag-contained.bui-tag-primary {
53
- background-color: var(--bui-color-primary);
54
- }
55
- .bui-tag-contained.bui-tag-info {
56
- background-color: var(--bui-color-info);
57
- }
58
- .bui-tag-contained.bui-tag-warning {
59
- background-color: var(--bui-color-warning);
60
- }
61
- .bui-tag-contained.bui-tag-success {
62
- background-color: var(--bui-color-success);
63
- }
64
- .bui-tag-contained.bui-tag-danger {
65
- background-color: var(--bui-color-danger);
66
- }
67
- .bui-tag-contained.bui-tag-vip {
68
- background-color: var(--bui-color-vip);
69
- }
70
- .bui-tag-light {
71
- background-color: var(--bui-color-gray-light);
72
- color: var(--bui-color-gray);
73
- }
74
- .bui-tag-light.bui-tag-primary {
75
- background-color: var(--bui-color-primary-light);
76
- color: var(--bui-color-primary);
77
- }
78
- .bui-tag-light.bui-tag-info {
79
- background-color: var(--bui-color-info-light);
80
- color: var(--bui-color-info);
81
- }
82
- .bui-tag-light.bui-tag-warning {
83
- background-color: var(--bui-color-warning-light);
84
- color: var(--bui-color-warning);
85
- }
86
- .bui-tag-light.bui-tag-success {
87
- background-color: var(--bui-color-success-light);
88
- color: var(--bui-color-success);
89
- }
90
- .bui-tag-light.bui-tag-danger {
91
- background-color: var(--bui-color-danger-light);
92
- color: var(--bui-color-danger);
93
- }
94
- .bui-tag-light.bui-tag-vip {
95
- background-color: rgba(255, 134, 110, 0.3);
96
- color: var(--bui-color-vip);
97
- }
@@ -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
- }