@databricks/design-system 0.2.1 → 1.2.0

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 (223) hide show
  1. package/dist/.pkgr-sources-hash +1 -1
  2. package/dist/cjs/index.js +10800 -5249
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/design-system/Alert/Alert.d.ts +1 -1
  5. package/dist/design-system/Button/Button.d.ts +10 -4
  6. package/dist/design-system/Checkbox/Checkbox.d.ts +11 -9
  7. package/dist/design-system/Checkbox/Checkbox.test.d.ts +1 -0
  8. package/dist/design-system/Collapse/Collapse.d.ts +36 -3
  9. package/dist/design-system/DatePicker/DatePicker.d.ts +47 -0
  10. package/dist/design-system/DatePicker/index.d.ts +1 -0
  11. package/dist/design-system/DesignSystemProvider/DesignSystemProvider.d.ts +18 -7
  12. package/dist/design-system/DesignSystemProvider/DesignSystemProvider.test.d.ts +1 -0
  13. package/dist/design-system/DropdownMenu/DropdownMenu.d.ts +24 -0
  14. package/dist/design-system/DropdownMenu/index.d.ts +1 -0
  15. package/dist/design-system/Form/Form.d.ts +4 -2
  16. package/dist/design-system/Header/Header.d.ts +2 -0
  17. package/dist/design-system/Hooks/index.d.ts +3 -1
  18. package/dist/design-system/Hooks/useDesignSystemContext.d.ts +2 -0
  19. package/dist/design-system/Hooks/useDesignSystemTheme.d.ts +7 -2
  20. package/dist/design-system/Hooks/useThemedStyles.d.ts +28 -0
  21. package/dist/design-system/Icon/Icon.d.ts +6 -1
  22. package/dist/design-system/Icon/{icons → __generated/icons}/AIcon.d.ts +1 -1
  23. package/dist/design-system/Icon/{icons → __generated/icons}/AlignCenterIcon.d.ts +1 -1
  24. package/dist/design-system/Icon/{icons → __generated/icons}/AlignLeftIcon.d.ts +1 -1
  25. package/dist/design-system/Icon/{icons → __generated/icons}/AlignRightIcon.d.ts +1 -1
  26. package/dist/design-system/Icon/{icons → __generated/icons}/ArrowDownIcon.d.ts +1 -1
  27. package/dist/design-system/Icon/{icons → __generated/icons}/ArrowLeftIcon.d.ts +1 -1
  28. package/dist/design-system/Icon/{icons → __generated/icons}/ArrowRightIcon.d.ts +1 -1
  29. package/dist/design-system/Icon/{icons → __generated/icons}/ArrowUpIcon.d.ts +1 -1
  30. package/dist/design-system/Icon/{icons → __generated/icons}/ArrowsUpDownIcon.d.ts +1 -1
  31. package/dist/design-system/Icon/{icons → __generated/icons}/BarChartIcon.d.ts +1 -1
  32. package/dist/design-system/Icon/{icons → __generated/icons}/BeakerIcon.d.ts +1 -1
  33. package/dist/design-system/Icon/{icons → __generated/icons}/BookIcon.d.ts +1 -1
  34. package/dist/design-system/Icon/{icons → __generated/icons}/BookmarkBorderIcon.d.ts +1 -1
  35. package/dist/design-system/Icon/{icons → __generated/icons}/BookmarkFillIcon.d.ts +1 -1
  36. package/dist/design-system/Icon/{icons → __generated/icons}/BriefcaseFillIcon.d.ts +1 -1
  37. package/dist/design-system/Icon/{icons → __generated/icons}/BriefcaseIcon.d.ts +1 -1
  38. package/dist/design-system/Icon/{icons → __generated/icons}/CalendarEventIcon.d.ts +1 -1
  39. package/dist/design-system/Icon/{icons → __generated/icons}/CalendarIcon.d.ts +1 -1
  40. package/dist/design-system/Icon/{icons → __generated/icons}/CaretDownSquareIcon.d.ts +1 -1
  41. package/dist/design-system/Icon/{icons → __generated/icons}/CaretUpSquareIcon.d.ts +1 -1
  42. package/dist/design-system/Icon/{icons → __generated/icons}/CheckCircleBorderIcon.d.ts +1 -1
  43. package/dist/design-system/Icon/{icons → __generated/icons}/CheckCircleFillIcon.d.ts +1 -1
  44. package/dist/design-system/Icon/{icons → __generated/icons}/CheckIcon.d.ts +1 -1
  45. package/dist/design-system/Icon/{icons → __generated/icons}/CheckLineIcon.d.ts +1 -1
  46. package/dist/design-system/Icon/{icons → __generated/icons}/ChecklistIcon.d.ts +1 -1
  47. package/dist/design-system/Icon/{icons → __generated/icons}/ChevronDoubleDownIcon.d.ts +1 -1
  48. package/dist/design-system/Icon/{icons → __generated/icons}/ChevronDoubleLeftIcon.d.ts +1 -1
  49. package/dist/design-system/Icon/{icons → __generated/icons}/ChevronDoubleRightIcon.d.ts +1 -1
  50. package/dist/design-system/Icon/{icons → __generated/icons}/ChevronDoubleUpIcon.d.ts +1 -1
  51. package/dist/design-system/Icon/{icons → __generated/icons}/ChevronDownIcon.d.ts +1 -1
  52. package/dist/design-system/Icon/{icons → __generated/icons}/ChevronLeftIcon.d.ts +1 -1
  53. package/dist/design-system/Icon/{icons → __generated/icons}/ChevronRightIcon.d.ts +1 -1
  54. package/dist/design-system/Icon/{icons → __generated/icons}/ChevronUpIcon.d.ts +1 -1
  55. package/dist/design-system/Icon/{icons → __generated/icons}/CircleIcon.d.ts +1 -1
  56. package/dist/design-system/Icon/{icons → __generated/icons}/ClipboardIcon.d.ts +1 -1
  57. package/dist/design-system/Icon/{icons → __generated/icons}/Clock1Icon.d.ts +1 -1
  58. package/dist/design-system/Icon/{icons → __generated/icons}/ClockIcon.d.ts +1 -1
  59. package/dist/design-system/Icon/{icons → __generated/icons}/CloseIcon.d.ts +1 -1
  60. package/dist/design-system/Icon/{icons → __generated/icons}/CloudDownloadIcon.d.ts +1 -1
  61. package/dist/design-system/Icon/{icons → __generated/icons}/CloudIcon.d.ts +1 -1
  62. package/dist/design-system/Icon/{icons → __generated/icons}/CloudOffIcon.d.ts +1 -1
  63. package/dist/design-system/Icon/{icons → __generated/icons}/CloudUploadIcon.d.ts +1 -1
  64. package/dist/design-system/Icon/{icons → __generated/icons}/ClusterIcon.d.ts +1 -1
  65. package/dist/design-system/Icon/{icons → __generated/icons}/ClustersIcon.d.ts +1 -1
  66. package/dist/design-system/Icon/{icons → __generated/icons}/CodeIcon.d.ts +1 -1
  67. package/dist/design-system/Icon/{icons → __generated/icons}/CopyIcon.d.ts +1 -1
  68. package/dist/design-system/Icon/{icons → __generated/icons}/DIcon.d.ts +1 -1
  69. package/dist/design-system/Icon/{icons → __generated/icons}/DashIcon.d.ts +1 -1
  70. package/dist/design-system/Icon/{icons → __generated/icons}/DashboardIcon.d.ts +1 -1
  71. package/dist/design-system/Icon/{icons → __generated/icons}/DataIcon.d.ts +1 -1
  72. package/dist/design-system/Icon/{icons → __generated/icons}/DatabaseIcon.d.ts +1 -1
  73. package/dist/design-system/Icon/{icons → __generated/icons}/DownloadIcon.d.ts +1 -1
  74. package/dist/design-system/Icon/{icons → __generated/icons}/DragIcon.d.ts +1 -1
  75. package/dist/design-system/Icon/{icons → __generated/icons}/ErrorBorderIcon.d.ts +1 -1
  76. package/dist/design-system/Icon/{icons → __generated/icons}/ErrorFillIcon.d.ts +1 -1
  77. package/dist/design-system/Icon/{icons → __generated/icons}/ExpandLessIcon.d.ts +1 -1
  78. package/dist/design-system/Icon/{icons → __generated/icons}/ExpandMoreIcon.d.ts +1 -1
  79. package/dist/design-system/Icon/{icons → __generated/icons}/ExperimentIcon.d.ts +1 -1
  80. package/dist/design-system/Icon/{icons → __generated/icons}/FeatureStoreIcon.d.ts +1 -1
  81. package/dist/design-system/Icon/{icons → __generated/icons}/FileCodeIcon.d.ts +1 -1
  82. package/dist/design-system/Icon/{icons → __generated/icons}/FileDocumentIcon.d.ts +1 -1
  83. package/dist/design-system/Icon/{icons → __generated/icons}/FileIcon.d.ts +1 -1
  84. package/dist/design-system/Icon/{icons → __generated/icons}/FileImageIcon.d.ts +1 -1
  85. package/dist/design-system/Icon/{icons → __generated/icons}/FileModelIcon.d.ts +1 -1
  86. package/dist/design-system/Icon/{icons → __generated/icons}/FilterIcon.d.ts +1 -1
  87. package/dist/design-system/Icon/{icons → __generated/icons}/Folder1Icon.d.ts +1 -1
  88. package/dist/design-system/Icon/{icons → __generated/icons}/FolderIcon.d.ts +1 -1
  89. package/dist/design-system/Icon/{icons → __generated/icons}/ForkIcon.d.ts +1 -1
  90. package/dist/design-system/Icon/{icons → __generated/icons}/FullscreenExitIcon.d.ts +1 -1
  91. package/dist/design-system/Icon/{icons → __generated/icons}/FullscreenIcon.d.ts +1 -1
  92. package/dist/design-system/Icon/{icons → __generated/icons}/Gear1Icon.d.ts +1 -1
  93. package/dist/design-system/Icon/{icons → __generated/icons}/GearIcon.d.ts +1 -1
  94. package/dist/design-system/Icon/{icons → __generated/icons}/GridDashIcon.d.ts +1 -1
  95. package/dist/design-system/Icon/{icons → __generated/icons}/GridIcon.d.ts +1 -1
  96. package/dist/design-system/Icon/{icons → __generated/icons}/H1Icon.d.ts +1 -1
  97. package/dist/design-system/Icon/{icons → __generated/icons}/H2Icon.d.ts +1 -1
  98. package/dist/design-system/Icon/{icons → __generated/icons}/H3Icon.d.ts +1 -1
  99. package/dist/design-system/Icon/{icons → __generated/icons}/HistoryIcon.d.ts +1 -1
  100. package/dist/design-system/Icon/{icons → __generated/icons}/HomeIcon.d.ts +1 -1
  101. package/dist/design-system/Icon/{icons → __generated/icons}/ImageIcon.d.ts +1 -1
  102. package/dist/design-system/Icon/{icons → __generated/icons}/IndentDecreaseIcon.d.ts +1 -1
  103. package/dist/design-system/Icon/{icons → __generated/icons}/IndentIncreaseIcon.d.ts +1 -1
  104. package/dist/design-system/Icon/{icons → __generated/icons}/InfoBorderIcon.d.ts +1 -1
  105. package/dist/design-system/Icon/{icons → __generated/icons}/InfoFillIcon.d.ts +1 -1
  106. package/dist/design-system/Icon/{icons → __generated/icons}/KeyboardIcon.d.ts +1 -1
  107. package/dist/design-system/Icon/{icons → __generated/icons}/LayerIcon.d.ts +1 -1
  108. package/dist/design-system/Icon/{icons → __generated/icons}/LifesaverIcon.d.ts +1 -1
  109. package/dist/design-system/Icon/{icons → __generated/icons}/LightningIcon.d.ts +1 -1
  110. package/dist/design-system/Icon/{icons → __generated/icons}/LinkIcon.d.ts +1 -1
  111. package/dist/design-system/Icon/{icons → __generated/icons}/LinkRemoveIcon.d.ts +1 -1
  112. package/dist/design-system/Icon/{icons → __generated/icons}/ListBorderIcon.d.ts +1 -1
  113. package/dist/design-system/Icon/{icons → __generated/icons}/ListIcon.d.ts +1 -1
  114. package/dist/design-system/Icon/{icons → __generated/icons}/LoadingIcon.d.ts +1 -1
  115. package/dist/design-system/Icon/{icons → __generated/icons}/LockBorderIcon.d.ts +1 -1
  116. package/dist/design-system/Icon/{icons → __generated/icons}/LockFillIcon.d.ts +1 -1
  117. package/dist/design-system/Icon/{icons → __generated/icons}/LockUnlockedIcon.d.ts +1 -1
  118. package/dist/design-system/Icon/{icons → __generated/icons}/MIcon.d.ts +1 -1
  119. package/dist/design-system/Icon/{icons → __generated/icons}/MinusBoxIcon.d.ts +1 -1
  120. package/dist/design-system/Icon/{icons → __generated/icons}/MinusCircleBorderIcon.d.ts +1 -1
  121. package/dist/design-system/Icon/{icons → __generated/icons}/MinusCircleFillIcon.d.ts +1 -1
  122. package/dist/design-system/Icon/{icons → __generated/icons}/ModelsIcon.d.ts +1 -1
  123. package/dist/design-system/Icon/{icons → __generated/icons}/NewWindowIcon.d.ts +1 -1
  124. package/dist/design-system/Icon/{icons → __generated/icons}/NoIcon.d.ts +1 -1
  125. package/dist/design-system/Icon/{icons → __generated/icons}/NotebookIcon.d.ts +1 -1
  126. package/dist/design-system/Icon/{icons → __generated/icons}/NotificationIcon.d.ts +1 -1
  127. package/dist/design-system/Icon/{icons → __generated/icons}/NotificationsIcon.d.ts +1 -1
  128. package/dist/design-system/Icon/{icons → __generated/icons}/OfficeIcon.d.ts +1 -1
  129. package/dist/design-system/Icon/{icons → __generated/icons}/OverflowIcon.d.ts +1 -1
  130. package/dist/design-system/Icon/{icons → __generated/icons}/PageBottomIcon.d.ts +1 -1
  131. package/dist/design-system/Icon/{icons → __generated/icons}/PageFirstIcon.d.ts +1 -1
  132. package/dist/design-system/Icon/{icons → __generated/icons}/PageLastIcon.d.ts +1 -1
  133. package/dist/design-system/Icon/{icons → __generated/icons}/PageTopIcon.d.ts +1 -1
  134. package/dist/design-system/Icon/{icons → __generated/icons}/PencilIcon.d.ts +1 -1
  135. package/dist/design-system/Icon/{icons → __generated/icons}/PinBorderIcon.d.ts +1 -1
  136. package/dist/design-system/Icon/{icons → __generated/icons}/PinCancelIcon.d.ts +1 -1
  137. package/dist/design-system/Icon/{icons → __generated/icons}/PinFillIcon.d.ts +1 -1
  138. package/dist/design-system/Icon/{icons → __generated/icons}/PinXIcon.d.ts +1 -1
  139. package/dist/design-system/Icon/{icons → __generated/icons}/PlayCircleBorderIcon.d.ts +1 -1
  140. package/dist/design-system/Icon/{icons → __generated/icons}/PlayCircleFillIcon.d.ts +1 -1
  141. package/dist/design-system/Icon/{icons → __generated/icons}/PlayIcon.d.ts +1 -1
  142. package/dist/design-system/Icon/{icons → __generated/icons}/PlusCircleBorderIcon.d.ts +1 -1
  143. package/dist/design-system/Icon/{icons → __generated/icons}/PlusCircleFillIcon.d.ts +1 -1
  144. package/dist/design-system/Icon/{icons → __generated/icons}/PlusIcon.d.ts +1 -1
  145. package/dist/design-system/Icon/{icons → __generated/icons}/PlusSquareIcon.d.ts +1 -1
  146. package/dist/design-system/Icon/__generated/icons/QueryEditorIcon.d.ts +3 -0
  147. package/dist/design-system/Icon/{icons → __generated/icons}/QueryIcon.d.ts +1 -1
  148. package/dist/design-system/Icon/__generated/icons/QueryListViewIcon.d.ts +3 -0
  149. package/dist/design-system/Icon/__generated/icons/QueryNavIcon.d.ts +3 -0
  150. package/dist/design-system/Icon/{icons → __generated/icons}/QuestionMarkBorderIcon.d.ts +1 -1
  151. package/dist/design-system/Icon/{icons → __generated/icons}/QuestionMarkFillIcon.d.ts +1 -1
  152. package/dist/design-system/Icon/{icons → __generated/icons}/ReaderModeIcon.d.ts +1 -1
  153. package/dist/design-system/Icon/{icons → __generated/icons}/ReposIcon.d.ts +1 -1
  154. package/dist/design-system/Icon/{icons → __generated/icons}/SchoolIcon.d.ts +1 -1
  155. package/dist/design-system/Icon/{icons → __generated/icons}/Search1Icon.d.ts +1 -1
  156. package/dist/design-system/Icon/{icons → __generated/icons}/SearchIcon.d.ts +1 -1
  157. package/dist/design-system/Icon/{icons → __generated/icons}/SecurityIcon.d.ts +1 -1
  158. package/dist/design-system/Icon/{icons → __generated/icons}/ShareIcon.d.ts +1 -1
  159. package/dist/design-system/Icon/{icons → __generated/icons}/SidebarAutoIcon.d.ts +1 -1
  160. package/dist/design-system/Icon/{icons → __generated/icons}/SidebarCollapseIcon.d.ts +1 -1
  161. package/dist/design-system/Icon/{icons → __generated/icons}/SidebarExpandIcon.d.ts +1 -1
  162. package/dist/design-system/Icon/{icons → __generated/icons}/SidebarIcon.d.ts +1 -1
  163. package/dist/design-system/Icon/{icons → __generated/icons}/SpeechBubbleIcon.d.ts +1 -1
  164. package/dist/design-system/Icon/{icons → __generated/icons}/SpeechBubblePlusIcon.d.ts +1 -1
  165. package/dist/design-system/Icon/{icons → __generated/icons}/StarBorderIcon.d.ts +1 -1
  166. package/dist/design-system/Icon/{icons → __generated/icons}/StarFillIcon.d.ts +1 -1
  167. package/dist/design-system/Icon/{icons → __generated/icons}/StopCircleBorderIcon.d.ts +1 -1
  168. package/dist/design-system/Icon/{icons → __generated/icons}/StopCricleFillIcon.d.ts +1 -1
  169. package/dist/design-system/Icon/{icons → __generated/icons}/StopIcon.d.ts +1 -1
  170. package/dist/design-system/Icon/{icons → __generated/icons}/StreamIcon.d.ts +1 -1
  171. package/dist/design-system/Icon/{icons → __generated/icons}/SyncIcon.d.ts +1 -1
  172. package/dist/design-system/Icon/{icons → __generated/icons}/TableIcon.d.ts +1 -1
  173. package/dist/design-system/Icon/{icons → __generated/icons}/TrashIcon.d.ts +1 -1
  174. package/dist/design-system/Icon/{icons → __generated/icons}/TreeIcon.d.ts +1 -1
  175. package/dist/design-system/Icon/{icons → __generated/icons}/UploadIcon.d.ts +1 -1
  176. package/dist/design-system/Icon/{icons → __generated/icons}/UsbIcon.d.ts +1 -1
  177. package/dist/design-system/Icon/{icons → __generated/icons}/UserBadgeIcon.d.ts +1 -1
  178. package/dist/design-system/Icon/{icons → __generated/icons}/UserCircleIcon.d.ts +1 -1
  179. package/dist/design-system/Icon/{icons → __generated/icons}/UserGroupIcon.d.ts +1 -1
  180. package/dist/design-system/Icon/{icons → __generated/icons}/UserIcon.d.ts +1 -1
  181. package/dist/design-system/Icon/{icons → __generated/icons}/VideosIcon.d.ts +1 -1
  182. package/dist/design-system/Icon/{icons → __generated/icons}/WarningBorderIcon.d.ts +1 -1
  183. package/dist/design-system/Icon/{icons → __generated/icons}/WarningFillIcon.d.ts +1 -1
  184. package/dist/design-system/Icon/{icons → __generated/icons}/XCircleBorderIcon.d.ts +1 -1
  185. package/dist/design-system/Icon/{icons → __generated/icons}/XCircleFillIcon.d.ts +1 -1
  186. package/dist/design-system/Icon/{icons → __generated/icons}/ZoomInIcon.d.ts +1 -1
  187. package/dist/design-system/Icon/{icons → __generated/icons}/ZoomOutIcon.d.ts +1 -1
  188. package/dist/design-system/Icon/{icons → __generated/icons}/index.d.ts +3 -0
  189. package/dist/design-system/Icon/iconMap.d.ts +1 -1
  190. package/dist/design-system/Icon/index.d.ts +3 -2
  191. package/dist/design-system/Input/Input.d.ts +6 -6
  192. package/dist/design-system/Modal/Modal.d.ts +6 -1
  193. package/dist/design-system/Notification/Notification.d.ts +1 -1
  194. package/dist/design-system/Notification/Notification.test.d.ts +1 -0
  195. package/dist/design-system/Pagination/index.d.ts +6 -8
  196. package/dist/design-system/Radio/Radio.d.ts +2 -2
  197. package/dist/design-system/SegmentedControl/SegmentedControl.d.ts +7 -4
  198. package/dist/design-system/Select/Select.d.ts +29 -5
  199. package/dist/design-system/Spacer/Spacer.d.ts +3 -6
  200. package/dist/design-system/SplitButton/SplitButton.d.ts +1 -5
  201. package/dist/design-system/Table/Table.d.ts +3 -1
  202. package/dist/design-system/Tabs/index.d.ts +1 -1
  203. package/dist/design-system/Tag/index.d.ts +3 -8
  204. package/dist/design-system/Tree/Tree.d.ts +31 -2
  205. package/dist/design-system/Typography/Paragraph.d.ts +4 -2
  206. package/dist/design-system/Typography/Text.d.ts +4 -2
  207. package/dist/design-system/Typography/Title.d.ts +4 -2
  208. package/dist/design-system/Typography/Typography.d.ts +1 -0
  209. package/dist/design-system/constants.d.ts +2 -0
  210. package/dist/design-system/index.d.ts +2 -0
  211. package/dist/design-system/types.d.ts +3 -0
  212. package/dist/design-system/utils/css-utils.d.ts +9 -0
  213. package/dist/index-dark.css +5016 -3675
  214. package/dist/index.css +1850 -605
  215. package/dist/index.js +10327 -4922
  216. package/dist/index.js.map +1 -1
  217. package/dist/rollup-less-tilde-importer.d.ts +2 -0
  218. package/dist/theme/colorList.d.ts +2 -1
  219. package/dist/theme/colors.d.ts +3 -1
  220. package/dist/theme/generalVariables.d.ts +1 -0
  221. package/dist/theme/index.d.ts +7 -1
  222. package/dist/theme/spacing.d.ts +9 -38
  223. package/package.json +35 -38
package/dist/index.css CHANGED
@@ -950,7 +950,7 @@ abbr[data-original-title] {
950
950
  /* stylelint-disable */
951
951
  /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
952
952
  .du-bois-light-btn {
953
- line-height: 1.5715;
953
+ line-height: 20px;
954
954
  position: relative;
955
955
  display: inline-block;
956
956
  font-weight: 400;
@@ -964,8 +964,8 @@ abbr[data-original-title] {
964
964
  user-select: none;
965
965
  touch-action: manipulation;
966
966
  height: 40px;
967
- padding: 8px 16px;
968
- font-size: 14px;
967
+ padding: 0 16px;
968
+ font-size: 13px;
969
969
  border-radius: 4px;
970
970
  color: #20272E;
971
971
  background: #fff;
@@ -994,14 +994,14 @@ abbr[data-original-title] {
994
994
  }
995
995
  .du-bois-light-btn-lg {
996
996
  height: 40px;
997
- padding: 6.4px 16px;
998
- font-size: 16px;
997
+ padding: 0 16px;
998
+ font-size: 19px;
999
999
  border-radius: 4px;
1000
1000
  }
1001
1001
  .du-bois-light-btn-sm {
1002
1002
  height: 32px;
1003
- padding: 4px 16px;
1004
- font-size: 14px;
1003
+ padding: 0 16px;
1004
+ font-size: 13px;
1005
1005
  border-radius: 4px;
1006
1006
  }
1007
1007
  .du-bois-light-btn > a:only-child {
@@ -2150,50 +2150,50 @@ abbr[data-original-title] {
2150
2150
  .du-bois-light-btn-icon-only {
2151
2151
  width: 40px;
2152
2152
  height: 40px;
2153
- padding: 6.4px 0;
2154
- font-size: 16px;
2153
+ padding: 0 0;
2154
+ font-size: 15px;
2155
2155
  border-radius: 4px;
2156
2156
  vertical-align: -1px;
2157
2157
  }
2158
2158
  .du-bois-light-btn-icon-only > * {
2159
- font-size: 16px;
2159
+ font-size: 15px;
2160
2160
  }
2161
2161
  .du-bois-light-btn-icon-only.du-bois-light-btn-lg {
2162
2162
  width: 40px;
2163
2163
  height: 40px;
2164
- padding: 4.9px 0;
2165
- font-size: 18px;
2164
+ padding: 0 0;
2165
+ font-size: 21px;
2166
2166
  border-radius: 4px;
2167
2167
  }
2168
2168
  .du-bois-light-btn-icon-only.du-bois-light-btn-lg > * {
2169
- font-size: 18px;
2169
+ font-size: 21px;
2170
2170
  }
2171
2171
  .du-bois-light-btn-icon-only.du-bois-light-btn-sm {
2172
2172
  width: 32px;
2173
2173
  height: 32px;
2174
- padding: 4px 0;
2175
- font-size: 14px;
2174
+ padding: 0 0;
2175
+ font-size: 13px;
2176
2176
  border-radius: 4px;
2177
2177
  }
2178
2178
  .du-bois-light-btn-icon-only.du-bois-light-btn-sm > * {
2179
- font-size: 14px;
2179
+ font-size: 13px;
2180
2180
  }
2181
2181
  .du-bois-light-btn-round {
2182
2182
  height: 40px;
2183
- padding: 8px 20px;
2184
- font-size: 14px;
2183
+ padding: 0 20px;
2184
+ font-size: 13px;
2185
2185
  border-radius: 40px;
2186
2186
  }
2187
2187
  .du-bois-light-btn-round.du-bois-light-btn-lg {
2188
2188
  height: 40px;
2189
- padding: 6.4px 20px;
2190
- font-size: 16px;
2189
+ padding: 0 20px;
2190
+ font-size: 19px;
2191
2191
  border-radius: 40px;
2192
2192
  }
2193
2193
  .du-bois-light-btn-round.du-bois-light-btn-sm {
2194
2194
  height: 32px;
2195
- padding: 4px 16px;
2196
- font-size: 14px;
2195
+ padding: 0 16px;
2196
+ font-size: 13px;
2197
2197
  border-radius: 32px;
2198
2198
  }
2199
2199
  .du-bois-light-btn-round.du-bois-light-btn-icon-only {
@@ -2279,13 +2279,13 @@ abbr[data-original-title] {
2279
2279
  z-index: 0;
2280
2280
  }
2281
2281
  .du-bois-light-btn-group .du-bois-light-btn-icon-only {
2282
- font-size: 14px;
2282
+ font-size: 13px;
2283
2283
  }
2284
2284
  .du-bois-light-btn-group-lg > .du-bois-light-btn,
2285
2285
  .du-bois-light-btn-group-lg > span > .du-bois-light-btn {
2286
2286
  height: 40px;
2287
- padding: 6.4px 16px;
2288
- font-size: 16px;
2287
+ padding: 0 16px;
2288
+ font-size: 19px;
2289
2289
  border-radius: 0;
2290
2290
  }
2291
2291
  .du-bois-light-btn-group-lg .du-bois-light-btn.du-bois-light-btn-icon-only {
@@ -2297,13 +2297,13 @@ abbr[data-original-title] {
2297
2297
  .du-bois-light-btn-group-sm > .du-bois-light-btn,
2298
2298
  .du-bois-light-btn-group-sm > span > .du-bois-light-btn {
2299
2299
  height: 32px;
2300
- padding: 4px 16px;
2301
- font-size: 14px;
2300
+ padding: 0 16px;
2301
+ font-size: 13px;
2302
2302
  border-radius: 0;
2303
2303
  }
2304
2304
  .du-bois-light-btn-group-sm > .du-bois-light-btn > .anticon,
2305
2305
  .du-bois-light-btn-group-sm > span > .du-bois-light-btn > .anticon {
2306
- font-size: 14px;
2306
+ font-size: 13px;
2307
2307
  }
2308
2308
  .du-bois-light-btn-group-sm .du-bois-light-btn.du-bois-light-btn-icon-only {
2309
2309
  width: 32px;
@@ -2833,9 +2833,9 @@ a.du-bois-light-btn-sm {
2833
2833
  margin: 0;
2834
2834
  padding: 0;
2835
2835
  color: #20272E;
2836
- font-size: 14px;
2836
+ font-size: 13px;
2837
2837
  font-variant: tabular-nums;
2838
- line-height: 1.5715;
2838
+ line-height: 20px;
2839
2839
  list-style: none;
2840
2840
  font-feature-settings: 'tnum';
2841
2841
  position: relative;
@@ -2854,8 +2854,8 @@ a.du-bois-light-btn-sm {
2854
2854
  }
2855
2855
  .du-bois-light-alert-description {
2856
2856
  display: none;
2857
- font-size: 14px;
2858
- line-height: 22px;
2857
+ font-size: 13px;
2858
+ line-height: 21px;
2859
2859
  }
2860
2860
  .du-bois-light-alert-success {
2861
2861
  background-color: #b6c2b8;
@@ -2896,8 +2896,8 @@ a.du-bois-light-btn-sm {
2896
2896
  margin-left: 8px;
2897
2897
  padding: 0;
2898
2898
  overflow: hidden;
2899
- font-size: 12px;
2900
- line-height: 12px;
2899
+ font-size: 11px;
2900
+ line-height: 11px;
2901
2901
  background-color: transparent;
2902
2902
  border: none;
2903
2903
  outline: none;
@@ -2932,7 +2932,7 @@ a.du-bois-light-btn-sm {
2932
2932
  display: block;
2933
2933
  margin-bottom: 4px;
2934
2934
  color: inherit;
2935
- font-size: 16px;
2935
+ font-size: 19px;
2936
2936
  }
2937
2937
  .du-bois-light-alert-message {
2938
2938
  color: inherit;
@@ -2999,9 +2999,9 @@ a.du-bois-light-btn-sm {
2999
2999
  margin: 0;
3000
3000
  padding: 0;
3001
3001
  color: #20272E;
3002
- font-size: 14px;
3002
+ font-size: 13px;
3003
3003
  font-variant: tabular-nums;
3004
- line-height: 1.5715;
3004
+ line-height: 20px;
3005
3005
  list-style: none;
3006
3006
  font-feature-settings: 'tnum';
3007
3007
  position: relative;
@@ -3121,9 +3121,9 @@ a.du-bois-light-btn-sm {
3121
3121
  margin: 0;
3122
3122
  padding: 0;
3123
3123
  color: #20272E;
3124
- font-size: 14px;
3124
+ font-size: 13px;
3125
3125
  font-variant: tabular-nums;
3126
- line-height: 1.5715;
3126
+ line-height: 20px;
3127
3127
  list-style: none;
3128
3128
  font-feature-settings: 'tnum';
3129
3129
  display: inline-flex;
@@ -3152,9 +3152,9 @@ a.du-bois-light-btn-sm {
3152
3152
  margin: 0;
3153
3153
  padding: 0;
3154
3154
  color: #20272E;
3155
- font-size: 14px;
3155
+ font-size: 13px;
3156
3156
  font-variant: tabular-nums;
3157
- line-height: 1.5715;
3157
+ line-height: 20px;
3158
3158
  list-style: none;
3159
3159
  font-feature-settings: 'tnum';
3160
3160
  display: inline-block;
@@ -3210,9 +3210,9 @@ a.du-bois-light-btn-sm {
3210
3210
  margin: 0;
3211
3211
  padding: 0;
3212
3212
  color: #20272E;
3213
- font-size: 14px;
3213
+ font-size: 13px;
3214
3214
  font-variant: tabular-nums;
3215
- line-height: 1.5715;
3215
+ line-height: 20px;
3216
3216
  list-style: none;
3217
3217
  font-feature-settings: 'tnum';
3218
3218
  }
@@ -3265,11 +3265,11 @@ a.du-bois-light-btn-sm {
3265
3265
  content: '\a0';
3266
3266
  }
3267
3267
  .du-bois-light-select-single.du-bois-light-select-show-arrow .du-bois-light-select-selection-search {
3268
- right: 21px;
3268
+ right: 20px;
3269
3269
  }
3270
3270
  .du-bois-light-select-single.du-bois-light-select-show-arrow .du-bois-light-select-selection-item,
3271
3271
  .du-bois-light-select-single.du-bois-light-select-show-arrow .du-bois-light-select-selection-placeholder {
3272
- padding-right: 18px;
3272
+ padding-right: 17px;
3273
3273
  }
3274
3274
  .du-bois-light-select-single.du-bois-light-select-open .du-bois-light-select-selection-item {
3275
3275
  color: #bfbfbf;
@@ -3331,11 +3331,11 @@ a.du-bois-light-btn-sm {
3331
3331
  padding: 0 3px;
3332
3332
  }
3333
3333
  .du-bois-light-select-single.du-bois-light-select-sm:not(.du-bois-light-select-customize-input).du-bois-light-select-show-arrow .du-bois-light-select-selection-search {
3334
- right: 24px;
3334
+ right: 22.5px;
3335
3335
  }
3336
3336
  .du-bois-light-select-single.du-bois-light-select-sm:not(.du-bois-light-select-customize-input).du-bois-light-select-show-arrow .du-bois-light-select-selection-item,
3337
3337
  .du-bois-light-select-single.du-bois-light-select-sm:not(.du-bois-light-select-customize-input).du-bois-light-select-show-arrow .du-bois-light-select-selection-placeholder {
3338
- padding-right: 21px;
3338
+ padding-right: 19.5px;
3339
3339
  }
3340
3340
  .du-bois-light-select-single.du-bois-light-select-lg:not(.du-bois-light-select-customize-input) .du-bois-light-select-selector {
3341
3341
  padding: 0 7px;
@@ -3360,7 +3360,7 @@ a.du-bois-light-btn-sm {
3360
3360
  display: flex;
3361
3361
  flex-wrap: wrap;
3362
3362
  align-items: center;
3363
- padding: 3px 8px;
3363
+ padding: 0px 3px;
3364
3364
  }
3365
3365
  .du-bois-light-select-show-search.du-bois-light-select-multiple .du-bois-light-select-selector {
3366
3366
  cursor: text;
@@ -3372,13 +3372,13 @@ a.du-bois-light-btn-sm {
3372
3372
  .du-bois-light-select-multiple .du-bois-light-select-selector::after {
3373
3373
  display: inline-block;
3374
3374
  width: 0;
3375
- margin: 4px 0;
3376
- line-height: 24px;
3375
+ margin: 2px 0;
3376
+ line-height: 34px;
3377
3377
  content: '\a0';
3378
3378
  }
3379
3379
  .du-bois-light-select-multiple.du-bois-light-select-show-arrow .du-bois-light-select-selector,
3380
3380
  .du-bois-light-select-multiple.du-bois-light-select-allow-clear .du-bois-light-select-selector {
3381
- padding-right: 20px;
3381
+ padding-right: 19px;
3382
3382
  }
3383
3383
  .du-bois-light-select-multiple .du-bois-light-select-selection-item {
3384
3384
  position: relative;
@@ -3386,17 +3386,17 @@ a.du-bois-light-btn-sm {
3386
3386
  flex: none;
3387
3387
  box-sizing: border-box;
3388
3388
  max-width: 100%;
3389
- height: 24px;
3390
- margin-top: 4px;
3391
- margin-bottom: 4px;
3392
- line-height: 22px;
3389
+ height: 34px;
3390
+ margin-top: 2px;
3391
+ margin-bottom: 2px;
3392
+ line-height: 32px;
3393
3393
  background: #f5f5f5;
3394
3394
  border: 1px solid #f0f0f0;
3395
3395
  border-radius: 4px;
3396
3396
  cursor: default;
3397
3397
  transition: font-size 0.3s, line-height 0.3s, height 0.3s;
3398
3398
  user-select: none;
3399
- margin-inline-end: 8px;
3399
+ margin-inline-end: 3px;
3400
3400
  padding-inline-start: 4px;
3401
3401
  padding-inline-end: 2px;
3402
3402
  }
@@ -3453,15 +3453,15 @@ a.du-bois-light-btn-sm {
3453
3453
  .du-bois-light-select-multiple .du-bois-light-select-selection-search {
3454
3454
  position: relative;
3455
3455
  max-width: 100%;
3456
- margin-top: 4px;
3457
- margin-bottom: 4px;
3458
- margin-inline-start: -1px;
3456
+ margin-top: 2px;
3457
+ margin-bottom: 2px;
3458
+ margin-inline-start: 4px;
3459
3459
  }
3460
3460
  .du-bois-light-select-multiple .du-bois-light-select-selection-search-input,
3461
3461
  .du-bois-light-select-multiple .du-bois-light-select-selection-search-mirror {
3462
- height: 24px;
3462
+ height: 34px;
3463
3463
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
3464
- line-height: 24px;
3464
+ line-height: 34px;
3465
3465
  transition: all 0.3s;
3466
3466
  }
3467
3467
  .du-bois-light-select-multiple .du-bois-light-select-selection-search-input {
@@ -3485,36 +3485,36 @@ a.du-bois-light-btn-sm {
3485
3485
  transition: all 0.3s;
3486
3486
  }
3487
3487
  .du-bois-light-select-multiple.du-bois-light-select-lg .du-bois-light-select-selector::after {
3488
- line-height: 24px;
3488
+ line-height: 34px;
3489
3489
  }
3490
3490
  .du-bois-light-select-multiple.du-bois-light-select-lg .du-bois-light-select-selection-item {
3491
- height: 24px;
3492
- line-height: 22px;
3491
+ height: 34px;
3492
+ line-height: 32px;
3493
3493
  }
3494
3494
  .du-bois-light-select-multiple.du-bois-light-select-lg .du-bois-light-select-selection-search {
3495
- height: 24px;
3496
- line-height: 24px;
3495
+ height: 34px;
3496
+ line-height: 34px;
3497
3497
  }
3498
3498
  .du-bois-light-select-multiple.du-bois-light-select-lg .du-bois-light-select-selection-search-input,
3499
3499
  .du-bois-light-select-multiple.du-bois-light-select-lg .du-bois-light-select-selection-search-mirror {
3500
- height: 24px;
3501
- line-height: 22px;
3500
+ height: 34px;
3501
+ line-height: 32px;
3502
3502
  }
3503
3503
  .du-bois-light-select-multiple.du-bois-light-select-sm .du-bois-light-select-selector::after {
3504
- line-height: 16px;
3504
+ line-height: 26px;
3505
3505
  }
3506
3506
  .du-bois-light-select-multiple.du-bois-light-select-sm .du-bois-light-select-selection-item {
3507
- height: 16px;
3508
- line-height: 14px;
3507
+ height: 26px;
3508
+ line-height: 24px;
3509
3509
  }
3510
3510
  .du-bois-light-select-multiple.du-bois-light-select-sm .du-bois-light-select-selection-search {
3511
- height: 16px;
3512
- line-height: 16px;
3511
+ height: 26px;
3512
+ line-height: 26px;
3513
3513
  }
3514
3514
  .du-bois-light-select-multiple.du-bois-light-select-sm .du-bois-light-select-selection-search-input,
3515
3515
  .du-bois-light-select-multiple.du-bois-light-select-sm .du-bois-light-select-selection-search-mirror {
3516
- height: 16px;
3517
- line-height: 14px;
3516
+ height: 26px;
3517
+ line-height: 24px;
3518
3518
  }
3519
3519
  .du-bois-light-select-multiple.du-bois-light-select-sm .du-bois-light-select-selection-placeholder {
3520
3520
  left: 3px;
@@ -3535,9 +3535,9 @@ a.du-bois-light-btn-sm {
3535
3535
  margin: 0;
3536
3536
  padding: 0;
3537
3537
  color: #20272E;
3538
- font-size: 14px;
3538
+ font-size: 13px;
3539
3539
  font-variant: tabular-nums;
3540
- line-height: 1.5715;
3540
+ line-height: 20px;
3541
3541
  list-style: none;
3542
3542
  font-feature-settings: 'tnum';
3543
3543
  position: relative;
@@ -3632,11 +3632,11 @@ a.du-bois-light-btn-sm {
3632
3632
  position: absolute;
3633
3633
  top: 50%;
3634
3634
  right: 7px;
3635
- width: 12px;
3636
- height: 12px;
3637
- margin-top: -6px;
3635
+ width: 11px;
3636
+ height: 11px;
3637
+ margin-top: -5.5px;
3638
3638
  color: rgba(0, 0, 0, 0.25);
3639
- font-size: 12px;
3639
+ font-size: 11px;
3640
3640
  line-height: 1;
3641
3641
  text-align: center;
3642
3642
  pointer-events: none;
@@ -3672,11 +3672,11 @@ a.du-bois-light-btn-sm {
3672
3672
  right: 7px;
3673
3673
  z-index: 1;
3674
3674
  display: inline-block;
3675
- width: 12px;
3676
- height: 12px;
3677
- margin-top: -6px;
3675
+ width: 11px;
3676
+ height: 11px;
3677
+ margin-top: -5.5px;
3678
3678
  color: rgba(0, 0, 0, 0.25);
3679
- font-size: 12px;
3679
+ font-size: 11px;
3680
3680
  font-style: normal;
3681
3681
  line-height: 1;
3682
3682
  text-align: center;
@@ -3701,7 +3701,7 @@ a.du-bois-light-btn-sm {
3701
3701
  padding: 0;
3702
3702
  color: #20272E;
3703
3703
  font-variant: tabular-nums;
3704
- line-height: 1.5715;
3704
+ line-height: 20px;
3705
3705
  list-style: none;
3706
3706
  font-feature-settings: 'tnum';
3707
3707
  position: absolute;
@@ -3711,7 +3711,7 @@ a.du-bois-light-btn-sm {
3711
3711
  box-sizing: border-box;
3712
3712
  padding: 4px 0;
3713
3713
  overflow: hidden;
3714
- font-size: 14px;
3714
+ font-size: 13px;
3715
3715
  font-variant: initial;
3716
3716
  background-color: #fff;
3717
3717
  border-radius: 4px;
@@ -3745,7 +3745,7 @@ a.du-bois-light-btn-sm {
3745
3745
  padding: 5px 8px;
3746
3746
  color: #20272E;
3747
3747
  font-weight: normal;
3748
- font-size: 14px;
3748
+ font-size: 13px;
3749
3749
  line-height: 22px;
3750
3750
  color: rgba(0, 0, 0, 0.25);
3751
3751
  }
@@ -3756,14 +3756,14 @@ a.du-bois-light-btn-sm {
3756
3756
  padding: 5px 8px;
3757
3757
  color: #20272E;
3758
3758
  font-weight: normal;
3759
- font-size: 14px;
3759
+ font-size: 13px;
3760
3760
  line-height: 22px;
3761
3761
  cursor: pointer;
3762
3762
  transition: background 0.3s ease;
3763
3763
  }
3764
3764
  .du-bois-light-select-item-group {
3765
3765
  color: #5D7283;
3766
- font-size: 12px;
3766
+ font-size: 11px;
3767
3767
  cursor: default;
3768
3768
  }
3769
3769
  .du-bois-light-select-item-option {
@@ -3800,7 +3800,7 @@ a.du-bois-light-btn-sm {
3800
3800
  padding-left: 16px;
3801
3801
  }
3802
3802
  .du-bois-light-select-lg {
3803
- font-size: 16px;
3803
+ font-size: 19px;
3804
3804
  }
3805
3805
  .du-bois-light-select-borderless .du-bois-light-select-selector {
3806
3806
  background-color: transparent !important;
@@ -3827,8 +3827,8 @@ a.du-bois-light-btn-sm {
3827
3827
  }
3828
3828
  .du-bois-light-select-rtl.du-bois-light-select-multiple.du-bois-light-select-show-arrow .du-bois-light-select-selector,
3829
3829
  .du-bois-light-select-rtl.du-bois-light-select-multiple.du-bois-light-select-allow-clear .du-bois-light-select-selector {
3830
- padding-right: 8px;
3831
- padding-left: 20px;
3830
+ padding-right: 3px;
3831
+ padding-left: 19px;
3832
3832
  }
3833
3833
  .du-bois-light-select-rtl.du-bois-light-select-multiple .du-bois-light-select-selection-item {
3834
3834
  text-align: right;
@@ -3857,12 +3857,12 @@ a.du-bois-light-btn-sm {
3857
3857
  }
3858
3858
  .du-bois-light-select-rtl.du-bois-light-select-single.du-bois-light-select-show-arrow .du-bois-light-select-selection-search {
3859
3859
  right: 7px;
3860
- left: 21px;
3860
+ left: 20px;
3861
3861
  }
3862
3862
  .du-bois-light-select-rtl.du-bois-light-select-single.du-bois-light-select-show-arrow .du-bois-light-select-selection-item,
3863
3863
  .du-bois-light-select-rtl.du-bois-light-select-single.du-bois-light-select-show-arrow .du-bois-light-select-selection-placeholder {
3864
3864
  padding-right: 0;
3865
- padding-left: 18px;
3865
+ padding-left: 17px;
3866
3866
  }
3867
3867
  .du-bois-light-select-rtl.du-bois-light-select-single.du-bois-light-select-sm:not(.du-bois-light-select-customize-input).du-bois-light-select-show-arrow .du-bois-light-select-selection-search {
3868
3868
  right: 2px;
@@ -3870,7 +3870,7 @@ a.du-bois-light-btn-sm {
3870
3870
  .du-bois-light-select-rtl.du-bois-light-select-single.du-bois-light-select-sm:not(.du-bois-light-select-customize-input).du-bois-light-select-show-arrow .du-bois-light-select-selection-item,
3871
3871
  .du-bois-light-select-rtl.du-bois-light-select-single.du-bois-light-select-sm:not(.du-bois-light-select-customize-input).du-bois-light-select-show-arrow .du-bois-light-select-selection-placeholder {
3872
3872
  padding-right: 0;
3873
- padding-left: 21px;
3873
+ padding-left: 19.5px;
3874
3874
  }
3875
3875
 
3876
3876
  /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
@@ -3879,8 +3879,8 @@ a.du-bois-light-btn-sm {
3879
3879
  /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
3880
3880
  .du-bois-light-empty {
3881
3881
  margin: 0 8px;
3882
- font-size: 14px;
3883
- line-height: 1.5715;
3882
+ font-size: 13px;
3883
+ line-height: 20px;
3884
3884
  text-align: center;
3885
3885
  }
3886
3886
  .du-bois-light-empty-image {
@@ -3955,9 +3955,9 @@ a.du-bois-light-btn-sm {
3955
3955
  margin: 0;
3956
3956
  padding: 0;
3957
3957
  color: #20272E;
3958
- font-size: 14px;
3958
+ font-size: 13px;
3959
3959
  font-variant: tabular-nums;
3960
- line-height: 1.5715;
3960
+ line-height: 20px;
3961
3961
  list-style: none;
3962
3962
  font-feature-settings: 'tnum';
3963
3963
  background-color: #fafafa;
@@ -3976,7 +3976,7 @@ a.du-bois-light-btn-sm {
3976
3976
  position: relative;
3977
3977
  padding: 8px 8px;
3978
3978
  color: rgba(0, 0, 0, 0.85);
3979
- line-height: 1.5715;
3979
+ line-height: 20px;
3980
3980
  cursor: pointer;
3981
3981
  transition: all 0.3s, visibility 0s;
3982
3982
  }
@@ -3992,7 +3992,7 @@ a.du-bois-light-btn-sm {
3992
3992
  .du-bois-light-collapse > .du-bois-light-collapse-item > .du-bois-light-collapse-header .du-bois-light-collapse-arrow {
3993
3993
  display: inline-block;
3994
3994
  margin-right: 12px;
3995
- font-size: 12px;
3995
+ font-size: 11px;
3996
3996
  vertical-align: -1px;
3997
3997
  }
3998
3998
  .du-bois-light-collapse > .du-bois-light-collapse-item > .du-bois-light-collapse-header .du-bois-light-collapse-arrow svg {
@@ -4099,124 +4099,1372 @@ a.du-bois-light-btn-sm {
4099
4099
  /* stylelint-disable no-duplicate-selectors */
4100
4100
  /* stylelint-disable */
4101
4101
  /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
4102
- .du-bois-light-dropdown-menu-item.du-bois-light-dropdown-menu-item-danger {
4103
- color: #CC3352;
4104
- }
4105
- .du-bois-light-dropdown-menu-item.du-bois-light-dropdown-menu-item-danger:hover {
4106
- color: #fff;
4107
- background-color: #CC3352;
4108
- }
4109
- .du-bois-light-dropdown {
4102
+ .du-bois-light-picker {
4110
4103
  box-sizing: border-box;
4111
4104
  margin: 0;
4112
4105
  padding: 0;
4113
4106
  color: #20272E;
4114
- font-size: 14px;
4107
+ font-size: 13px;
4115
4108
  font-variant: tabular-nums;
4116
- line-height: 1.5715;
4109
+ line-height: 20px;
4117
4110
  list-style: none;
4118
4111
  font-feature-settings: 'tnum';
4119
- position: absolute;
4120
- top: -9999px;
4121
- left: -9999px;
4122
- z-index: 1050;
4123
- display: block;
4124
- }
4125
- .du-bois-light-dropdown::before {
4126
- position: absolute;
4127
- top: -4px;
4128
- right: 0;
4129
- bottom: -4px;
4130
- left: -7px;
4131
- z-index: -9999;
4132
- opacity: 0.0001;
4133
- content: ' ';
4134
- }
4135
- .du-bois-light-dropdown-wrap {
4112
+ padding: 0 7px 0;
4136
4113
  position: relative;
4114
+ display: inline-flex;
4115
+ align-items: center;
4116
+ background: #fff;
4117
+ border: 1px solid #d9d9d9;
4118
+ border-radius: 4px;
4119
+ transition: border 0.3s, box-shadow 0.3s;
4137
4120
  }
4138
- .du-bois-light-dropdown-wrap .du-bois-light-btn > .anticon-down {
4139
- font-size: 10px;
4121
+ .du-bois-light-picker:hover,
4122
+ .du-bois-light-picker-focused {
4123
+ border-color: #448dc2;
4124
+ border-right-width: 1px !important;
4140
4125
  }
4141
- .du-bois-light-dropdown-wrap .anticon-down::before {
4142
- transition: transform 0.2s;
4126
+ .du-bois-light-picker-focused {
4127
+ border-color: #448dc2;
4128
+ border-right-width: 1px !important;
4129
+ outline: 0;
4130
+ box-shadow: 0 0 0 2px rgba(34, 114, 180, 0.2);
4143
4131
  }
4144
- .du-bois-light-dropdown-wrap-open .anticon-down::before {
4145
- transform: rotate(180deg);
4132
+ .du-bois-light-picker.du-bois-light-picker-disabled {
4133
+ background: #f5f5f5;
4134
+ border-color: #d9d9d9;
4135
+ cursor: not-allowed;
4146
4136
  }
4147
- .du-bois-light-dropdown-hidden,
4148
- .du-bois-light-dropdown-menu-hidden,
4149
- .du-bois-light-dropdown-menu-submenu-hidden {
4150
- display: none;
4137
+ .du-bois-light-picker.du-bois-light-picker-disabled .du-bois-light-picker-suffix {
4138
+ color: rgba(0, 0, 0, 0.25);
4151
4139
  }
4152
- .du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-topCenter,
4153
- .du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-topLeft,
4154
- .du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-topRight {
4155
- padding-bottom: 10px;
4140
+ .du-bois-light-picker.du-bois-light-picker-borderless {
4141
+ background-color: transparent !important;
4142
+ border-color: transparent !important;
4143
+ box-shadow: none !important;
4156
4144
  }
4157
- .du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-bottomCenter,
4158
- .du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-bottomLeft,
4159
- .du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-bottomRight {
4160
- padding-top: 10px;
4145
+ .du-bois-light-picker-input {
4146
+ position: relative;
4147
+ display: inline-flex;
4148
+ align-items: center;
4149
+ width: 100%;
4161
4150
  }
4162
- .du-bois-light-dropdown-arrow {
4163
- position: absolute;
4164
- z-index: 1;
4165
- display: block;
4166
- width: 8.48528137px;
4167
- height: 8.48528137px;
4151
+ .du-bois-light-picker-input > input {
4152
+ position: relative;
4153
+ display: inline-block;
4154
+ width: 100%;
4155
+ min-width: 0;
4156
+ padding: 3px 7px;
4157
+ color: #20272E;
4158
+ font-size: 13px;
4159
+ line-height: 20px;
4160
+ background-color: #fff;
4161
+ background-image: none;
4162
+ border: 1px solid #d9d9d9;
4163
+ border-radius: 4px;
4164
+ transition: all 0.3s;
4165
+ flex: auto;
4166
+ min-width: 1px;
4167
+ height: auto;
4168
+ padding: 0;
4168
4169
  background: transparent;
4169
- border-style: solid;
4170
- border-width: 4.24264069px;
4171
- transform: rotate(45deg);
4170
+ border: 0;
4172
4171
  }
4173
- .du-bois-light-dropdown-placement-topCenter > .du-bois-light-dropdown-arrow,
4174
- .du-bois-light-dropdown-placement-topLeft > .du-bois-light-dropdown-arrow,
4175
- .du-bois-light-dropdown-placement-topRight > .du-bois-light-dropdown-arrow {
4176
- bottom: 6.2px;
4177
- border-top-color: transparent;
4178
- border-right-color: #fff;
4179
- border-bottom-color: #fff;
4180
- border-left-color: transparent;
4181
- box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
4172
+ .du-bois-light-picker-input > input::-moz-placeholder {
4173
+ opacity: 1;
4182
4174
  }
4183
- .du-bois-light-dropdown-placement-topCenter > .du-bois-light-dropdown-arrow {
4184
- left: 50%;
4185
- transform: translateX(-50%) rotate(45deg);
4175
+ .du-bois-light-picker-input > input::placeholder {
4176
+ color: #bfbfbf;
4186
4177
  }
4187
- .du-bois-light-dropdown-placement-topLeft > .du-bois-light-dropdown-arrow {
4188
- left: 16px;
4178
+ .du-bois-light-picker-input > input:placeholder-shown {
4179
+ text-overflow: ellipsis;
4189
4180
  }
4190
- .du-bois-light-dropdown-placement-topRight > .du-bois-light-dropdown-arrow {
4191
- right: 16px;
4181
+ .du-bois-light-picker-input > input:hover {
4182
+ border-color: #448dc2;
4183
+ border-right-width: 1px !important;
4192
4184
  }
4193
- .du-bois-light-dropdown-placement-bottomCenter > .du-bois-light-dropdown-arrow,
4194
- .du-bois-light-dropdown-placement-bottomLeft > .du-bois-light-dropdown-arrow,
4195
- .du-bois-light-dropdown-placement-bottomRight > .du-bois-light-dropdown-arrow {
4196
- top: 6px;
4197
- border-top-color: #fff;
4198
- border-right-color: transparent;
4199
- border-bottom-color: transparent;
4200
- border-left-color: #fff;
4201
- box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
4185
+ .du-bois-light-picker-input > input:focus,
4186
+ .du-bois-light-picker-input > input-focused {
4187
+ border-color: #448dc2;
4188
+ border-right-width: 1px !important;
4189
+ outline: 0;
4190
+ box-shadow: 0 0 0 2px rgba(34, 114, 180, 0.2);
4202
4191
  }
4203
- .du-bois-light-dropdown-placement-bottomCenter > .du-bois-light-dropdown-arrow {
4204
- left: 50%;
4205
- transform: translateX(-50%) rotate(45deg);
4192
+ .du-bois-light-picker-input > input-disabled {
4193
+ color: rgba(0, 0, 0, 0.25);
4194
+ background-color: #f5f5f5;
4195
+ cursor: not-allowed;
4196
+ opacity: 1;
4206
4197
  }
4207
- .du-bois-light-dropdown-placement-bottomLeft > .du-bois-light-dropdown-arrow {
4208
- left: 16px;
4198
+ .du-bois-light-picker-input > input-disabled:hover {
4199
+ border-color: #d9d9d9;
4200
+ border-right-width: 1px !important;
4209
4201
  }
4210
- .du-bois-light-dropdown-placement-bottomRight > .du-bois-light-dropdown-arrow {
4211
- right: 16px;
4202
+ .du-bois-light-picker-input > input[disabled] {
4203
+ color: rgba(0, 0, 0, 0.25);
4204
+ background-color: #f5f5f5;
4205
+ cursor: not-allowed;
4206
+ opacity: 1;
4212
4207
  }
4213
- .du-bois-light-dropdown-menu {
4214
- position: relative;
4215
- margin: 0;
4216
- padding: 4px 0;
4217
- text-align: left;
4218
- list-style-type: none;
4219
- background-color: #fff;
4208
+ .du-bois-light-picker-input > input[disabled]:hover {
4209
+ border-color: #d9d9d9;
4210
+ border-right-width: 1px !important;
4211
+ }
4212
+ .du-bois-light-picker-input > input-borderless,
4213
+ .du-bois-light-picker-input > input-borderless:hover,
4214
+ .du-bois-light-picker-input > input-borderless:focus,
4215
+ .du-bois-light-picker-input > input-borderless-focused,
4216
+ .du-bois-light-picker-input > input-borderless-disabled,
4217
+ .du-bois-light-picker-input > input-borderless[disabled] {
4218
+ background-color: transparent;
4219
+ border: none;
4220
+ box-shadow: none;
4221
+ }
4222
+ textarea.du-bois-light-picker-input > input {
4223
+ max-width: 100%;
4224
+ height: auto;
4225
+ min-height: 40px;
4226
+ line-height: 20px;
4227
+ vertical-align: bottom;
4228
+ transition: all 0.3s, height 0s;
4229
+ }
4230
+ .du-bois-light-picker-input > input-lg {
4231
+ padding: -171px 7px;
4232
+ font-size: 19px;
4233
+ }
4234
+ .du-bois-light-picker-input > input-sm {
4235
+ padding: 0 3px;
4236
+ }
4237
+ .du-bois-light-picker-input > input:focus {
4238
+ box-shadow: none;
4239
+ }
4240
+ .du-bois-light-picker-input > input[disabled] {
4241
+ background: transparent;
4242
+ }
4243
+ .du-bois-light-picker-input:hover .du-bois-light-picker-clear {
4244
+ opacity: 1;
4245
+ }
4246
+ .du-bois-light-picker-input-placeholder > input {
4247
+ color: #bfbfbf;
4248
+ }
4249
+ .du-bois-light-picker-large {
4250
+ padding: 0 7px 0;
4251
+ }
4252
+ .du-bois-light-picker-large .du-bois-light-picker-input > input {
4253
+ font-size: 19px;
4254
+ }
4255
+ .du-bois-light-picker-small {
4256
+ padding: 0 3px 0;
4257
+ }
4258
+ .du-bois-light-picker-suffix {
4259
+ align-self: center;
4260
+ margin-left: 2px;
4261
+ color: rgba(0, 0, 0, 0.25);
4262
+ line-height: 1;
4263
+ pointer-events: none;
4264
+ }
4265
+ .du-bois-light-picker-suffix > * {
4266
+ vertical-align: top;
4267
+ }
4268
+ .du-bois-light-picker-clear {
4269
+ position: absolute;
4270
+ top: 50%;
4271
+ right: 0;
4272
+ color: rgba(0, 0, 0, 0.25);
4273
+ line-height: 1;
4274
+ background: #fff;
4275
+ transform: translateY(-50%);
4276
+ cursor: pointer;
4277
+ opacity: 0;
4278
+ transition: opacity 0.3s, color 0.3s;
4279
+ }
4280
+ .du-bois-light-picker-clear > * {
4281
+ vertical-align: top;
4282
+ }
4283
+ .du-bois-light-picker-clear:hover {
4284
+ color: #5D7283;
4285
+ }
4286
+ .du-bois-light-picker-separator {
4287
+ position: relative;
4288
+ display: inline-block;
4289
+ width: 1em;
4290
+ height: 19px;
4291
+ color: rgba(0, 0, 0, 0.25);
4292
+ font-size: 19px;
4293
+ vertical-align: top;
4294
+ cursor: default;
4295
+ }
4296
+ .du-bois-light-picker-focused .du-bois-light-picker-separator {
4297
+ color: #5D7283;
4298
+ }
4299
+ .du-bois-light-picker-disabled .du-bois-light-picker-range-separator .du-bois-light-picker-separator {
4300
+ cursor: not-allowed;
4301
+ }
4302
+ .du-bois-light-picker-range {
4303
+ position: relative;
4304
+ display: inline-flex;
4305
+ }
4306
+ .du-bois-light-picker-range .du-bois-light-picker-clear {
4307
+ right: 7px;
4308
+ }
4309
+ .du-bois-light-picker-range:hover .du-bois-light-picker-clear {
4310
+ opacity: 1;
4311
+ }
4312
+ .du-bois-light-picker-range .du-bois-light-picker-active-bar {
4313
+ bottom: -1px;
4314
+ height: 2px;
4315
+ margin-left: 7px;
4316
+ background: #2272B4;
4317
+ opacity: 0;
4318
+ transition: all 0.3s ease-out;
4319
+ pointer-events: none;
4320
+ }
4321
+ .du-bois-light-picker-range.du-bois-light-picker-focused .du-bois-light-picker-active-bar {
4322
+ opacity: 1;
4323
+ }
4324
+ .du-bois-light-picker-range-separator {
4325
+ align-items: center;
4326
+ padding: 0 4px;
4327
+ line-height: 1;
4328
+ }
4329
+ .du-bois-light-picker-range.du-bois-light-picker-small .du-bois-light-picker-clear {
4330
+ right: 3px;
4331
+ }
4332
+ .du-bois-light-picker-range.du-bois-light-picker-small .du-bois-light-picker-active-bar {
4333
+ margin-left: 3px;
4334
+ }
4335
+ .du-bois-light-picker-dropdown {
4336
+ box-sizing: border-box;
4337
+ margin: 0;
4338
+ padding: 0;
4339
+ color: #20272E;
4340
+ font-size: 13px;
4341
+ font-variant: tabular-nums;
4342
+ line-height: 20px;
4343
+ list-style: none;
4344
+ font-feature-settings: 'tnum';
4345
+ position: absolute;
4346
+ z-index: 1050;
4347
+ }
4348
+ .du-bois-light-picker-dropdown-hidden {
4349
+ display: none;
4350
+ }
4351
+ .du-bois-light-picker-dropdown-placement-bottomLeft .du-bois-light-picker-range-arrow {
4352
+ top: 1.66666667px;
4353
+ display: block;
4354
+ transform: rotate(-45deg);
4355
+ }
4356
+ .du-bois-light-picker-dropdown-placement-topLeft .du-bois-light-picker-range-arrow {
4357
+ bottom: 1.66666667px;
4358
+ display: block;
4359
+ transform: rotate(135deg);
4360
+ }
4361
+ .du-bois-light-picker-dropdown.du-bois-light-slide-up-enter.du-bois-light-slide-up-enter-active.du-bois-light-picker-dropdown-placement-topLeft,
4362
+ .du-bois-light-picker-dropdown.du-bois-light-slide-up-enter.du-bois-light-slide-up-enter-active.du-bois-light-picker-dropdown-placement-topRight,
4363
+ .du-bois-light-picker-dropdown.du-bois-light-slide-up-appear.du-bois-light-slide-up-appear-active.du-bois-light-picker-dropdown-placement-topLeft,
4364
+ .du-bois-light-picker-dropdown.du-bois-light-slide-up-appear.du-bois-light-slide-up-appear-active.du-bois-light-picker-dropdown-placement-topRight {
4365
+ animation-name: antSlideDownIn;
4366
+ }
4367
+ .du-bois-light-picker-dropdown.du-bois-light-slide-up-enter.du-bois-light-slide-up-enter-active.du-bois-light-picker-dropdown-placement-bottomLeft,
4368
+ .du-bois-light-picker-dropdown.du-bois-light-slide-up-enter.du-bois-light-slide-up-enter-active.du-bois-light-picker-dropdown-placement-bottomRight,
4369
+ .du-bois-light-picker-dropdown.du-bois-light-slide-up-appear.du-bois-light-slide-up-appear-active.du-bois-light-picker-dropdown-placement-bottomLeft,
4370
+ .du-bois-light-picker-dropdown.du-bois-light-slide-up-appear.du-bois-light-slide-up-appear-active.du-bois-light-picker-dropdown-placement-bottomRight {
4371
+ animation-name: antSlideUpIn;
4372
+ }
4373
+ .du-bois-light-picker-dropdown.du-bois-light-slide-up-leave.du-bois-light-slide-up-leave-active.du-bois-light-picker-dropdown-placement-topLeft,
4374
+ .du-bois-light-picker-dropdown.du-bois-light-slide-up-leave.du-bois-light-slide-up-leave-active.du-bois-light-picker-dropdown-placement-topRight {
4375
+ animation-name: antSlideDownOut;
4376
+ }
4377
+ .du-bois-light-picker-dropdown.du-bois-light-slide-up-leave.du-bois-light-slide-up-leave-active.du-bois-light-picker-dropdown-placement-bottomLeft,
4378
+ .du-bois-light-picker-dropdown.du-bois-light-slide-up-leave.du-bois-light-slide-up-leave-active.du-bois-light-picker-dropdown-placement-bottomRight {
4379
+ animation-name: antSlideUpOut;
4380
+ }
4381
+ .du-bois-light-picker-dropdown-range {
4382
+ padding: 6.66666667px 0;
4383
+ }
4384
+ .du-bois-light-picker-dropdown-range-hidden {
4385
+ display: none;
4386
+ }
4387
+ .du-bois-light-picker-dropdown .du-bois-light-picker-panel > .du-bois-light-picker-time-panel {
4388
+ padding-top: 2px;
4389
+ }
4390
+ .du-bois-light-picker-ranges {
4391
+ margin-bottom: 0;
4392
+ padding: 2px 8px;
4393
+ overflow: hidden;
4394
+ line-height: 36px;
4395
+ text-align: left;
4396
+ list-style: none;
4397
+ }
4398
+ .du-bois-light-picker-ranges > li {
4399
+ display: inline-block;
4400
+ }
4401
+ .du-bois-light-picker-ranges .du-bois-light-picker-preset > .du-bois-light-tag-blue {
4402
+ color: #2272B4;
4403
+ background: #e6f1f5;
4404
+ border-color: #93c2db;
4405
+ cursor: pointer;
4406
+ }
4407
+ .du-bois-light-picker-ranges .du-bois-light-picker-ok {
4408
+ float: right;
4409
+ margin-left: 4px;
4410
+ }
4411
+ .du-bois-light-picker-range-wrapper {
4412
+ display: flex;
4413
+ }
4414
+ .du-bois-light-picker-range-arrow {
4415
+ position: absolute;
4416
+ z-index: 1;
4417
+ display: none;
4418
+ width: 10px;
4419
+ height: 10px;
4420
+ margin-left: 10.5px;
4421
+ box-shadow: 2px -2px 6px rgba(0, 0, 0, 0.06);
4422
+ transition: left 0.3s ease-out;
4423
+ }
4424
+ .du-bois-light-picker-range-arrow::after {
4425
+ position: absolute;
4426
+ top: 1px;
4427
+ right: 1px;
4428
+ width: 10px;
4429
+ height: 10px;
4430
+ border: 5px solid #f0f0f0;
4431
+ border-color: #fff #fff transparent transparent;
4432
+ content: '';
4433
+ }
4434
+ .du-bois-light-picker-panel-container {
4435
+ overflow: hidden;
4436
+ vertical-align: top;
4437
+ background: #fff;
4438
+ border-radius: 4px;
4439
+ box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
4440
+ transition: margin 0.3s;
4441
+ }
4442
+ .du-bois-light-picker-panel-container .du-bois-light-picker-panels {
4443
+ display: inline-flex;
4444
+ flex-wrap: nowrap;
4445
+ direction: ltr;
4446
+ }
4447
+ .du-bois-light-picker-panel-container .du-bois-light-picker-panel {
4448
+ vertical-align: top;
4449
+ background: transparent;
4450
+ border-width: 0 0 1px 0;
4451
+ border-radius: 0;
4452
+ }
4453
+ .du-bois-light-picker-panel-container .du-bois-light-picker-panel .du-bois-light-picker-content,
4454
+ .du-bois-light-picker-panel-container .du-bois-light-picker-panel table {
4455
+ text-align: center;
4456
+ }
4457
+ .du-bois-light-picker-panel-container .du-bois-light-picker-panel-focused {
4458
+ border-color: #f0f0f0;
4459
+ }
4460
+ .du-bois-light-picker-panel {
4461
+ display: inline-flex;
4462
+ flex-direction: column;
4463
+ text-align: center;
4464
+ background: #fff;
4465
+ border: 1px solid #f0f0f0;
4466
+ border-radius: 4px;
4467
+ outline: none;
4468
+ }
4469
+ .du-bois-light-picker-panel-focused {
4470
+ border-color: #2272B4;
4471
+ }
4472
+ .du-bois-light-picker-decade-panel,
4473
+ .du-bois-light-picker-year-panel,
4474
+ .du-bois-light-picker-quarter-panel,
4475
+ .du-bois-light-picker-month-panel,
4476
+ .du-bois-light-picker-week-panel,
4477
+ .du-bois-light-picker-date-panel,
4478
+ .du-bois-light-picker-time-panel {
4479
+ display: flex;
4480
+ flex-direction: column;
4481
+ width: 272px;
4482
+ }
4483
+ .du-bois-light-picker-header {
4484
+ display: flex;
4485
+ padding: 0 4px;
4486
+ color: rgba(0, 0, 0, 0.85);
4487
+ border-bottom: 1px solid #f0f0f0;
4488
+ }
4489
+ .du-bois-light-picker-header > * {
4490
+ flex: none;
4491
+ }
4492
+ .du-bois-light-picker-header button {
4493
+ padding: 0;
4494
+ color: rgba(0, 0, 0, 0.25);
4495
+ line-height: 40px;
4496
+ background: transparent;
4497
+ border: 0;
4498
+ cursor: pointer;
4499
+ transition: color 0.3s;
4500
+ }
4501
+ .du-bois-light-picker-header > button {
4502
+ min-width: 1.6em;
4503
+ font-size: 13px;
4504
+ }
4505
+ .du-bois-light-picker-header > button:hover {
4506
+ color: #20272E;
4507
+ }
4508
+ .du-bois-light-picker-header-view {
4509
+ flex: auto;
4510
+ font-weight: 500;
4511
+ line-height: 40px;
4512
+ }
4513
+ .du-bois-light-picker-header-view button {
4514
+ color: inherit;
4515
+ font-weight: inherit;
4516
+ }
4517
+ .du-bois-light-picker-header-view button:not(:first-child) {
4518
+ margin-left: 4px;
4519
+ }
4520
+ .du-bois-light-picker-header-view button:hover {
4521
+ color: #2272B4;
4522
+ }
4523
+ .du-bois-light-picker-prev-icon,
4524
+ .du-bois-light-picker-next-icon,
4525
+ .du-bois-light-picker-super-prev-icon,
4526
+ .du-bois-light-picker-super-next-icon {
4527
+ position: relative;
4528
+ display: inline-block;
4529
+ width: 7px;
4530
+ height: 7px;
4531
+ }
4532
+ .du-bois-light-picker-prev-icon::before,
4533
+ .du-bois-light-picker-next-icon::before,
4534
+ .du-bois-light-picker-super-prev-icon::before,
4535
+ .du-bois-light-picker-super-next-icon::before {
4536
+ position: absolute;
4537
+ top: 0;
4538
+ left: 0;
4539
+ display: inline-block;
4540
+ width: 7px;
4541
+ height: 7px;
4542
+ border: 0 solid currentColor;
4543
+ border-width: 1.5px 0 0 1.5px;
4544
+ content: '';
4545
+ }
4546
+ .du-bois-light-picker-super-prev-icon::after,
4547
+ .du-bois-light-picker-super-next-icon::after {
4548
+ position: absolute;
4549
+ top: 4px;
4550
+ left: 4px;
4551
+ display: inline-block;
4552
+ width: 7px;
4553
+ height: 7px;
4554
+ border: 0 solid currentColor;
4555
+ border-width: 1.5px 0 0 1.5px;
4556
+ content: '';
4557
+ }
4558
+ .du-bois-light-picker-prev-icon,
4559
+ .du-bois-light-picker-super-prev-icon {
4560
+ transform: rotate(-45deg);
4561
+ }
4562
+ .du-bois-light-picker-next-icon,
4563
+ .du-bois-light-picker-super-next-icon {
4564
+ transform: rotate(135deg);
4565
+ }
4566
+ .du-bois-light-picker-content {
4567
+ width: 100%;
4568
+ table-layout: fixed;
4569
+ border-collapse: collapse;
4570
+ }
4571
+ .du-bois-light-picker-content th,
4572
+ .du-bois-light-picker-content td {
4573
+ position: relative;
4574
+ min-width: 24px;
4575
+ font-weight: 400;
4576
+ }
4577
+ .du-bois-light-picker-content th {
4578
+ height: 30px;
4579
+ color: #20272E;
4580
+ line-height: 30px;
4581
+ }
4582
+ .du-bois-light-picker-cell {
4583
+ padding: 3px 0;
4584
+ color: rgba(0, 0, 0, 0.25);
4585
+ cursor: pointer;
4586
+ }
4587
+ .du-bois-light-picker-cell-in-view {
4588
+ color: #20272E;
4589
+ }
4590
+ .du-bois-light-picker-cell::before {
4591
+ position: absolute;
4592
+ top: 50%;
4593
+ right: 0;
4594
+ left: 0;
4595
+ z-index: 1;
4596
+ height: 24px;
4597
+ transform: translateY(-50%);
4598
+ content: '';
4599
+ }
4600
+ .du-bois-light-picker-cell .du-bois-light-picker-cell-inner {
4601
+ position: relative;
4602
+ z-index: 2;
4603
+ display: inline-block;
4604
+ min-width: 24px;
4605
+ height: 24px;
4606
+ line-height: 24px;
4607
+ border-radius: 4px;
4608
+ transition: background 0.3s, border 0.3s;
4609
+ }
4610
+ .du-bois-light-picker-cell:hover:not(.du-bois-light-picker-cell-in-view) .du-bois-light-picker-cell-inner,
4611
+ .du-bois-light-picker-cell:hover:not(.du-bois-light-picker-cell-selected):not(.du-bois-light-picker-cell-range-start):not(.du-bois-light-picker-cell-range-end):not(.du-bois-light-picker-cell-range-hover-start):not(.du-bois-light-picker-cell-range-hover-end) .du-bois-light-picker-cell-inner {
4612
+ background: #f5f5f5;
4613
+ }
4614
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-today .du-bois-light-picker-cell-inner::before {
4615
+ position: absolute;
4616
+ top: 0;
4617
+ right: 0;
4618
+ bottom: 0;
4619
+ left: 0;
4620
+ z-index: 1;
4621
+ border: 1px solid #2272B4;
4622
+ border-radius: 4px;
4623
+ content: '';
4624
+ }
4625
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-in-range {
4626
+ position: relative;
4627
+ }
4628
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-in-range::before {
4629
+ background: #e6f1f5;
4630
+ }
4631
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-selected .du-bois-light-picker-cell-inner,
4632
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-start .du-bois-light-picker-cell-inner,
4633
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-end .du-bois-light-picker-cell-inner {
4634
+ color: #fff;
4635
+ background: #2272B4;
4636
+ }
4637
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-start:not(.du-bois-light-picker-cell-range-start-single)::before,
4638
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-end:not(.du-bois-light-picker-cell-range-end-single)::before {
4639
+ background: #e6f1f5;
4640
+ }
4641
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-start::before {
4642
+ left: 50%;
4643
+ }
4644
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-end::before {
4645
+ right: 50%;
4646
+ }
4647
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-start:not(.du-bois-light-picker-cell-in-range):not(.du-bois-light-picker-cell-range-start):not(.du-bois-light-picker-cell-range-end)::after,
4648
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-end:not(.du-bois-light-picker-cell-in-range):not(.du-bois-light-picker-cell-range-start):not(.du-bois-light-picker-cell-range-end)::after,
4649
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-start.du-bois-light-picker-cell-range-start-single::after,
4650
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-start.du-bois-light-picker-cell-range-start.du-bois-light-picker-cell-range-end.du-bois-light-picker-cell-range-end-near-hover::after,
4651
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-end.du-bois-light-picker-cell-range-start.du-bois-light-picker-cell-range-end.du-bois-light-picker-cell-range-start-near-hover::after,
4652
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-end.du-bois-light-picker-cell-range-end-single::after,
4653
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover:not(.du-bois-light-picker-cell-in-range)::after {
4654
+ position: absolute;
4655
+ top: 50%;
4656
+ z-index: 0;
4657
+ height: 24px;
4658
+ border-top: 1px dashed #5ca4e0;
4659
+ border-bottom: 1px dashed #5ca4e0;
4660
+ transform: translateY(-50%);
4661
+ content: '';
4662
+ }
4663
+ .du-bois-light-picker-cell-range-hover-start::after,
4664
+ .du-bois-light-picker-cell-range-hover-end::after,
4665
+ .du-bois-light-picker-cell-range-hover::after {
4666
+ right: 0;
4667
+ left: 2px;
4668
+ }
4669
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-in-range.du-bois-light-picker-cell-range-hover::before,
4670
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-start.du-bois-light-picker-cell-range-hover::before,
4671
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-end.du-bois-light-picker-cell-range-hover::before,
4672
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-start:not(.du-bois-light-picker-cell-range-start-single).du-bois-light-picker-cell-range-hover-start::before,
4673
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-end:not(.du-bois-light-picker-cell-range-end-single).du-bois-light-picker-cell-range-hover-end::before,
4674
+ .du-bois-light-picker-panel > :not(.du-bois-light-picker-date-panel) .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-in-range.du-bois-light-picker-cell-range-hover-start::before,
4675
+ .du-bois-light-picker-panel > :not(.du-bois-light-picker-date-panel) .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-in-range.du-bois-light-picker-cell-range-hover-end::before {
4676
+ background: #9cc8ec;
4677
+ }
4678
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-start:not(.du-bois-light-picker-cell-range-start-single):not(.du-bois-light-picker-cell-range-end) .du-bois-light-picker-cell-inner {
4679
+ border-radius: 4px 0 0 4px;
4680
+ }
4681
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-end:not(.du-bois-light-picker-cell-range-end-single):not(.du-bois-light-picker-cell-range-start) .du-bois-light-picker-cell-inner {
4682
+ border-radius: 0 4px 4px 0;
4683
+ }
4684
+ .du-bois-light-picker-date-panel .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-in-range.du-bois-light-picker-cell-range-hover-start .du-bois-light-picker-cell-inner::after,
4685
+ .du-bois-light-picker-date-panel .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-in-range.du-bois-light-picker-cell-range-hover-end .du-bois-light-picker-cell-inner::after {
4686
+ position: absolute;
4687
+ top: 0;
4688
+ bottom: 0;
4689
+ z-index: -1;
4690
+ background: #9cc8ec;
4691
+ content: '';
4692
+ }
4693
+ .du-bois-light-picker-date-panel .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-in-range.du-bois-light-picker-cell-range-hover-start .du-bois-light-picker-cell-inner::after {
4694
+ right: -6px;
4695
+ left: 0;
4696
+ }
4697
+ .du-bois-light-picker-date-panel .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-in-range.du-bois-light-picker-cell-range-hover-end .du-bois-light-picker-cell-inner::after {
4698
+ right: 0;
4699
+ left: -6px;
4700
+ }
4701
+ .du-bois-light-picker-cell-range-hover.du-bois-light-picker-cell-range-start::after {
4702
+ right: 50%;
4703
+ }
4704
+ .du-bois-light-picker-cell-range-hover.du-bois-light-picker-cell-range-end::after {
4705
+ left: 50%;
4706
+ }
4707
+ tr > .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover:first-child::after,
4708
+ tr > .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-end:first-child::after,
4709
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-start.du-bois-light-picker-cell-range-hover-edge-start.du-bois-light-picker-cell-range-hover-edge-start-near-range::after,
4710
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-edge-start:not(.du-bois-light-picker-cell-range-hover-edge-start-near-range)::after,
4711
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-start::after {
4712
+ left: 6px;
4713
+ border-left: 1px dashed #5ca4e0;
4714
+ border-top-left-radius: 4px;
4715
+ border-bottom-left-radius: 4px;
4716
+ }
4717
+ tr > .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover:last-child::after,
4718
+ tr > .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-start:last-child::after,
4719
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-end.du-bois-light-picker-cell-range-hover-edge-end.du-bois-light-picker-cell-range-hover-edge-end-near-range::after,
4720
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-edge-end:not(.du-bois-light-picker-cell-range-hover-edge-end-near-range)::after,
4721
+ .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-end::after {
4722
+ right: 6px;
4723
+ border-right: 1px dashed #5ca4e0;
4724
+ border-top-right-radius: 4px;
4725
+ border-bottom-right-radius: 4px;
4726
+ }
4727
+ .du-bois-light-picker-cell-disabled {
4728
+ color: rgba(0, 0, 0, 0.25);
4729
+ pointer-events: none;
4730
+ }
4731
+ .du-bois-light-picker-cell-disabled .du-bois-light-picker-cell-inner {
4732
+ background: transparent;
4733
+ }
4734
+ .du-bois-light-picker-cell-disabled::before {
4735
+ background: rgba(0, 0, 0, 0.04);
4736
+ }
4737
+ .du-bois-light-picker-cell-disabled.du-bois-light-picker-cell-today .du-bois-light-picker-cell-inner::before {
4738
+ border-color: rgba(0, 0, 0, 0.25);
4739
+ }
4740
+ .du-bois-light-picker-decade-panel .du-bois-light-picker-content,
4741
+ .du-bois-light-picker-year-panel .du-bois-light-picker-content,
4742
+ .du-bois-light-picker-quarter-panel .du-bois-light-picker-content,
4743
+ .du-bois-light-picker-month-panel .du-bois-light-picker-content {
4744
+ height: 264px;
4745
+ }
4746
+ .du-bois-light-picker-decade-panel .du-bois-light-picker-cell-inner,
4747
+ .du-bois-light-picker-year-panel .du-bois-light-picker-cell-inner,
4748
+ .du-bois-light-picker-quarter-panel .du-bois-light-picker-cell-inner,
4749
+ .du-bois-light-picker-month-panel .du-bois-light-picker-cell-inner {
4750
+ padding: 0 4px;
4751
+ }
4752
+ .du-bois-light-picker-quarter-panel .du-bois-light-picker-content {
4753
+ height: 56px;
4754
+ }
4755
+ .du-bois-light-picker-footer {
4756
+ width: min-content;
4757
+ min-width: 100%;
4758
+ line-height: 38px;
4759
+ text-align: center;
4760
+ border-bottom: 1px solid transparent;
4761
+ }
4762
+ .du-bois-light-picker-panel .du-bois-light-picker-footer {
4763
+ border-top: 1px solid #f0f0f0;
4764
+ }
4765
+ .du-bois-light-picker-footer-extra {
4766
+ padding: 0 8px;
4767
+ line-height: 38px;
4768
+ text-align: left;
4769
+ }
4770
+ .du-bois-light-picker-footer-extra:not(:last-child) {
4771
+ border-bottom: 1px solid #f0f0f0;
4772
+ }
4773
+ .du-bois-light-picker-now {
4774
+ text-align: left;
4775
+ }
4776
+ .du-bois-light-picker-today-btn {
4777
+ color: #2272B4;
4778
+ }
4779
+ .du-bois-light-picker-today-btn:hover {
4780
+ color: #448dc2;
4781
+ }
4782
+ .du-bois-light-picker-today-btn:active {
4783
+ color: #14538f;
4784
+ }
4785
+ .du-bois-light-picker-today-btn.du-bois-light-picker-today-btn-disabled {
4786
+ color: rgba(0, 0, 0, 0.25);
4787
+ cursor: not-allowed;
4788
+ }
4789
+ .du-bois-light-picker-decade-panel .du-bois-light-picker-cell-inner {
4790
+ padding: 0 2px;
4791
+ }
4792
+ .du-bois-light-picker-decade-panel .du-bois-light-picker-cell::before {
4793
+ display: none;
4794
+ }
4795
+ .du-bois-light-picker-year-panel .du-bois-light-picker-body,
4796
+ .du-bois-light-picker-quarter-panel .du-bois-light-picker-body,
4797
+ .du-bois-light-picker-month-panel .du-bois-light-picker-body {
4798
+ padding: 0 4px;
4799
+ }
4800
+ .du-bois-light-picker-year-panel .du-bois-light-picker-cell-inner,
4801
+ .du-bois-light-picker-quarter-panel .du-bois-light-picker-cell-inner,
4802
+ .du-bois-light-picker-month-panel .du-bois-light-picker-cell-inner {
4803
+ width: 60px;
4804
+ }
4805
+ .du-bois-light-picker-year-panel .du-bois-light-picker-cell-range-hover-start::after,
4806
+ .du-bois-light-picker-quarter-panel .du-bois-light-picker-cell-range-hover-start::after,
4807
+ .du-bois-light-picker-month-panel .du-bois-light-picker-cell-range-hover-start::after {
4808
+ left: 14px;
4809
+ border-left: 1px dashed #5ca4e0;
4810
+ border-radius: 4px 0 0 4px;
4811
+ }
4812
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-year-panel .du-bois-light-picker-cell-range-hover-start::after,
4813
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-quarter-panel .du-bois-light-picker-cell-range-hover-start::after,
4814
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-month-panel .du-bois-light-picker-cell-range-hover-start::after {
4815
+ right: 14px;
4816
+ border-right: 1px dashed #5ca4e0;
4817
+ border-radius: 0 4px 4px 0;
4818
+ }
4819
+ .du-bois-light-picker-year-panel .du-bois-light-picker-cell-range-hover-end::after,
4820
+ .du-bois-light-picker-quarter-panel .du-bois-light-picker-cell-range-hover-end::after,
4821
+ .du-bois-light-picker-month-panel .du-bois-light-picker-cell-range-hover-end::after {
4822
+ right: 14px;
4823
+ border-right: 1px dashed #5ca4e0;
4824
+ border-radius: 0 4px 4px 0;
4825
+ }
4826
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-year-panel .du-bois-light-picker-cell-range-hover-end::after,
4827
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-quarter-panel .du-bois-light-picker-cell-range-hover-end::after,
4828
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-month-panel .du-bois-light-picker-cell-range-hover-end::after {
4829
+ left: 14px;
4830
+ border-left: 1px dashed #5ca4e0;
4831
+ border-radius: 4px 0 0 4px;
4832
+ }
4833
+ .du-bois-light-picker-week-panel .du-bois-light-picker-body {
4834
+ padding: 4px 8px;
4835
+ }
4836
+ .du-bois-light-picker-week-panel .du-bois-light-picker-cell:hover .du-bois-light-picker-cell-inner,
4837
+ .du-bois-light-picker-week-panel .du-bois-light-picker-cell-selected .du-bois-light-picker-cell-inner,
4838
+ .du-bois-light-picker-week-panel .du-bois-light-picker-cell .du-bois-light-picker-cell-inner {
4839
+ background: transparent !important;
4840
+ }
4841
+ .du-bois-light-picker-week-panel-row td {
4842
+ transition: background 0.3s;
4843
+ }
4844
+ .du-bois-light-picker-week-panel-row:hover td {
4845
+ background: #f5f5f5;
4846
+ }
4847
+ .du-bois-light-picker-week-panel-row-selected td,
4848
+ .du-bois-light-picker-week-panel-row-selected:hover td {
4849
+ background: #2272B4;
4850
+ }
4851
+ .du-bois-light-picker-week-panel-row-selected td.du-bois-light-picker-cell-week,
4852
+ .du-bois-light-picker-week-panel-row-selected:hover td.du-bois-light-picker-cell-week {
4853
+ color: rgba(255, 255, 255, 0.5);
4854
+ }
4855
+ .du-bois-light-picker-week-panel-row-selected td.du-bois-light-picker-cell-today .du-bois-light-picker-cell-inner::before,
4856
+ .du-bois-light-picker-week-panel-row-selected:hover td.du-bois-light-picker-cell-today .du-bois-light-picker-cell-inner::before {
4857
+ border-color: #fff;
4858
+ }
4859
+ .du-bois-light-picker-week-panel-row-selected td .du-bois-light-picker-cell-inner,
4860
+ .du-bois-light-picker-week-panel-row-selected:hover td .du-bois-light-picker-cell-inner {
4861
+ color: #fff;
4862
+ }
4863
+ .du-bois-light-picker-date-panel .du-bois-light-picker-body {
4864
+ padding: 4px 8px;
4865
+ }
4866
+ .du-bois-light-picker-date-panel .du-bois-light-picker-content {
4867
+ width: 252px;
4868
+ }
4869
+ .du-bois-light-picker-date-panel .du-bois-light-picker-content th {
4870
+ width: 36px;
4871
+ }
4872
+ .du-bois-light-picker-datetime-panel {
4873
+ display: flex;
4874
+ }
4875
+ .du-bois-light-picker-datetime-panel .du-bois-light-picker-time-panel {
4876
+ border-left: 1px solid #f0f0f0;
4877
+ }
4878
+ .du-bois-light-picker-datetime-panel .du-bois-light-picker-date-panel,
4879
+ .du-bois-light-picker-datetime-panel .du-bois-light-picker-time-panel {
4880
+ transition: opacity 0.3s;
4881
+ }
4882
+ .du-bois-light-picker-datetime-panel-active .du-bois-light-picker-date-panel,
4883
+ .du-bois-light-picker-datetime-panel-active .du-bois-light-picker-time-panel {
4884
+ opacity: 0.3;
4885
+ }
4886
+ .du-bois-light-picker-datetime-panel-active .du-bois-light-picker-date-panel-active,
4887
+ .du-bois-light-picker-datetime-panel-active .du-bois-light-picker-time-panel-active {
4888
+ opacity: 1;
4889
+ }
4890
+ .du-bois-light-picker-time-panel {
4891
+ width: auto;
4892
+ min-width: auto;
4893
+ }
4894
+ .du-bois-light-picker-time-panel .du-bois-light-picker-content {
4895
+ display: flex;
4896
+ flex: auto;
4897
+ height: 224px;
4898
+ }
4899
+ .du-bois-light-picker-time-panel-column {
4900
+ flex: 1 0 auto;
4901
+ width: 56px;
4902
+ margin: 0;
4903
+ padding: 0;
4904
+ overflow-y: hidden;
4905
+ text-align: left;
4906
+ list-style: none;
4907
+ transition: background 0.3s;
4908
+ }
4909
+ .du-bois-light-picker-time-panel-column::after {
4910
+ display: block;
4911
+ height: 196px;
4912
+ content: '';
4913
+ }
4914
+ .du-bois-light-picker-datetime-panel .du-bois-light-picker-time-panel-column::after {
4915
+ height: 198px;
4916
+ }
4917
+ .du-bois-light-picker-time-panel-column:not(:first-child) {
4918
+ border-left: 1px solid #f0f0f0;
4919
+ }
4920
+ .du-bois-light-picker-time-panel-column-active {
4921
+ background: rgba(230, 241, 245, 0.2);
4922
+ }
4923
+ .du-bois-light-picker-time-panel-column:hover {
4924
+ overflow-y: auto;
4925
+ }
4926
+ .du-bois-light-picker-time-panel-column > li {
4927
+ margin: 0;
4928
+ padding: 0;
4929
+ }
4930
+ .du-bois-light-picker-time-panel-column > li.du-bois-light-picker-time-panel-cell .du-bois-light-picker-time-panel-cell-inner {
4931
+ display: block;
4932
+ width: 100%;
4933
+ height: 28px;
4934
+ margin: 0;
4935
+ padding: 0 0 0 14px;
4936
+ color: #20272E;
4937
+ line-height: 28px;
4938
+ border-radius: 0;
4939
+ cursor: pointer;
4940
+ transition: background 0.3s;
4941
+ }
4942
+ .du-bois-light-picker-time-panel-column > li.du-bois-light-picker-time-panel-cell .du-bois-light-picker-time-panel-cell-inner:hover {
4943
+ background: #f5f5f5;
4944
+ }
4945
+ .du-bois-light-picker-time-panel-column > li.du-bois-light-picker-time-panel-cell-selected .du-bois-light-picker-time-panel-cell-inner {
4946
+ background: #e6f1f5;
4947
+ }
4948
+ .du-bois-light-picker-time-panel-column > li.du-bois-light-picker-time-panel-cell-disabled .du-bois-light-picker-time-panel-cell-inner {
4949
+ color: rgba(0, 0, 0, 0.25);
4950
+ background: transparent;
4951
+ cursor: not-allowed;
4952
+ }
4953
+ /* stylelint-disable-next-line */
4954
+ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-month-panel .du-bois-light-picker-cell,
4955
+ :root .du-bois-light-picker-range-wrapper .du-bois-light-picker-month-panel .du-bois-light-picker-cell,
4956
+ _:-ms-fullscreen .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-panel .du-bois-light-picker-cell,
4957
+ :root .du-bois-light-picker-range-wrapper .du-bois-light-picker-year-panel .du-bois-light-picker-cell {
4958
+ padding: 21px 0;
4959
+ }
4960
+ .du-bois-light-picker-rtl {
4961
+ direction: rtl;
4962
+ }
4963
+ .du-bois-light-picker-rtl .du-bois-light-picker-suffix {
4964
+ margin-right: 2px;
4965
+ margin-left: 0;
4966
+ }
4967
+ .du-bois-light-picker-rtl .du-bois-light-picker-clear {
4968
+ right: auto;
4969
+ left: 0;
4970
+ }
4971
+ .du-bois-light-picker-rtl .du-bois-light-picker-separator {
4972
+ transform: rotate(180deg);
4973
+ }
4974
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-header-view button:not(:first-child) {
4975
+ margin-right: 4px;
4976
+ margin-left: 0;
4977
+ }
4978
+ .du-bois-light-picker-rtl.du-bois-light-picker-range .du-bois-light-picker-clear {
4979
+ right: auto;
4980
+ left: 7px;
4981
+ }
4982
+ .du-bois-light-picker-rtl.du-bois-light-picker-range .du-bois-light-picker-active-bar {
4983
+ margin-right: 7px;
4984
+ margin-left: 0;
4985
+ }
4986
+ .du-bois-light-picker-rtl.du-bois-light-picker-range.du-bois-light-picker-small .du-bois-light-picker-active-bar {
4987
+ margin-right: 3px;
4988
+ }
4989
+ .du-bois-light-picker-dropdown-rtl .du-bois-light-picker-ranges {
4990
+ text-align: right;
4991
+ }
4992
+ .du-bois-light-picker-dropdown-rtl .du-bois-light-picker-ranges .du-bois-light-picker-ok {
4993
+ float: left;
4994
+ margin-right: 4px;
4995
+ margin-left: 0;
4996
+ }
4997
+ .du-bois-light-picker-panel-rtl {
4998
+ direction: rtl;
4999
+ }
5000
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-prev-icon,
5001
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-super-prev-icon {
5002
+ transform: rotate(135deg);
5003
+ }
5004
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-next-icon,
5005
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-super-next-icon {
5006
+ transform: rotate(-45deg);
5007
+ }
5008
+ .du-bois-light-picker-cell .du-bois-light-picker-cell-inner {
5009
+ position: relative;
5010
+ z-index: 2;
5011
+ display: inline-block;
5012
+ min-width: 24px;
5013
+ height: 24px;
5014
+ line-height: 24px;
5015
+ border-radius: 4px;
5016
+ transition: background 0.3s, border 0.3s;
5017
+ }
5018
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-start::before {
5019
+ right: 50%;
5020
+ left: 0;
5021
+ }
5022
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-end::before {
5023
+ right: 0;
5024
+ left: 50%;
5025
+ }
5026
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-start.du-bois-light-picker-cell-range-end::before {
5027
+ right: 50%;
5028
+ left: 50%;
5029
+ }
5030
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-date-panel .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-in-range.du-bois-light-picker-cell-range-hover-start .du-bois-light-picker-cell-inner::after {
5031
+ right: 0;
5032
+ left: -6px;
5033
+ }
5034
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-date-panel .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-in-range.du-bois-light-picker-cell-range-hover-end .du-bois-light-picker-cell-inner::after {
5035
+ right: -6px;
5036
+ left: 0;
5037
+ }
5038
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-range-hover.du-bois-light-picker-cell-range-start::after {
5039
+ right: 0;
5040
+ left: 50%;
5041
+ }
5042
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-range-hover.du-bois-light-picker-cell-range-end::after {
5043
+ right: 50%;
5044
+ left: 0;
5045
+ }
5046
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-start:not(.du-bois-light-picker-cell-range-start-single):not(.du-bois-light-picker-cell-range-end) .du-bois-light-picker-cell-inner {
5047
+ border-radius: 0 4px 4px 0;
5048
+ }
5049
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-end:not(.du-bois-light-picker-cell-range-end-single):not(.du-bois-light-picker-cell-range-start) .du-bois-light-picker-cell-inner {
5050
+ border-radius: 4px 0 0 4px;
5051
+ }
5052
+ .du-bois-light-picker-panel-rtl tr > .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover:not(.du-bois-light-picker-cell-selected):first-child::after,
5053
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-start.du-bois-light-picker-cell-range-hover-edge-start.du-bois-light-picker-cell-range-hover-edge-start-near-range::after,
5054
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-edge-start:not(.du-bois-light-picker-cell-range-hover-edge-start-near-range)::after,
5055
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-start::after {
5056
+ right: 6px;
5057
+ left: 0;
5058
+ border-right: 1px dashed #5ca4e0;
5059
+ border-left: none;
5060
+ border-top-left-radius: 0;
5061
+ border-top-right-radius: 4px;
5062
+ border-bottom-right-radius: 4px;
5063
+ border-bottom-left-radius: 0;
5064
+ }
5065
+ .du-bois-light-picker-panel-rtl tr > .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover:not(.du-bois-light-picker-cell-selected):last-child::after,
5066
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-end.du-bois-light-picker-cell-range-hover-edge-end.du-bois-light-picker-cell-range-hover-edge-end-near-range::after,
5067
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-edge-end:not(.du-bois-light-picker-cell-range-hover-edge-end-near-range)::after,
5068
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-end::after {
5069
+ right: 0;
5070
+ left: 6px;
5071
+ border-right: none;
5072
+ border-left: 1px dashed #5ca4e0;
5073
+ border-top-left-radius: 4px;
5074
+ border-top-right-radius: 0;
5075
+ border-bottom-right-radius: 0;
5076
+ border-bottom-left-radius: 4px;
5077
+ }
5078
+ .du-bois-light-picker-panel-rtl tr > .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-start:last-child::after,
5079
+ .du-bois-light-picker-panel-rtl tr > .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-range-hover-end:first-child::after,
5080
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-start.du-bois-light-picker-cell-range-hover-edge-start:not(.du-bois-light-picker-cell-range-hover)::after,
5081
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-start.du-bois-light-picker-cell-range-hover-end.du-bois-light-picker-cell-range-hover-edge-start:not(.du-bois-light-picker-cell-range-hover)::after,
5082
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-end.du-bois-light-picker-cell-range-hover-start.du-bois-light-picker-cell-range-hover-edge-end:not(.du-bois-light-picker-cell-range-hover)::after,
5083
+ .du-bois-light-picker-panel-rtl tr > .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-start.du-bois-light-picker-cell-range-hover.du-bois-light-picker-cell-range-hover-edge-start:last-child::after,
5084
+ .du-bois-light-picker-panel-rtl tr > .du-bois-light-picker-cell-in-view.du-bois-light-picker-cell-end.du-bois-light-picker-cell-range-hover.du-bois-light-picker-cell-range-hover-edge-end:first-child::after {
5085
+ right: 6px;
5086
+ left: 6px;
5087
+ border-right: 1px dashed #5ca4e0;
5088
+ border-left: 1px dashed #5ca4e0;
5089
+ border-radius: 4px;
5090
+ }
5091
+ .du-bois-light-picker-dropdown-rtl .du-bois-light-picker-footer-extra {
5092
+ direction: rtl;
5093
+ text-align: right;
5094
+ }
5095
+ .du-bois-light-picker-panel-rtl .du-bois-light-picker-time-panel {
5096
+ direction: ltr;
5097
+ }
5098
+
5099
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
5100
+ /* stylelint-disable no-duplicate-selectors */
5101
+ /* stylelint-disable */
5102
+ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
5103
+ .du-bois-light-tag {
5104
+ box-sizing: border-box;
5105
+ margin: 0;
5106
+ padding: 0;
5107
+ color: #20272E;
5108
+ font-size: 13px;
5109
+ font-variant: tabular-nums;
5110
+ list-style: none;
5111
+ font-feature-settings: 'tnum';
5112
+ display: inline-block;
5113
+ height: auto;
5114
+ margin-right: 8px;
5115
+ padding: 0 7px;
5116
+ font-size: 11px;
5117
+ line-height: 20px;
5118
+ white-space: nowrap;
5119
+ background: #fafafa;
5120
+ border: 1px solid #d9d9d9;
5121
+ border-radius: 4px;
5122
+ opacity: 1;
5123
+ transition: all 0.3s;
5124
+ }
5125
+ .du-bois-light-tag,
5126
+ .du-bois-light-tag a,
5127
+ .du-bois-light-tag a:hover {
5128
+ color: #20272E;
5129
+ }
5130
+ .du-bois-light-tag > a:first-child:last-child {
5131
+ display: inline-block;
5132
+ margin: 0 -8px;
5133
+ padding: 0 8px;
5134
+ }
5135
+ .du-bois-light-tag-close-icon {
5136
+ margin-left: 3px;
5137
+ color: #5D7283;
5138
+ font-size: 10px;
5139
+ cursor: pointer;
5140
+ transition: all 0.3s;
5141
+ }
5142
+ .du-bois-light-tag-close-icon:hover {
5143
+ color: rgba(0, 0, 0, 0.85);
5144
+ }
5145
+ .du-bois-light-tag-has-color {
5146
+ border-color: transparent;
5147
+ }
5148
+ .du-bois-light-tag-has-color,
5149
+ .du-bois-light-tag-has-color a,
5150
+ .du-bois-light-tag-has-color a:hover,
5151
+ .du-bois-light-tag-has-color .anticon-close,
5152
+ .du-bois-light-tag-has-color .anticon-close:hover {
5153
+ color: #fff;
5154
+ }
5155
+ .du-bois-light-tag-checkable {
5156
+ background-color: transparent;
5157
+ border-color: transparent;
5158
+ cursor: pointer;
5159
+ }
5160
+ .du-bois-light-tag-checkable:not(.du-bois-light-tag-checkable-checked):hover {
5161
+ color: #2272B4;
5162
+ }
5163
+ .du-bois-light-tag-checkable:active,
5164
+ .du-bois-light-tag-checkable-checked {
5165
+ color: #fff;
5166
+ }
5167
+ .du-bois-light-tag-checkable-checked {
5168
+ background-color: #2272B4;
5169
+ }
5170
+ .du-bois-light-tag-checkable:active {
5171
+ background-color: #14538f;
5172
+ }
5173
+ .du-bois-light-tag-hidden {
5174
+ display: none;
5175
+ }
5176
+ .du-bois-light-tag-pink {
5177
+ color: #c41d7f;
5178
+ background: #fff0f6;
5179
+ border-color: #ffadd2;
5180
+ }
5181
+ .du-bois-light-tag-pink-inverse {
5182
+ color: #fff;
5183
+ background: #eb2f96;
5184
+ border-color: #eb2f96;
5185
+ }
5186
+ .du-bois-light-tag-magenta {
5187
+ color: #c41d7f;
5188
+ background: #fff0f6;
5189
+ border-color: #ffadd2;
5190
+ }
5191
+ .du-bois-light-tag-magenta-inverse {
5192
+ color: #fff;
5193
+ background: #eb2f96;
5194
+ border-color: #eb2f96;
5195
+ }
5196
+ .du-bois-light-tag-red {
5197
+ color: #cf1322;
5198
+ background: #fff1f0;
5199
+ border-color: #ffa39e;
5200
+ }
5201
+ .du-bois-light-tag-red-inverse {
5202
+ color: #fff;
5203
+ background: #f5222d;
5204
+ border-color: #f5222d;
5205
+ }
5206
+ .du-bois-light-tag-volcano {
5207
+ color: #d4380d;
5208
+ background: #fff2e8;
5209
+ border-color: #ffbb96;
5210
+ }
5211
+ .du-bois-light-tag-volcano-inverse {
5212
+ color: #fff;
5213
+ background: #fa541c;
5214
+ border-color: #fa541c;
5215
+ }
5216
+ .du-bois-light-tag-orange {
5217
+ color: #d46b08;
5218
+ background: #fff7e6;
5219
+ border-color: #ffd591;
5220
+ }
5221
+ .du-bois-light-tag-orange-inverse {
5222
+ color: #fff;
5223
+ background: #fa8c16;
5224
+ border-color: #fa8c16;
5225
+ }
5226
+ .du-bois-light-tag-yellow {
5227
+ color: #d4b106;
5228
+ background: #feffe6;
5229
+ border-color: #fffb8f;
5230
+ }
5231
+ .du-bois-light-tag-yellow-inverse {
5232
+ color: #fff;
5233
+ background: #fadb14;
5234
+ border-color: #fadb14;
5235
+ }
5236
+ .du-bois-light-tag-gold {
5237
+ color: #d48806;
5238
+ background: #fffbe6;
5239
+ border-color: #ffe58f;
5240
+ }
5241
+ .du-bois-light-tag-gold-inverse {
5242
+ color: #fff;
5243
+ background: #faad14;
5244
+ border-color: #faad14;
5245
+ }
5246
+ .du-bois-light-tag-cyan {
5247
+ color: #08979c;
5248
+ background: #e6fffb;
5249
+ border-color: #87e8de;
5250
+ }
5251
+ .du-bois-light-tag-cyan-inverse {
5252
+ color: #fff;
5253
+ background: #13c2c2;
5254
+ border-color: #13c2c2;
5255
+ }
5256
+ .du-bois-light-tag-lime {
5257
+ color: #7cb305;
5258
+ background: #fcffe6;
5259
+ border-color: #eaff8f;
5260
+ }
5261
+ .du-bois-light-tag-lime-inverse {
5262
+ color: #fff;
5263
+ background: #a0d911;
5264
+ border-color: #a0d911;
5265
+ }
5266
+ .du-bois-light-tag-green {
5267
+ color: #389e0d;
5268
+ background: #f6ffed;
5269
+ border-color: #b7eb8f;
5270
+ }
5271
+ .du-bois-light-tag-green-inverse {
5272
+ color: #fff;
5273
+ background: #52c41a;
5274
+ border-color: #52c41a;
5275
+ }
5276
+ .du-bois-light-tag-blue {
5277
+ color: #096dd9;
5278
+ background: #e6f7ff;
5279
+ border-color: #91d5ff;
5280
+ }
5281
+ .du-bois-light-tag-blue-inverse {
5282
+ color: #fff;
5283
+ background: #1890ff;
5284
+ border-color: #1890ff;
5285
+ }
5286
+ .du-bois-light-tag-geekblue {
5287
+ color: #1d39c4;
5288
+ background: #f0f5ff;
5289
+ border-color: #adc6ff;
5290
+ }
5291
+ .du-bois-light-tag-geekblue-inverse {
5292
+ color: #fff;
5293
+ background: #2f54eb;
5294
+ border-color: #2f54eb;
5295
+ }
5296
+ .du-bois-light-tag-purple {
5297
+ color: #531dab;
5298
+ background: #f9f0ff;
5299
+ border-color: #d3adf7;
5300
+ }
5301
+ .du-bois-light-tag-purple-inverse {
5302
+ color: #fff;
5303
+ background: #722ed1;
5304
+ border-color: #722ed1;
5305
+ }
5306
+ .du-bois-light-tag-success {
5307
+ color: #52c41a;
5308
+ background: #f6ffed;
5309
+ border-color: #b7eb8f;
5310
+ }
5311
+ .du-bois-light-tag-processing {
5312
+ color: #1890ff;
5313
+ background: #e6f7ff;
5314
+ border-color: #91d5ff;
5315
+ }
5316
+ .du-bois-light-tag-error {
5317
+ color: #f5222d;
5318
+ background: #fff1f0;
5319
+ border-color: #ffa39e;
5320
+ }
5321
+ .du-bois-light-tag-warning {
5322
+ color: #fa8c16;
5323
+ background: #fff7e6;
5324
+ border-color: #ffd591;
5325
+ }
5326
+ .du-bois-light-tag > .anticon + span,
5327
+ .du-bois-light-tag > span + .anticon {
5328
+ margin-left: 7px;
5329
+ }
5330
+ .du-bois-light-tag.du-bois-light-tag-rtl {
5331
+ margin-right: 0;
5332
+ margin-left: 8px;
5333
+ direction: rtl;
5334
+ text-align: right;
5335
+ }
5336
+ .du-bois-light-tag-rtl .du-bois-light-tag-close-icon {
5337
+ margin-right: 3px;
5338
+ margin-left: 0;
5339
+ }
5340
+ .du-bois-light-tag-rtl.du-bois-light-tag > .anticon + span,
5341
+ .du-bois-light-tag-rtl.du-bois-light-tag > span + .anticon {
5342
+ margin-right: 7px;
5343
+ margin-left: 0;
5344
+ }
5345
+
5346
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
5347
+ /* stylelint-disable no-duplicate-selectors */
5348
+ /* stylelint-disable */
5349
+ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
5350
+ .du-bois-light-dropdown-menu-item.du-bois-light-dropdown-menu-item-danger {
5351
+ color: #CC3352;
5352
+ }
5353
+ .du-bois-light-dropdown-menu-item.du-bois-light-dropdown-menu-item-danger:hover {
5354
+ color: #fff;
5355
+ background-color: #CC3352;
5356
+ }
5357
+ .du-bois-light-dropdown {
5358
+ box-sizing: border-box;
5359
+ margin: 0;
5360
+ padding: 0;
5361
+ color: #20272E;
5362
+ font-size: 13px;
5363
+ font-variant: tabular-nums;
5364
+ line-height: 20px;
5365
+ list-style: none;
5366
+ font-feature-settings: 'tnum';
5367
+ position: absolute;
5368
+ top: -9999px;
5369
+ left: -9999px;
5370
+ z-index: 1050;
5371
+ display: block;
5372
+ }
5373
+ .du-bois-light-dropdown::before {
5374
+ position: absolute;
5375
+ top: -4px;
5376
+ right: 0;
5377
+ bottom: -4px;
5378
+ left: -7px;
5379
+ z-index: -9999;
5380
+ opacity: 0.0001;
5381
+ content: ' ';
5382
+ }
5383
+ .du-bois-light-dropdown-wrap {
5384
+ position: relative;
5385
+ }
5386
+ .du-bois-light-dropdown-wrap .du-bois-light-btn > .anticon-down {
5387
+ font-size: 10px;
5388
+ }
5389
+ .du-bois-light-dropdown-wrap .anticon-down::before {
5390
+ transition: transform 0.2s;
5391
+ }
5392
+ .du-bois-light-dropdown-wrap-open .anticon-down::before {
5393
+ transform: rotate(180deg);
5394
+ }
5395
+ .du-bois-light-dropdown-hidden,
5396
+ .du-bois-light-dropdown-menu-hidden,
5397
+ .du-bois-light-dropdown-menu-submenu-hidden {
5398
+ display: none;
5399
+ }
5400
+ .du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-topCenter,
5401
+ .du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-topLeft,
5402
+ .du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-topRight {
5403
+ padding-bottom: 10px;
5404
+ }
5405
+ .du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-bottomCenter,
5406
+ .du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-bottomLeft,
5407
+ .du-bois-light-dropdown-show-arrow.du-bois-light-dropdown-placement-bottomRight {
5408
+ padding-top: 10px;
5409
+ }
5410
+ .du-bois-light-dropdown-arrow {
5411
+ position: absolute;
5412
+ z-index: 1;
5413
+ display: block;
5414
+ width: 8.48528137px;
5415
+ height: 8.48528137px;
5416
+ background: transparent;
5417
+ border-style: solid;
5418
+ border-width: 4.24264069px;
5419
+ transform: rotate(45deg);
5420
+ }
5421
+ .du-bois-light-dropdown-placement-topCenter > .du-bois-light-dropdown-arrow,
5422
+ .du-bois-light-dropdown-placement-topLeft > .du-bois-light-dropdown-arrow,
5423
+ .du-bois-light-dropdown-placement-topRight > .du-bois-light-dropdown-arrow {
5424
+ bottom: 6.2px;
5425
+ border-top-color: transparent;
5426
+ border-right-color: #fff;
5427
+ border-bottom-color: #fff;
5428
+ border-left-color: transparent;
5429
+ box-shadow: 3px 3px 7px rgba(0, 0, 0, 0.07);
5430
+ }
5431
+ .du-bois-light-dropdown-placement-topCenter > .du-bois-light-dropdown-arrow {
5432
+ left: 50%;
5433
+ transform: translateX(-50%) rotate(45deg);
5434
+ }
5435
+ .du-bois-light-dropdown-placement-topLeft > .du-bois-light-dropdown-arrow {
5436
+ left: 16px;
5437
+ }
5438
+ .du-bois-light-dropdown-placement-topRight > .du-bois-light-dropdown-arrow {
5439
+ right: 16px;
5440
+ }
5441
+ .du-bois-light-dropdown-placement-bottomCenter > .du-bois-light-dropdown-arrow,
5442
+ .du-bois-light-dropdown-placement-bottomLeft > .du-bois-light-dropdown-arrow,
5443
+ .du-bois-light-dropdown-placement-bottomRight > .du-bois-light-dropdown-arrow {
5444
+ top: 6px;
5445
+ border-top-color: #fff;
5446
+ border-right-color: transparent;
5447
+ border-bottom-color: transparent;
5448
+ border-left-color: #fff;
5449
+ box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.06);
5450
+ }
5451
+ .du-bois-light-dropdown-placement-bottomCenter > .du-bois-light-dropdown-arrow {
5452
+ left: 50%;
5453
+ transform: translateX(-50%) rotate(45deg);
5454
+ }
5455
+ .du-bois-light-dropdown-placement-bottomLeft > .du-bois-light-dropdown-arrow {
5456
+ left: 16px;
5457
+ }
5458
+ .du-bois-light-dropdown-placement-bottomRight > .du-bois-light-dropdown-arrow {
5459
+ right: 16px;
5460
+ }
5461
+ .du-bois-light-dropdown-menu {
5462
+ position: relative;
5463
+ margin: 0;
5464
+ padding: 4px 0;
5465
+ text-align: left;
5466
+ list-style-type: none;
5467
+ background-color: #fff;
4220
5468
  background-clip: padding-box;
4221
5469
  border-radius: 4px;
4222
5470
  outline: none;
@@ -4250,7 +5498,7 @@ a.du-bois-light-btn-sm {
4250
5498
  .du-bois-light-dropdown-menu-item-icon {
4251
5499
  min-width: 12px;
4252
5500
  margin-right: 8px;
4253
- font-size: 12px;
5501
+ font-size: 11px;
4254
5502
  }
4255
5503
  .du-bois-light-dropdown-menu-title-content {
4256
5504
  flex: auto;
@@ -4277,7 +5525,7 @@ a.du-bois-light-btn-sm {
4277
5525
  padding: 5px 8px;
4278
5526
  color: #20272E;
4279
5527
  font-weight: normal;
4280
- font-size: 14px;
5528
+ font-size: 13px;
4281
5529
  line-height: 22px;
4282
5530
  white-space: nowrap;
4283
5531
  cursor: pointer;
@@ -4333,7 +5581,7 @@ a.du-bois-light-btn-sm {
4333
5581
  list-style: none;
4334
5582
  }
4335
5583
  .du-bois-light-dropdown-menu-submenu-title {
4336
- padding-right: 20px;
5584
+ padding-right: 19px;
4337
5585
  }
4338
5586
  .du-bois-light-dropdown-menu-submenu-vertical {
4339
5587
  position: relative;
@@ -4468,7 +5716,7 @@ a.du-bois-light-btn-sm {
4468
5716
  }
4469
5717
  .du-bois-light-dropdown-rtl .du-bois-light-dropdown-menu-submenu-title {
4470
5718
  padding-right: 8px;
4471
- padding-left: 20px;
5719
+ padding-left: 19px;
4472
5720
  }
4473
5721
  .du-bois-light-dropdown-rtl .du-bois-light-dropdown-menu-submenu-vertical > .du-bois-light-dropdown-menu {
4474
5722
  right: 100%;
@@ -4575,7 +5823,7 @@ a.du-bois-light-btn-sm {
4575
5823
  .du-bois-light-col-24.du-bois-light-form-item-label,
4576
5824
  .du-bois-light-col-xl-24.du-bois-light-form-item-label {
4577
5825
  padding: 0 0 8px;
4578
- line-height: 1.5715;
5826
+ line-height: 20px;
4579
5827
  white-space: initial;
4580
5828
  text-align: left;
4581
5829
  }
@@ -4597,7 +5845,7 @@ a.du-bois-light-btn-sm {
4597
5845
  @media (max-width: 575px) {
4598
5846
  .du-bois-light-form-item .du-bois-light-form-item-label {
4599
5847
  padding: 0 0 8px;
4600
- line-height: 1.5715;
5848
+ line-height: 20px;
4601
5849
  white-space: initial;
4602
5850
  text-align: left;
4603
5851
  }
@@ -4620,7 +5868,7 @@ a.du-bois-light-btn-sm {
4620
5868
  }
4621
5869
  .du-bois-light-col-xs-24.du-bois-light-form-item-label {
4622
5870
  padding: 0 0 8px;
4623
- line-height: 1.5715;
5871
+ line-height: 20px;
4624
5872
  white-space: initial;
4625
5873
  text-align: left;
4626
5874
  }
@@ -4637,7 +5885,7 @@ a.du-bois-light-btn-sm {
4637
5885
  @media (max-width: 767px) {
4638
5886
  .du-bois-light-col-sm-24.du-bois-light-form-item-label {
4639
5887
  padding: 0 0 8px;
4640
- line-height: 1.5715;
5888
+ line-height: 20px;
4641
5889
  white-space: initial;
4642
5890
  text-align: left;
4643
5891
  }
@@ -4654,7 +5902,7 @@ a.du-bois-light-btn-sm {
4654
5902
  @media (max-width: 991px) {
4655
5903
  .du-bois-light-col-md-24.du-bois-light-form-item-label {
4656
5904
  padding: 0 0 8px;
4657
- line-height: 1.5715;
5905
+ line-height: 20px;
4658
5906
  white-space: initial;
4659
5907
  text-align: left;
4660
5908
  }
@@ -4671,7 +5919,7 @@ a.du-bois-light-btn-sm {
4671
5919
  @media (max-width: 1199px) {
4672
5920
  .du-bois-light-col-lg-24.du-bois-light-form-item-label {
4673
5921
  padding: 0 0 8px;
4674
- line-height: 1.5715;
5922
+ line-height: 20px;
4675
5923
  white-space: initial;
4676
5924
  text-align: left;
4677
5925
  }
@@ -4688,7 +5936,7 @@ a.du-bois-light-btn-sm {
4688
5936
  @media (max-width: 1599px) {
4689
5937
  .du-bois-light-col-xl-24.du-bois-light-form-item-label {
4690
5938
  padding: 0 0 8px;
4691
- line-height: 1.5715;
5939
+ line-height: 20px;
4692
5940
  white-space: initial;
4693
5941
  text-align: left;
4694
5942
  }
@@ -4741,13 +5989,13 @@ a.du-bois-light-btn-sm {
4741
5989
  right: 32px;
4742
5990
  }
4743
5991
  .du-bois-light-form-item-has-feedback .du-bois-light-picker {
4744
- padding-right: 25.2px;
5992
+ padding-right: 23.9px;
4745
5993
  }
4746
5994
  .du-bois-light-form-item-has-feedback .du-bois-light-picker-large {
4747
- padding-right: 25.2px;
5995
+ padding-right: 23.9px;
4748
5996
  }
4749
5997
  .du-bois-light-form-item-has-feedback .du-bois-light-picker-small {
4750
- padding-right: 21.2px;
5998
+ padding-right: 19.9px;
4751
5999
  }
4752
6000
  .du-bois-light-form-item-has-feedback.du-bois-light-form-item-has-success .du-bois-light-form-item-children-icon,
4753
6001
  .du-bois-light-form-item-has-feedback.du-bois-light-form-item-has-warning .du-bois-light-form-item-children-icon,
@@ -4760,7 +6008,7 @@ a.du-bois-light-btn-sm {
4760
6008
  width: 40px;
4761
6009
  height: 20px;
4762
6010
  margin-top: -10px;
4763
- font-size: 14px;
6011
+ font-size: 13px;
4764
6012
  line-height: 20px;
4765
6013
  text-align: center;
4766
6014
  visibility: visible;
@@ -4976,9 +6224,9 @@ a.du-bois-light-btn-sm {
4976
6224
  margin: 0;
4977
6225
  padding: 0;
4978
6226
  color: #20272E;
4979
- font-size: 14px;
6227
+ font-size: 13px;
4980
6228
  font-variant: tabular-nums;
4981
- line-height: 1.5715;
6229
+ line-height: 20px;
4982
6230
  list-style: none;
4983
6231
  font-feature-settings: 'tnum';
4984
6232
  }
@@ -4988,13 +6236,13 @@ a.du-bois-light-btn-sm {
4988
6236
  margin-bottom: 20px;
4989
6237
  padding: 0;
4990
6238
  color: #5D7283;
4991
- font-size: 16px;
6239
+ font-size: 19px;
4992
6240
  line-height: inherit;
4993
6241
  border: 0;
4994
6242
  border-bottom: 1px solid #d9d9d9;
4995
6243
  }
4996
6244
  .du-bois-light-form label {
4997
- font-size: 14px;
6245
+ font-size: 13px;
4998
6246
  }
4999
6247
  .du-bois-light-form input[type='search'] {
5000
6248
  box-sizing: border-box;
@@ -5025,8 +6273,8 @@ a.du-bois-light-btn-sm {
5025
6273
  display: block;
5026
6274
  padding-top: 15px;
5027
6275
  color: #20272E;
5028
- font-size: 14px;
5029
- line-height: 1.5715;
6276
+ font-size: 13px;
6277
+ line-height: 20px;
5030
6278
  }
5031
6279
  .du-bois-light-form .du-bois-light-form-text {
5032
6280
  display: inline-block;
@@ -5049,9 +6297,9 @@ a.du-bois-light-btn-sm {
5049
6297
  margin: 0;
5050
6298
  padding: 0;
5051
6299
  color: #20272E;
5052
- font-size: 14px;
6300
+ font-size: 13px;
5053
6301
  font-variant: tabular-nums;
5054
- line-height: 1.5715;
6302
+ line-height: 20px;
5055
6303
  list-style: none;
5056
6304
  font-feature-settings: 'tnum';
5057
6305
  margin-bottom: 24px;
@@ -5081,17 +6329,17 @@ a.du-bois-light-btn-sm {
5081
6329
  align-items: center;
5082
6330
  height: 40px;
5083
6331
  color: rgba(0, 0, 0, 0.85);
5084
- font-size: 14px;
6332
+ font-size: 13px;
5085
6333
  }
5086
6334
  .du-bois-light-form-item-label > label > .anticon {
5087
- font-size: 14px;
6335
+ font-size: 13px;
5088
6336
  vertical-align: top;
5089
6337
  }
5090
6338
  .du-bois-light-form-item-label > label.du-bois-light-form-item-required:not(.du-bois-light-form-item-required-mark-optional)::before {
5091
6339
  display: inline-block;
5092
6340
  margin-right: 4px;
5093
6341
  color: #ff4d4f;
5094
- font-size: 14px;
6342
+ font-size: 13px;
5095
6343
  font-family: SimSun, sans-serif;
5096
6344
  line-height: 1;
5097
6345
  content: '*';
@@ -5145,10 +6393,11 @@ a.du-bois-light-btn-sm {
5145
6393
  clear: both;
5146
6394
  min-height: 24px;
5147
6395
  color: #5D7283;
5148
- font-size: 14px;
5149
- line-height: 1.5715;
6396
+ font-size: 13px;
6397
+ line-height: 20px;
5150
6398
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
5151
- padding-top: 0px;
6399
+ margin-top: -118px;
6400
+ margin-bottom: -118px;
5152
6401
  }
5153
6402
  .du-bois-light-form-item .du-bois-light-input-textarea-show-count::after {
5154
6403
  margin-bottom: -22px;
@@ -5284,15 +6533,15 @@ a.du-bois-light-btn-sm {
5284
6533
  }
5285
6534
  .du-bois-light-form-rtl .du-bois-light-form-item-has-feedback .du-bois-light-picker {
5286
6535
  padding-right: 7px;
5287
- padding-left: 25.2px;
6536
+ padding-left: 23.9px;
5288
6537
  }
5289
6538
  .du-bois-light-form-rtl .du-bois-light-form-item-has-feedback .du-bois-light-picker-large {
5290
6539
  padding-right: 7px;
5291
- padding-left: 25.2px;
6540
+ padding-left: 23.9px;
5292
6541
  }
5293
6542
  .du-bois-light-form-rtl .du-bois-light-form-item-has-feedback .du-bois-light-picker-small {
5294
6543
  padding-right: 3px;
5295
- padding-left: 21.2px;
6544
+ padding-left: 19.9px;
5296
6545
  }
5297
6546
  .du-bois-light-form-rtl .du-bois-light-form-item-has-feedback.du-bois-light-form-item-has-success .du-bois-light-form-item-children-icon,
5298
6547
  .du-bois-light-form-rtl .du-bois-light-form-item-has-feedback.du-bois-light-form-item-has-warning .du-bois-light-form-item-children-icon,
@@ -10497,9 +11746,9 @@ a.du-bois-light-btn-sm {
10497
11746
  margin: 0;
10498
11747
  padding: 0;
10499
11748
  color: #20272E;
10500
- font-size: 14px;
11749
+ font-size: 13px;
10501
11750
  font-variant: tabular-nums;
10502
- line-height: 1.5715;
11751
+ line-height: 20px;
10503
11752
  list-style: none;
10504
11753
  font-feature-settings: 'tnum';
10505
11754
  position: absolute;
@@ -10745,10 +11994,10 @@ a.du-bois-light-btn-sm {
10745
11994
  display: inline-block;
10746
11995
  width: 100%;
10747
11996
  min-width: 0;
10748
- padding: 8px 7px;
11997
+ padding: 3px 7px;
10749
11998
  color: #20272E;
10750
- font-size: 14px;
10751
- line-height: 1.5715;
11999
+ font-size: 13px;
12000
+ line-height: 20px;
10752
12001
  background-color: #fff;
10753
12002
  background-image: none;
10754
12003
  border: 1px solid #d9d9d9;
@@ -10819,16 +12068,16 @@ textarea.du-bois-light-input-affix-wrapper {
10819
12068
  max-width: 100%;
10820
12069
  height: auto;
10821
12070
  min-height: 40px;
10822
- line-height: 1.5715;
12071
+ line-height: 20px;
10823
12072
  vertical-align: bottom;
10824
12073
  transition: all 0.3s, height 0s;
10825
12074
  }
10826
12075
  .du-bois-light-input-affix-wrapper-lg {
10827
- padding: 6.5px 7px;
10828
- font-size: 16px;
12076
+ padding: -171px 7px;
12077
+ font-size: 19px;
10829
12078
  }
10830
12079
  .du-bois-light-input-affix-wrapper-sm {
10831
- padding: 4px 3px;
12080
+ padding: 0 3px;
10832
12081
  }
10833
12082
  .du-bois-light-input-affix-wrapper-rtl {
10834
12083
  direction: rtl;
@@ -10880,7 +12129,7 @@ textarea.du-bois-light-input-affix-wrapper {
10880
12129
  .anticon.du-bois-light-input-clear-icon {
10881
12130
  margin: 0 4px;
10882
12131
  color: rgba(0, 0, 0, 0.25);
10883
- font-size: 12px;
12132
+ font-size: 11px;
10884
12133
  vertical-align: -1px;
10885
12134
  cursor: pointer;
10886
12135
  transition: color 0.3s;
@@ -10918,10 +12167,10 @@ textarea.du-bois-light-input-affix-wrapper {
10918
12167
  display: inline-block;
10919
12168
  width: 100%;
10920
12169
  min-width: 0;
10921
- padding: 8px 7px;
12170
+ padding: 3px 7px;
10922
12171
  color: #20272E;
10923
- font-size: 14px;
10924
- line-height: 1.5715;
12172
+ font-size: 13px;
12173
+ line-height: 20px;
10925
12174
  background-color: #fff;
10926
12175
  background-image: none;
10927
12176
  border: 1px solid #d9d9d9;
@@ -10991,16 +12240,16 @@ textarea.du-bois-light-input {
10991
12240
  max-width: 100%;
10992
12241
  height: auto;
10993
12242
  min-height: 40px;
10994
- line-height: 1.5715;
12243
+ line-height: 20px;
10995
12244
  vertical-align: bottom;
10996
12245
  transition: all 0.3s, height 0s;
10997
12246
  }
10998
12247
  .du-bois-light-input-lg {
10999
- padding: 6.5px 7px;
11000
- font-size: 16px;
12248
+ padding: -171px 7px;
12249
+ font-size: 19px;
11001
12250
  }
11002
12251
  .du-bois-light-input-sm {
11003
- padding: 4px 3px;
12252
+ padding: 0 3px;
11004
12253
  }
11005
12254
  .du-bois-light-input-rtl {
11006
12255
  direction: rtl;
@@ -11010,9 +12259,9 @@ textarea.du-bois-light-input {
11010
12259
  margin: 0;
11011
12260
  padding: 0;
11012
12261
  color: #20272E;
11013
- font-size: 14px;
12262
+ font-size: 13px;
11014
12263
  font-variant: tabular-nums;
11015
- line-height: 1.5715;
12264
+ line-height: 20px;
11016
12265
  list-style: none;
11017
12266
  font-feature-settings: 'tnum';
11018
12267
  position: relative;
@@ -11073,7 +12322,7 @@ textarea.du-bois-light-input {
11073
12322
  padding: 0 7px;
11074
12323
  color: #20272E;
11075
12324
  font-weight: normal;
11076
- font-size: 14px;
12325
+ font-size: 13px;
11077
12326
  text-align: center;
11078
12327
  background-color: #fafafa;
11079
12328
  border: 1px solid #d9d9d9;
@@ -11081,7 +12330,7 @@ textarea.du-bois-light-input {
11081
12330
  transition: all 0.3s;
11082
12331
  }
11083
12332
  .du-bois-light-input-group-addon .du-bois-light-select {
11084
- margin: -9px -7px;
12333
+ margin: -4px -7px;
11085
12334
  }
11086
12335
  .du-bois-light-input-group-addon .du-bois-light-select.du-bois-light-select-single:not(.du-bois-light-select-customize-input) .du-bois-light-select-selector {
11087
12336
  background-color: inherit;
@@ -11137,12 +12386,12 @@ textarea.du-bois-light-input {
11137
12386
  }
11138
12387
  .du-bois-light-input-group-lg .du-bois-light-input,
11139
12388
  .du-bois-light-input-group-lg > .du-bois-light-input-group-addon {
11140
- padding: 6.5px 7px;
11141
- font-size: 16px;
12389
+ padding: -171px 7px;
12390
+ font-size: 19px;
11142
12391
  }
11143
12392
  .du-bois-light-input-group-sm .du-bois-light-input,
11144
12393
  .du-bois-light-input-group-sm > .du-bois-light-input-group-addon {
11145
- padding: 4px 3px;
12394
+ padding: 0 3px;
11146
12395
  }
11147
12396
  .du-bois-light-input-group-lg .du-bois-light-select-single .du-bois-light-select-selector {
11148
12397
  height: 40px;
@@ -11355,7 +12604,7 @@ textarea.du-bois-light-input {
11355
12604
  border-radius: 0;
11356
12605
  }
11357
12606
  .du-bois-light-input-search .du-bois-light-input-lg {
11358
- line-height: 1.5713;
12607
+ line-height: 19.9998px;
11359
12608
  }
11360
12609
  .du-bois-light-input-search > .du-bois-light-input-group > .du-bois-light-input-group-addon:last-child {
11361
12610
  left: -1px;
@@ -11490,7 +12739,7 @@ textarea.du-bois-light-input {
11490
12739
  .du-bois-light-layout-footer {
11491
12740
  padding: 24px 50px;
11492
12741
  color: #20272E;
11493
- font-size: 14px;
12742
+ font-size: 13px;
11494
12743
  background: #f0f2f5;
11495
12744
  }
11496
12745
  .du-bois-light-layout-content {
@@ -11623,12 +12872,12 @@ textarea.du-bois-light-input {
11623
12872
  margin: 0;
11624
12873
  padding: 0;
11625
12874
  font-variant: tabular-nums;
11626
- line-height: 1.5715;
12875
+ line-height: 20px;
11627
12876
  font-feature-settings: 'tnum';
11628
12877
  margin-bottom: 0;
11629
12878
  padding-left: 0;
11630
12879
  color: #20272E;
11631
- font-size: 14px;
12880
+ font-size: 13px;
11632
12881
  line-height: 0;
11633
12882
  text-align: left;
11634
12883
  list-style: none;
@@ -11666,11 +12915,11 @@ textarea.du-bois-light-input {
11666
12915
  display: none;
11667
12916
  }
11668
12917
  .du-bois-light-menu-item-group-title {
11669
- height: 1.5715;
12918
+ height: 20px;
11670
12919
  padding: 8px 16px;
11671
12920
  color: #5D7283;
11672
- font-size: 14px;
11673
- line-height: 1.5715;
12921
+ font-size: 13px;
12922
+ line-height: 20px;
11674
12923
  transition: all 0.3s;
11675
12924
  }
11676
12925
  .du-bois-light-menu-horizontal .du-bois-light-menu-submenu {
@@ -11805,7 +13054,7 @@ textarea.du-bois-light-input {
11805
13054
  .du-bois-light-menu-item .anticon,
11806
13055
  .du-bois-light-menu-submenu-title .anticon {
11807
13056
  min-width: 14px;
11808
- font-size: 14px;
13057
+ font-size: 13px;
11809
13058
  transition: font-size 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), margin 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s;
11810
13059
  }
11811
13060
  .du-bois-light-menu-item .du-bois-light-menu-item-icon + span,
@@ -12102,7 +13351,7 @@ textarea.du-bois-light-input {
12102
13351
  .du-bois-light-menu.du-bois-light-menu-inline-collapsed > .du-bois-light-menu-item-group > .du-bois-light-menu-item-group-list > .du-bois-light-menu-submenu > .du-bois-light-menu-submenu-title,
12103
13352
  .du-bois-light-menu.du-bois-light-menu-inline-collapsed > .du-bois-light-menu-submenu > .du-bois-light-menu-submenu-title {
12104
13353
  left: 0;
12105
- padding: 0 calc(50% - 16px / 2);
13354
+ padding: 0 calc(50% - 19px / 2);
12106
13355
  text-overflow: clip;
12107
13356
  }
12108
13357
  .du-bois-light-menu.du-bois-light-menu-inline-collapsed > .du-bois-light-menu-item .du-bois-light-menu-submenu-arrow,
@@ -12120,7 +13369,7 @@ textarea.du-bois-light-input {
12120
13369
  .du-bois-light-menu.du-bois-light-menu-inline-collapsed > .du-bois-light-menu-item-group > .du-bois-light-menu-item-group-list > .du-bois-light-menu-submenu > .du-bois-light-menu-submenu-title .anticon,
12121
13370
  .du-bois-light-menu.du-bois-light-menu-inline-collapsed > .du-bois-light-menu-submenu > .du-bois-light-menu-submenu-title .anticon {
12122
13371
  margin: 0;
12123
- font-size: 16px;
13372
+ font-size: 19px;
12124
13373
  line-height: 40px;
12125
13374
  }
12126
13375
  .du-bois-light-menu.du-bois-light-menu-inline-collapsed > .du-bois-light-menu-item .du-bois-light-menu-item-icon + span,
@@ -12171,7 +13420,7 @@ textarea.du-bois-light-input {
12171
13420
  }
12172
13421
  .du-bois-light-menu-root.du-bois-light-menu-inline-collapsed .du-bois-light-menu-item > .du-bois-light-menu-inline-collapsed-noicon,
12173
13422
  .du-bois-light-menu-root.du-bois-light-menu-inline-collapsed .du-bois-light-menu-submenu .du-bois-light-menu-submenu-title > .du-bois-light-menu-inline-collapsed-noicon {
12174
- font-size: 16px;
13423
+ font-size: 19px;
12175
13424
  text-align: center;
12176
13425
  }
12177
13426
  .du-bois-light-menu-sub.du-bois-light-menu-inline {
@@ -12478,7 +13727,7 @@ textarea.du-bois-light-input {
12478
13727
  padding-left: 34px;
12479
13728
  }
12480
13729
  .du-bois-light-menu-rtl.du-bois-light-menu-inline-collapsed.du-bois-light-menu-vertical .du-bois-light-menu-submenu-title {
12481
- padding: 0 calc(50% - 16px / 2);
13730
+ padding: 0 calc(50% - 19px / 2);
12482
13731
  }
12483
13732
  .du-bois-light-menu-rtl .du-bois-light-menu-item-group-list .du-bois-light-menu-item,
12484
13733
  .du-bois-light-menu-rtl .du-bois-light-menu-item-group-list .du-bois-light-menu-submenu-title {
@@ -12501,9 +13750,9 @@ textarea.du-bois-light-input {
12501
13750
  margin: 0;
12502
13751
  padding: 0;
12503
13752
  color: #20272E;
12504
- font-size: 14px;
13753
+ font-size: 13px;
12505
13754
  font-variant: tabular-nums;
12506
- line-height: 1.5715;
13755
+ line-height: 20px;
12507
13756
  list-style: none;
12508
13757
  font-feature-settings: 'tnum';
12509
13758
  pointer-events: none;
@@ -12551,7 +13800,7 @@ textarea.du-bois-light-input {
12551
13800
  margin: 0;
12552
13801
  color: rgba(0, 0, 0, 0.85);
12553
13802
  font-weight: 500;
12554
- font-size: 16px;
13803
+ font-size: 19px;
12555
13804
  line-height: 22px;
12556
13805
  word-wrap: break-word;
12557
13806
  }
@@ -12584,7 +13833,7 @@ textarea.du-bois-light-input {
12584
13833
  display: block;
12585
13834
  width: 102px;
12586
13835
  height: 102px;
12587
- font-size: 16px;
13836
+ font-size: 19px;
12588
13837
  font-style: normal;
12589
13838
  line-height: 102px;
12590
13839
  text-align: center;
@@ -12605,12 +13854,12 @@ textarea.du-bois-light-input {
12605
13854
  }
12606
13855
  .du-bois-light-modal-body {
12607
13856
  padding: 0 40px;
12608
- font-size: 14px;
12609
- line-height: 1.5715;
13857
+ font-size: 13px;
13858
+ line-height: 20px;
12610
13859
  word-wrap: break-word;
12611
13860
  }
12612
13861
  .du-bois-light-modal-footer {
12613
- padding: 20px 40px 40px;
13862
+ padding: 0px 0px;
12614
13863
  text-align: right;
12615
13864
  background: transparent;
12616
13865
  border-top: 0px solid #f0f0f0;
@@ -12668,13 +13917,13 @@ textarea.du-bois-light-input {
12668
13917
  overflow: hidden;
12669
13918
  color: rgba(0, 0, 0, 0.85);
12670
13919
  font-weight: 500;
12671
- font-size: 16px;
13920
+ font-size: 19px;
12672
13921
  line-height: 1.4;
12673
13922
  }
12674
13923
  .du-bois-light-modal-confirm-body .du-bois-light-modal-confirm-content {
12675
13924
  margin-top: 8px;
12676
13925
  color: #20272E;
12677
- font-size: 14px;
13926
+ font-size: 13px;
12678
13927
  }
12679
13928
  .du-bois-light-modal-confirm-body > .anticon {
12680
13929
  float: left;
@@ -12751,9 +14000,9 @@ textarea.du-bois-light-input {
12751
14000
  margin: 0;
12752
14001
  padding: 0;
12753
14002
  color: #20272E;
12754
- font-size: 14px;
14003
+ font-size: 13px;
12755
14004
  font-variant: tabular-nums;
12756
- line-height: 1.5715;
14005
+ line-height: 20px;
12757
14006
  list-style: none;
12758
14007
  font-feature-settings: 'tnum';
12759
14008
  position: fixed;
@@ -12772,7 +14021,7 @@ textarea.du-bois-light-input {
12772
14021
  animation-name: NotificationLeftFadeIn;
12773
14022
  }
12774
14023
  .du-bois-light-notification-close-icon {
12775
- font-size: 14px;
14024
+ font-size: 13px;
12776
14025
  cursor: pointer;
12777
14026
  }
12778
14027
  .du-bois-light-notification-hook-holder {
@@ -12786,7 +14035,7 @@ textarea.du-bois-light-input {
12786
14035
  margin-left: auto;
12787
14036
  padding: 16px 24px;
12788
14037
  overflow: hidden;
12789
- line-height: 1.5715;
14038
+ line-height: 20px;
12790
14039
  word-wrap: break-word;
12791
14040
  background: #fff;
12792
14041
  border-radius: 4px;
@@ -12800,7 +14049,7 @@ textarea.du-bois-light-input {
12800
14049
  .du-bois-light-notification-notice-message {
12801
14050
  margin-bottom: 8px;
12802
14051
  color: rgba(0, 0, 0, 0.85);
12803
- font-size: 16px;
14052
+ font-size: 19px;
12804
14053
  line-height: 24px;
12805
14054
  }
12806
14055
  .du-bois-light-notification-notice-message-single-line-auto-margin {
@@ -12815,7 +14064,7 @@ textarea.du-bois-light-input {
12815
14064
  content: '';
12816
14065
  }
12817
14066
  .du-bois-light-notification-notice-description {
12818
- font-size: 14px;
14067
+ font-size: 13px;
12819
14068
  }
12820
14069
  .du-bois-light-notification-notice-closable .du-bois-light-notification-notice-message {
12821
14070
  padding-right: 24px;
@@ -12823,11 +14072,11 @@ textarea.du-bois-light-input {
12823
14072
  .du-bois-light-notification-notice-with-icon .du-bois-light-notification-notice-message {
12824
14073
  margin-bottom: 4px;
12825
14074
  margin-left: 48px;
12826
- font-size: 16px;
14075
+ font-size: 19px;
12827
14076
  }
12828
14077
  .du-bois-light-notification-notice-with-icon .du-bois-light-notification-notice-description {
12829
14078
  margin-left: 48px;
12830
- font-size: 14px;
14079
+ font-size: 13px;
12831
14080
  }
12832
14081
  .du-bois-light-notification-notice-icon {
12833
14082
  position: absolute;
@@ -12960,9 +14209,9 @@ textarea.du-bois-light-input {
12960
14209
  margin: 0;
12961
14210
  padding: 0;
12962
14211
  color: #20272E;
12963
- font-size: 14px;
14212
+ font-size: 13px;
12964
14213
  font-variant: tabular-nums;
12965
- line-height: 1.5715;
14214
+ line-height: 20px;
12966
14215
  list-style: none;
12967
14216
  font-feature-settings: 'tnum';
12968
14217
  position: absolute;
@@ -13035,16 +14284,16 @@ textarea.du-bois-light-input {
13035
14284
  position: relative;
13036
14285
  padding: 4px 0 12px;
13037
14286
  color: #20272E;
13038
- font-size: 14px;
14287
+ font-size: 13px;
13039
14288
  }
13040
14289
  .du-bois-light-popover-message > .anticon {
13041
14290
  position: absolute;
13042
- top: 8.0005px;
14291
+ top: 127.5px;
13043
14292
  color: #AF5B23;
13044
- font-size: 14px;
14293
+ font-size: 13px;
13045
14294
  }
13046
14295
  .du-bois-light-popover-message-title {
13047
- padding-left: 22px;
14296
+ padding-left: 21px;
13048
14297
  }
13049
14298
  .du-bois-light-popover-buttons {
13050
14299
  margin-bottom: 4px;
@@ -13243,7 +14492,7 @@ textarea.du-bois-light-input {
13243
14492
  text-align: right;
13244
14493
  }
13245
14494
  .du-bois-light-popover-rtl .du-bois-light-popover-message-title {
13246
- padding-right: 22px;
14495
+ padding-right: 21px;
13247
14496
  padding-left: 8px;
13248
14497
  }
13249
14498
  .du-bois-light-popover-rtl .du-bois-light-popover-buttons {
@@ -13263,9 +14512,9 @@ textarea.du-bois-light-input {
13263
14512
  margin: 0;
13264
14513
  padding: 0;
13265
14514
  color: #20272E;
13266
- font-size: 14px;
14515
+ font-size: 13px;
13267
14516
  font-variant: tabular-nums;
13268
- line-height: 1.5715;
14517
+ line-height: 20px;
13269
14518
  list-style: none;
13270
14519
  font-feature-settings: 'tnum';
13271
14520
  display: inline-block;
@@ -13282,9 +14531,9 @@ textarea.du-bois-light-input {
13282
14531
  margin: 0;
13283
14532
  padding: 0;
13284
14533
  color: #20272E;
13285
- font-size: 14px;
14534
+ font-size: 13px;
13286
14535
  font-variant: tabular-nums;
13287
- line-height: 1.5715;
14536
+ line-height: 20px;
13288
14537
  list-style: none;
13289
14538
  font-feature-settings: 'tnum';
13290
14539
  position: relative;
@@ -13304,9 +14553,9 @@ textarea.du-bois-light-input {
13304
14553
  margin: 0;
13305
14554
  padding: 0;
13306
14555
  color: #20272E;
13307
- font-size: 14px;
14556
+ font-size: 13px;
13308
14557
  font-variant: tabular-nums;
13309
- line-height: 1.5715;
14558
+ line-height: 20px;
13310
14559
  list-style: none;
13311
14560
  font-feature-settings: 'tnum';
13312
14561
  position: relative;
@@ -13417,7 +14666,7 @@ span.du-bois-light-radio + * {
13417
14666
  margin: 0;
13418
14667
  padding: 0 7px;
13419
14668
  color: #20272E;
13420
- font-size: 14px;
14669
+ font-size: 13px;
13421
14670
  line-height: 38px;
13422
14671
  background: #fff;
13423
14672
  border: 1px solid #d9d9d9;
@@ -13439,7 +14688,7 @@ span.du-bois-light-radio + * {
13439
14688
  }
13440
14689
  .du-bois-light-radio-group-large .du-bois-light-radio-button-wrapper {
13441
14690
  height: 40px;
13442
- font-size: 16px;
14691
+ font-size: 19px;
13443
14692
  line-height: 38px;
13444
14693
  }
13445
14694
  .du-bois-light-radio-group-small .du-bois-light-radio-button-wrapper {
@@ -13880,7 +15129,7 @@ span.du-bois-light-radio + * {
13880
15129
  /* stylelint-disable */
13881
15130
  /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
13882
15131
  .du-bois-light-table.du-bois-light-table-middle {
13883
- font-size: 14px;
15132
+ font-size: 13px;
13884
15133
  }
13885
15134
  .du-bois-light-table.du-bois-light-table-middle .du-bois-light-table-title,
13886
15135
  .du-bois-light-table.du-bois-light-table-middle .du-bois-light-table-footer,
@@ -13897,10 +15146,10 @@ span.du-bois-light-radio + * {
13897
15146
  margin: -12px -8px;
13898
15147
  }
13899
15148
  .du-bois-light-table.du-bois-light-table-middle .du-bois-light-table-tbody .du-bois-light-table-wrapper:only-child .du-bois-light-table {
13900
- margin: -12px -8px -12px 25px;
15149
+ margin: -12px -8px -12px 24px;
13901
15150
  }
13902
15151
  .du-bois-light-table.du-bois-light-table-small {
13903
- font-size: 14px;
15152
+ font-size: 13px;
13904
15153
  }
13905
15154
  .du-bois-light-table.du-bois-light-table-small .du-bois-light-table-title,
13906
15155
  .du-bois-light-table.du-bois-light-table-small .du-bois-light-table-footer,
@@ -13917,7 +15166,7 @@ span.du-bois-light-radio + * {
13917
15166
  margin: -8px -8px;
13918
15167
  }
13919
15168
  .du-bois-light-table.du-bois-light-table-small .du-bois-light-table-tbody .du-bois-light-table-wrapper:only-child .du-bois-light-table {
13920
- margin: -8px -8px -8px 25px;
15169
+ margin: -8px -8px -8px 24px;
13921
15170
  }
13922
15171
  .du-bois-light-table-small .du-bois-light-table-thead > tr > th {
13923
15172
  background-color: #fafafa;
@@ -14039,11 +15288,11 @@ span.du-bois-light-radio + * {
14039
15288
  padding: 0;
14040
15289
  color: #20272E;
14041
15290
  font-variant: tabular-nums;
14042
- line-height: 1.5715;
15291
+ line-height: 20px;
14043
15292
  list-style: none;
14044
15293
  font-feature-settings: 'tnum';
14045
15294
  position: relative;
14046
- font-size: 14px;
15295
+ font-size: 13px;
14047
15296
  background: #fff;
14048
15297
  border-radius: 4px;
14049
15298
  }
@@ -14123,7 +15372,7 @@ span.du-bois-light-radio + * {
14123
15372
  }
14124
15373
  .du-bois-light-table-tbody > tr > td > .du-bois-light-table-wrapper:only-child .du-bois-light-table,
14125
15374
  .du-bois-light-table-tbody > tr > td > .du-bois-light-table-expanded-row-fixed > .du-bois-light-table-wrapper:only-child .du-bois-light-table {
14126
- margin: -16px -16px -16px 33px;
15375
+ margin: -16px -16px -16px 32px;
14127
15376
  }
14128
15377
  .du-bois-light-table-tbody > tr > td > .du-bois-light-table-wrapper:only-child .du-bois-light-table-tbody > tr:last-child > td,
14129
15378
  .du-bois-light-table-tbody > tr > td > .du-bois-light-table-expanded-row-fixed > .du-bois-light-table-wrapper:only-child .du-bois-light-table-tbody > tr:last-child > td {
@@ -14256,7 +15505,7 @@ td.du-bois-light-table-column-sort {
14256
15505
  margin: -4px -8px -4px 4px;
14257
15506
  padding: 0 4px;
14258
15507
  color: #bfbfbf;
14259
- font-size: 12px;
15508
+ font-size: 11px;
14260
15509
  border-radius: 4px;
14261
15510
  cursor: pointer;
14262
15511
  transition: all 0.3s;
@@ -14273,9 +15522,9 @@ td.du-bois-light-table-column-sort {
14273
15522
  margin: 0;
14274
15523
  padding: 0;
14275
15524
  color: #20272E;
14276
- font-size: 14px;
15525
+ font-size: 13px;
14277
15526
  font-variant: tabular-nums;
14278
- line-height: 1.5715;
15527
+ line-height: 20px;
14279
15528
  list-style: none;
14280
15529
  font-feature-settings: 'tnum';
14281
15530
  min-width: 120px;
@@ -14427,7 +15676,7 @@ table tr th.du-bois-light-table-selection-column::after {
14427
15676
  content: none;
14428
15677
  }
14429
15678
  .du-bois-light-table-row-indent + .du-bois-light-table-row-expand-icon {
14430
- margin-top: 2.5005px;
15679
+ margin-top: 121.5px;
14431
15680
  margin-right: 4px;
14432
15681
  }
14433
15682
  tr.du-bois-light-table-expanded-row > td,
@@ -14610,7 +15859,7 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
14610
15859
  text-align: right;
14611
15860
  }
14612
15861
  .du-bois-light-table-tbody > tr .du-bois-light-table-wrapper:only-child .du-bois-light-table.du-bois-light-table-rtl {
14613
- margin: -16px 33px -16px -16px;
15862
+ margin: -16px 32px -16px -16px;
14614
15863
  }
14615
15864
  .du-bois-light-table-wrapper.du-bois-light-table-wrapper-rtl .du-bois-light-table-pagination-left {
14616
15865
  justify-content: flex-end;
@@ -14671,9 +15920,9 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
14671
15920
  margin: 0;
14672
15921
  padding: 0;
14673
15922
  color: #20272E;
14674
- font-size: 14px;
15923
+ font-size: 13px;
14675
15924
  font-variant: tabular-nums;
14676
- line-height: 1.5715;
15925
+ line-height: 20px;
14677
15926
  list-style: none;
14678
15927
  font-feature-settings: 'tnum';
14679
15928
  position: absolute;
@@ -14712,7 +15961,7 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
14712
15961
  position: absolute;
14713
15962
  top: 50%;
14714
15963
  width: 100%;
14715
- padding-top: 5px;
15964
+ padding-top: 5.5px;
14716
15965
  text-shadow: 0 1px 2px #fff;
14717
15966
  }
14718
15967
  .du-bois-light-spin-nested-loading > div > .du-bois-light-spin.du-bois-light-spin-show-text .du-bois-light-spin-dot {
@@ -14722,7 +15971,7 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
14722
15971
  margin: -7px;
14723
15972
  }
14724
15973
  .du-bois-light-spin-nested-loading > div > .du-bois-light-spin-sm .du-bois-light-spin-text {
14725
- padding-top: 2px;
15974
+ padding-top: 2.5px;
14726
15975
  }
14727
15976
  .du-bois-light-spin-nested-loading > div > .du-bois-light-spin-sm.du-bois-light-spin-show-text .du-bois-light-spin-dot {
14728
15977
  margin-top: -17px;
@@ -14731,7 +15980,7 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
14731
15980
  margin: -16px;
14732
15981
  }
14733
15982
  .du-bois-light-spin-nested-loading > div > .du-bois-light-spin-lg .du-bois-light-spin-text {
14734
- padding-top: 11px;
15983
+ padding-top: 11.5px;
14735
15984
  }
14736
15985
  .du-bois-light-spin-nested-loading > div > .du-bois-light-spin-lg.du-bois-light-spin-show-text .du-bois-light-spin-dot {
14737
15986
  margin-top: -26px;
@@ -14859,9 +16108,9 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
14859
16108
  margin: 0;
14860
16109
  padding: 0;
14861
16110
  color: #20272E;
14862
- font-size: 14px;
16111
+ font-size: 13px;
14863
16112
  font-variant: tabular-nums;
14864
- line-height: 1.5715;
16113
+ line-height: 20px;
14865
16114
  list-style: none;
14866
16115
  font-feature-settings: 'tnum';
14867
16116
  }
@@ -14948,7 +16197,7 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
14948
16197
  .du-bois-light-pagination-jump-prev .du-bois-light-pagination-item-container .du-bois-light-pagination-item-link-icon,
14949
16198
  .du-bois-light-pagination-jump-next .du-bois-light-pagination-item-container .du-bois-light-pagination-item-link-icon {
14950
16199
  color: #2272B4;
14951
- font-size: 12px;
16200
+ font-size: 11px;
14952
16201
  letter-spacing: -1px;
14953
16202
  opacity: 0;
14954
16203
  transition: all 0.2s;
@@ -15090,10 +16339,10 @@ tr.du-bois-light-table-expanded-row .du-bois-light-descriptions-view table {
15090
16339
  display: inline-block;
15091
16340
  width: 100%;
15092
16341
  min-width: 0;
15093
- padding: 8px 7px;
16342
+ padding: 3px 7px;
15094
16343
  color: #20272E;
15095
- font-size: 14px;
15096
- line-height: 1.5715;
16344
+ font-size: 13px;
16345
+ line-height: 20px;
15097
16346
  background-color: #fff;
15098
16347
  background-image: none;
15099
16348
  border: 1px solid #d9d9d9;
@@ -15157,16 +16406,16 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
15157
16406
  max-width: 100%;
15158
16407
  height: auto;
15159
16408
  min-height: 40px;
15160
- line-height: 1.5715;
16409
+ line-height: 20px;
15161
16410
  vertical-align: bottom;
15162
16411
  transition: all 0.3s, height 0s;
15163
16412
  }
15164
16413
  .du-bois-light-pagination-options-quick-jumper input-lg {
15165
- padding: 6.5px 7px;
15166
- font-size: 16px;
16414
+ padding: -171px 7px;
16415
+ font-size: 19px;
15167
16416
  }
15168
16417
  .du-bois-light-pagination-options-quick-jumper input-sm {
15169
- padding: 4px 3px;
16418
+ padding: 0 3px;
15170
16419
  }
15171
16420
  .du-bois-light-pagination-simple .du-bois-light-pagination-prev,
15172
16421
  .du-bois-light-pagination-simple .du-bois-light-pagination-next {
@@ -15260,7 +16509,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
15260
16509
  line-height: 24px;
15261
16510
  }
15262
16511
  .du-bois-light-pagination.mini .du-bois-light-pagination-options-quick-jumper input {
15263
- padding: 4px 3px;
16512
+ padding: 0 3px;
15264
16513
  width: 44px;
15265
16514
  height: 32px;
15266
16515
  }
@@ -15351,265 +16600,17 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
15351
16600
  margin-left: 0;
15352
16601
  }
15353
16602
 
15354
- /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
15355
- /* stylelint-disable no-duplicate-selectors */
15356
- /* stylelint-disable */
15357
- /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
15358
- .du-bois-light-tag {
15359
- box-sizing: border-box;
15360
- margin: 0;
15361
- padding: 0;
15362
- color: #20272E;
15363
- font-size: 14px;
15364
- font-variant: tabular-nums;
15365
- line-height: 1.5715;
15366
- list-style: none;
15367
- font-feature-settings: 'tnum';
15368
- display: inline-block;
15369
- height: auto;
15370
- margin-right: 8px;
15371
- padding: 0 7px;
15372
- font-size: 12px;
15373
- line-height: 20px;
15374
- white-space: nowrap;
15375
- background: #fafafa;
15376
- border: 1px solid #d9d9d9;
15377
- border-radius: 4px;
15378
- opacity: 1;
15379
- transition: all 0.3s;
15380
- }
15381
- .du-bois-light-tag,
15382
- .du-bois-light-tag a,
15383
- .du-bois-light-tag a:hover {
15384
- color: #20272E;
15385
- }
15386
- .du-bois-light-tag > a:first-child:last-child {
15387
- display: inline-block;
15388
- margin: 0 -8px;
15389
- padding: 0 8px;
15390
- }
15391
- .du-bois-light-tag-close-icon {
15392
- margin-left: 3px;
15393
- color: #5D7283;
15394
- font-size: 10px;
15395
- cursor: pointer;
15396
- transition: all 0.3s;
15397
- }
15398
- .du-bois-light-tag-close-icon:hover {
15399
- color: rgba(0, 0, 0, 0.85);
15400
- }
15401
- .du-bois-light-tag-has-color {
15402
- border-color: transparent;
15403
- }
15404
- .du-bois-light-tag-has-color,
15405
- .du-bois-light-tag-has-color a,
15406
- .du-bois-light-tag-has-color a:hover,
15407
- .du-bois-light-tag-has-color .anticon-close,
15408
- .du-bois-light-tag-has-color .anticon-close:hover {
15409
- color: #fff;
15410
- }
15411
- .du-bois-light-tag-checkable {
15412
- background-color: transparent;
15413
- border-color: transparent;
15414
- cursor: pointer;
15415
- }
15416
- .du-bois-light-tag-checkable:not(.du-bois-light-tag-checkable-checked):hover {
15417
- color: #2272B4;
15418
- }
15419
- .du-bois-light-tag-checkable:active,
15420
- .du-bois-light-tag-checkable-checked {
15421
- color: #fff;
15422
- }
15423
- .du-bois-light-tag-checkable-checked {
15424
- background-color: #2272B4;
15425
- }
15426
- .du-bois-light-tag-checkable:active {
15427
- background-color: #14538f;
15428
- }
15429
- .du-bois-light-tag-hidden {
15430
- display: none;
15431
- }
15432
- .du-bois-light-tag-pink {
15433
- color: #c41d7f;
15434
- background: #fff0f6;
15435
- border-color: #ffadd2;
15436
- }
15437
- .du-bois-light-tag-pink-inverse {
15438
- color: #fff;
15439
- background: #eb2f96;
15440
- border-color: #eb2f96;
15441
- }
15442
- .du-bois-light-tag-magenta {
15443
- color: #c41d7f;
15444
- background: #fff0f6;
15445
- border-color: #ffadd2;
15446
- }
15447
- .du-bois-light-tag-magenta-inverse {
15448
- color: #fff;
15449
- background: #eb2f96;
15450
- border-color: #eb2f96;
15451
- }
15452
- .du-bois-light-tag-red {
15453
- color: #cf1322;
15454
- background: #fff1f0;
15455
- border-color: #ffa39e;
15456
- }
15457
- .du-bois-light-tag-red-inverse {
15458
- color: #fff;
15459
- background: #f5222d;
15460
- border-color: #f5222d;
15461
- }
15462
- .du-bois-light-tag-volcano {
15463
- color: #d4380d;
15464
- background: #fff2e8;
15465
- border-color: #ffbb96;
15466
- }
15467
- .du-bois-light-tag-volcano-inverse {
15468
- color: #fff;
15469
- background: #fa541c;
15470
- border-color: #fa541c;
15471
- }
15472
- .du-bois-light-tag-orange {
15473
- color: #d46b08;
15474
- background: #fff7e6;
15475
- border-color: #ffd591;
15476
- }
15477
- .du-bois-light-tag-orange-inverse {
15478
- color: #fff;
15479
- background: #fa8c16;
15480
- border-color: #fa8c16;
15481
- }
15482
- .du-bois-light-tag-yellow {
15483
- color: #d4b106;
15484
- background: #feffe6;
15485
- border-color: #fffb8f;
15486
- }
15487
- .du-bois-light-tag-yellow-inverse {
15488
- color: #fff;
15489
- background: #fadb14;
15490
- border-color: #fadb14;
15491
- }
15492
- .du-bois-light-tag-gold {
15493
- color: #d48806;
15494
- background: #fffbe6;
15495
- border-color: #ffe58f;
15496
- }
15497
- .du-bois-light-tag-gold-inverse {
15498
- color: #fff;
15499
- background: #faad14;
15500
- border-color: #faad14;
15501
- }
15502
- .du-bois-light-tag-cyan {
15503
- color: #08979c;
15504
- background: #e6fffb;
15505
- border-color: #87e8de;
15506
- }
15507
- .du-bois-light-tag-cyan-inverse {
15508
- color: #fff;
15509
- background: #13c2c2;
15510
- border-color: #13c2c2;
15511
- }
15512
- .du-bois-light-tag-lime {
15513
- color: #7cb305;
15514
- background: #fcffe6;
15515
- border-color: #eaff8f;
15516
- }
15517
- .du-bois-light-tag-lime-inverse {
15518
- color: #fff;
15519
- background: #a0d911;
15520
- border-color: #a0d911;
15521
- }
15522
- .du-bois-light-tag-green {
15523
- color: #389e0d;
15524
- background: #f6ffed;
15525
- border-color: #b7eb8f;
15526
- }
15527
- .du-bois-light-tag-green-inverse {
15528
- color: #fff;
15529
- background: #52c41a;
15530
- border-color: #52c41a;
15531
- }
15532
- .du-bois-light-tag-blue {
15533
- color: #096dd9;
15534
- background: #e6f7ff;
15535
- border-color: #91d5ff;
15536
- }
15537
- .du-bois-light-tag-blue-inverse {
15538
- color: #fff;
15539
- background: #1890ff;
15540
- border-color: #1890ff;
15541
- }
15542
- .du-bois-light-tag-geekblue {
15543
- color: #1d39c4;
15544
- background: #f0f5ff;
15545
- border-color: #adc6ff;
15546
- }
15547
- .du-bois-light-tag-geekblue-inverse {
15548
- color: #fff;
15549
- background: #2f54eb;
15550
- border-color: #2f54eb;
15551
- }
15552
- .du-bois-light-tag-purple {
15553
- color: #531dab;
15554
- background: #f9f0ff;
15555
- border-color: #d3adf7;
15556
- }
15557
- .du-bois-light-tag-purple-inverse {
15558
- color: #fff;
15559
- background: #722ed1;
15560
- border-color: #722ed1;
15561
- }
15562
- .du-bois-light-tag-success {
15563
- color: #52c41a;
15564
- background: #f6ffed;
15565
- border-color: #b7eb8f;
15566
- }
15567
- .du-bois-light-tag-processing {
15568
- color: #1890ff;
15569
- background: #e6f7ff;
15570
- border-color: #91d5ff;
15571
- }
15572
- .du-bois-light-tag-error {
15573
- color: #f5222d;
15574
- background: #fff1f0;
15575
- border-color: #ffa39e;
15576
- }
15577
- .du-bois-light-tag-warning {
15578
- color: #fa8c16;
15579
- background: #fff7e6;
15580
- border-color: #ffd591;
15581
- }
15582
- .du-bois-light-tag > .anticon + span,
15583
- .du-bois-light-tag > span + .anticon {
15584
- margin-left: 7px;
15585
- }
15586
- .du-bois-light-tag.du-bois-light-tag-rtl {
15587
- margin-right: 0;
15588
- margin-left: 8px;
15589
- direction: rtl;
15590
- text-align: right;
15591
- }
15592
- .du-bois-light-tag-rtl .du-bois-light-tag-close-icon {
15593
- margin-right: 3px;
15594
- margin-left: 0;
15595
- }
15596
- .du-bois-light-tag-rtl.du-bois-light-tag > .anticon + span,
15597
- .du-bois-light-tag-rtl.du-bois-light-tag > span + .anticon {
15598
- margin-right: 7px;
15599
- margin-left: 0;
15600
- }
15601
-
15602
16603
  /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
15603
16604
  /* stylelint-disable no-duplicate-selectors */
15604
16605
  /* stylelint-disable */
15605
16606
  /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
15606
16607
  .du-bois-light-tabs-small > .du-bois-light-tabs-nav .du-bois-light-tabs-tab {
15607
16608
  padding: 4px 0;
15608
- font-size: 14px;
16609
+ font-size: 13px;
15609
16610
  }
15610
16611
  .du-bois-light-tabs-large > .du-bois-light-tabs-nav .du-bois-light-tabs-tab {
15611
16612
  padding: 8px 0;
15612
- font-size: 16px;
16613
+ font-size: 19px;
15613
16614
  }
15614
16615
  .du-bois-light-tabs-card.du-bois-light-tabs-small > .du-bois-light-tabs-nav .du-bois-light-tabs-tab {
15615
16616
  padding: 6px 8px;
@@ -15881,9 +16882,9 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
15881
16882
  margin: 0;
15882
16883
  padding: 0;
15883
16884
  color: #20272E;
15884
- font-size: 14px;
16885
+ font-size: 13px;
15885
16886
  font-variant: tabular-nums;
15886
- line-height: 1.5715;
16887
+ line-height: 20px;
15887
16888
  list-style: none;
15888
16889
  font-feature-settings: 'tnum';
15889
16890
  position: absolute;
@@ -15916,7 +16917,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
15916
16917
  overflow: hidden;
15917
16918
  color: #20272E;
15918
16919
  font-weight: normal;
15919
- font-size: 14px;
16920
+ font-size: 13px;
15920
16921
  line-height: 22px;
15921
16922
  white-space: nowrap;
15922
16923
  text-overflow: ellipsis;
@@ -15935,7 +16936,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
15935
16936
  .du-bois-light-tabs-card > .du-bois-light-tabs-nav .du-bois-light-tabs-tab,
15936
16937
  .du-bois-light-tabs-card > div > .du-bois-light-tabs-nav .du-bois-light-tabs-tab {
15937
16938
  margin: 0;
15938
- padding: 8px 8px;
16939
+ padding: -111px 8px;
15939
16940
  background: #fafafa;
15940
16941
  border: 1px solid #f0f0f0;
15941
16942
  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
@@ -15998,9 +16999,9 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
15998
16999
  margin: 0;
15999
17000
  padding: 0;
16000
17001
  color: #20272E;
16001
- font-size: 14px;
17002
+ font-size: 13px;
16002
17003
  font-variant: tabular-nums;
16003
- line-height: 1.5715;
17004
+ line-height: 20px;
16004
17005
  list-style: none;
16005
17006
  font-feature-settings: 'tnum';
16006
17007
  display: flex;
@@ -16055,7 +17056,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
16055
17056
  .du-bois-light-tabs > .du-bois-light-tabs-nav .du-bois-light-tabs-nav-more,
16056
17057
  .du-bois-light-tabs > div > .du-bois-light-tabs-nav .du-bois-light-tabs-nav-more {
16057
17058
  position: relative;
16058
- padding: 8px 8px;
17059
+ padding: -111px 8px;
16059
17060
  background: transparent;
16060
17061
  border: 0;
16061
17062
  }
@@ -16107,7 +17108,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
16107
17108
  display: inline-flex;
16108
17109
  align-items: center;
16109
17110
  padding: 8px 0;
16110
- font-size: 14px;
17111
+ font-size: 13px;
16111
17112
  background: transparent;
16112
17113
  border: 0;
16113
17114
  outline: none;
@@ -16128,7 +17129,7 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
16128
17129
  margin-right: -4px;
16129
17130
  margin-left: 8px;
16130
17131
  color: #5D7283;
16131
- font-size: 12px;
17132
+ font-size: 11px;
16132
17133
  background: transparent;
16133
17134
  border: none;
16134
17135
  outline: none;
@@ -16250,9 +17251,9 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
16250
17251
  margin: 0;
16251
17252
  padding: 0;
16252
17253
  color: #20272E;
16253
- font-size: 14px;
17254
+ font-size: 13px;
16254
17255
  font-variant: tabular-nums;
16255
- line-height: 1.5715;
17256
+ line-height: 20px;
16256
17257
  list-style: none;
16257
17258
  font-feature-settings: 'tnum';
16258
17259
  position: relative;
@@ -16372,9 +17373,9 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
16372
17373
  margin: 0;
16373
17374
  padding: 0;
16374
17375
  color: #20272E;
16375
- font-size: 14px;
17376
+ font-size: 13px;
16376
17377
  font-variant: tabular-nums;
16377
- line-height: 1.5715;
17378
+ line-height: 20px;
16378
17379
  list-style: none;
16379
17380
  font-feature-settings: 'tnum';
16380
17381
  display: inline-flex;
@@ -16403,9 +17404,9 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
16403
17404
  margin: 0;
16404
17405
  padding: 0;
16405
17406
  color: #20272E;
16406
- font-size: 14px;
17407
+ font-size: 13px;
16407
17408
  font-variant: tabular-nums;
16408
- line-height: 1.5715;
17409
+ line-height: 20px;
16409
17410
  list-style: none;
16410
17411
  font-feature-settings: 'tnum';
16411
17412
  display: inline-block;
@@ -16443,9 +17444,9 @@ textarea.du-bois-light-pagination-options-quick-jumper input {
16443
17444
  margin: 0;
16444
17445
  padding: 0;
16445
17446
  color: #20272E;
16446
- font-size: 14px;
17447
+ font-size: 13px;
16447
17448
  font-variant: tabular-nums;
16448
- line-height: 1.5715;
17449
+ line-height: 20px;
16449
17450
  list-style: none;
16450
17451
  font-feature-settings: 'tnum';
16451
17452
  background: #fff;
@@ -16695,7 +17696,7 @@ h1.du-bois-light-typography,
16695
17696
  margin-bottom: 0.5em;
16696
17697
  color: rgba(0, 0, 0, 0.85);
16697
17698
  font-weight: 600;
16698
- font-size: 38px;
17699
+ font-size: 36px;
16699
17700
  line-height: 1.23;
16700
17701
  }
16701
17702
  h2.du-bois-light-typography,
@@ -16703,7 +17704,7 @@ h2.du-bois-light-typography,
16703
17704
  margin-bottom: 0.5em;
16704
17705
  color: rgba(0, 0, 0, 0.85);
16705
17706
  font-weight: 600;
16706
- font-size: 30px;
17707
+ font-size: 28px;
16707
17708
  line-height: 1.35;
16708
17709
  }
16709
17710
  h3.du-bois-light-typography,
@@ -16711,7 +17712,7 @@ h3.du-bois-light-typography,
16711
17712
  margin-bottom: 0.5em;
16712
17713
  color: rgba(0, 0, 0, 0.85);
16713
17714
  font-weight: 600;
16714
- font-size: 24px;
17715
+ font-size: 23px;
16715
17716
  line-height: 1.35;
16716
17717
  }
16717
17718
  h4.du-bois-light-typography,
@@ -16719,7 +17720,7 @@ h4.du-bois-light-typography,
16719
17720
  margin-bottom: 0.5em;
16720
17721
  color: rgba(0, 0, 0, 0.85);
16721
17722
  font-weight: 600;
16722
- font-size: 20px;
17723
+ font-size: 19px;
16723
17724
  line-height: 1.4;
16724
17725
  }
16725
17726
  h5.du-bois-light-typography,
@@ -16727,7 +17728,7 @@ h5.du-bois-light-typography,
16727
17728
  margin-bottom: 0.5em;
16728
17729
  color: rgba(0, 0, 0, 0.85);
16729
17730
  font-weight: 600;
16730
- font-size: 16px;
17731
+ font-size: 15px;
16731
17732
  line-height: 1.5;
16732
17733
  }
16733
17734
  .du-bois-light-typography + h1.du-bois-light-typography,
@@ -16901,8 +17902,8 @@ a.du-bois-light-typography.du-bois-light-typography-disabled:active,
16901
17902
  }
16902
17903
  div.du-bois-light-typography-edit-content {
16903
17904
  left: -8px;
16904
- margin-top: -9px;
16905
- margin-bottom: calc(1em - 8px - 1px);
17905
+ margin-top: -4px;
17906
+ margin-bottom: calc(1em - 3px - 1px);
16906
17907
  }
16907
17908
  .du-bois-light-typography-edit-content-confirm {
16908
17909
  position: absolute;
@@ -17011,9 +18012,9 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
17011
18012
  margin: 0;
17012
18013
  padding: 0;
17013
18014
  color: #20272E;
17014
- font-size: 14px;
18015
+ font-size: 13px;
17015
18016
  font-variant: tabular-nums;
17016
- line-height: 1.5715;
18017
+ line-height: 20px;
17017
18018
  list-style: none;
17018
18019
  font-feature-settings: 'tnum';
17019
18020
  position: relative;
@@ -17057,7 +18058,7 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
17057
18058
  display: block;
17058
18059
  margin: 0 5px 0 18px;
17059
18060
  color: #fff;
17060
- font-size: 12px;
18061
+ font-size: 11px;
17061
18062
  transition: margin 0.2s;
17062
18063
  }
17063
18064
  .du-bois-light-switch-checked .du-bois-light-switch-inner {
@@ -17096,7 +18097,7 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
17096
18097
  }
17097
18098
  .du-bois-light-switch-loading-icon {
17098
18099
  position: relative;
17099
- top: 0px;
18100
+ top: 0.5px;
17100
18101
  color: rgba(0, 0, 0, 0.65);
17101
18102
  vertical-align: top;
17102
18103
  }
@@ -17110,7 +18111,7 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
17110
18111
  }
17111
18112
  .du-bois-light-switch-small .du-bois-light-switch-inner {
17112
18113
  margin: 0 5px 0 18px;
17113
- font-size: 12px;
18114
+ font-size: 11px;
17114
18115
  }
17115
18116
  .du-bois-light-switch-small .du-bois-light-switch-handle {
17116
18117
  width: 12px;
@@ -17225,14 +18226,14 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
17225
18226
  padding: 0;
17226
18227
  color: #20272E;
17227
18228
  font-variant: tabular-nums;
17228
- line-height: 1.5715;
18229
+ line-height: 20px;
17229
18230
  list-style: none;
17230
18231
  font-feature-settings: 'tnum';
17231
18232
  color: #5D7283;
17232
- font-size: 14px;
18233
+ font-size: 13px;
17233
18234
  }
17234
18235
  .du-bois-light-breadcrumb .anticon {
17235
- font-size: 14px;
18236
+ font-size: 13px;
17236
18237
  }
17237
18238
  .du-bois-light-breadcrumb a {
17238
18239
  color: #5D7283;
@@ -17299,3 +18300,247 @@ div.du-bois-light-typography-edit-content.du-bois-light-typography-rtl {
17299
18300
  .du-bois-light-breadcrumb a:active {
17300
18301
  color: #14538f;
17301
18302
  }
18303
+
18304
+ /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
18305
+ /* stylelint-disable no-duplicate-selectors */
18306
+ /* stylelint-disable */
18307
+ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
18308
+ .du-bois-light-notification {
18309
+ box-sizing: border-box;
18310
+ margin: 0;
18311
+ padding: 0;
18312
+ color: #20272E;
18313
+ font-size: 13px;
18314
+ font-variant: tabular-nums;
18315
+ line-height: 20px;
18316
+ list-style: none;
18317
+ font-feature-settings: 'tnum';
18318
+ position: fixed;
18319
+ z-index: 1010;
18320
+ margin-right: 24px;
18321
+ }
18322
+ .du-bois-light-notification-topLeft,
18323
+ .du-bois-light-notification-bottomLeft {
18324
+ margin-right: 0;
18325
+ margin-left: 24px;
18326
+ }
18327
+ .du-bois-light-notification-topLeft .du-bois-light-notification-fade-enter.du-bois-light-notification-fade-enter-active,
18328
+ .du-bois-light-notification-bottomLeft .du-bois-light-notification-fade-enter.du-bois-light-notification-fade-enter-active,
18329
+ .du-bois-light-notification-topLeft .du-bois-light-notification-fade-appear.du-bois-light-notification-fade-appear-active,
18330
+ .du-bois-light-notification-bottomLeft .du-bois-light-notification-fade-appear.du-bois-light-notification-fade-appear-active {
18331
+ animation-name: NotificationLeftFadeIn;
18332
+ }
18333
+ .du-bois-light-notification-close-icon {
18334
+ font-size: 13px;
18335
+ cursor: pointer;
18336
+ }
18337
+ .du-bois-light-notification-hook-holder {
18338
+ position: relative;
18339
+ }
18340
+ .du-bois-light-notification-notice {
18341
+ position: relative;
18342
+ width: 384px;
18343
+ max-width: calc(100vw - 24px * 2);
18344
+ margin-bottom: 16px;
18345
+ margin-left: auto;
18346
+ padding: 16px 24px;
18347
+ overflow: hidden;
18348
+ line-height: 20px;
18349
+ word-wrap: break-word;
18350
+ background: #fff;
18351
+ border-radius: 4px;
18352
+ box-shadow: 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 9px 28px 8px rgba(0, 0, 0, 0.05);
18353
+ }
18354
+ .du-bois-light-notification-topLeft .du-bois-light-notification-notice,
18355
+ .du-bois-light-notification-bottomLeft .du-bois-light-notification-notice {
18356
+ margin-right: auto;
18357
+ margin-left: 0;
18358
+ }
18359
+ .du-bois-light-notification-notice-message {
18360
+ margin-bottom: 8px;
18361
+ color: rgba(0, 0, 0, 0.85);
18362
+ font-size: 19px;
18363
+ line-height: 24px;
18364
+ }
18365
+ .du-bois-light-notification-notice-message-single-line-auto-margin {
18366
+ display: block;
18367
+ width: calc(384px - 24px * 2 - 24px - 48px - 100%);
18368
+ max-width: 4px;
18369
+ background-color: transparent;
18370
+ pointer-events: none;
18371
+ }
18372
+ .du-bois-light-notification-notice-message-single-line-auto-margin::before {
18373
+ display: block;
18374
+ content: '';
18375
+ }
18376
+ .du-bois-light-notification-notice-description {
18377
+ font-size: 13px;
18378
+ }
18379
+ .du-bois-light-notification-notice-closable .du-bois-light-notification-notice-message {
18380
+ padding-right: 24px;
18381
+ }
18382
+ .du-bois-light-notification-notice-with-icon .du-bois-light-notification-notice-message {
18383
+ margin-bottom: 4px;
18384
+ margin-left: 48px;
18385
+ font-size: 19px;
18386
+ }
18387
+ .du-bois-light-notification-notice-with-icon .du-bois-light-notification-notice-description {
18388
+ margin-left: 48px;
18389
+ font-size: 13px;
18390
+ }
18391
+ .du-bois-light-notification-notice-icon {
18392
+ position: absolute;
18393
+ margin-left: 4px;
18394
+ font-size: 24px;
18395
+ line-height: 24px;
18396
+ }
18397
+ .anticon.du-bois-light-notification-notice-icon-success {
18398
+ color: #34824F;
18399
+ }
18400
+ .anticon.du-bois-light-notification-notice-icon-info {
18401
+ color: #64727D;
18402
+ }
18403
+ .anticon.du-bois-light-notification-notice-icon-warning {
18404
+ color: #AF5B23;
18405
+ }
18406
+ .anticon.du-bois-light-notification-notice-icon-error {
18407
+ color: #CC3352;
18408
+ }
18409
+ .du-bois-light-notification-notice-close {
18410
+ position: absolute;
18411
+ top: 16px;
18412
+ right: 22px;
18413
+ color: #5D7283;
18414
+ outline: none;
18415
+ }
18416
+ .du-bois-light-notification-notice-close:hover {
18417
+ color: #38444f;
18418
+ }
18419
+ .du-bois-light-notification-notice-btn {
18420
+ float: right;
18421
+ margin-top: 16px;
18422
+ }
18423
+ .du-bois-light-notification .notification-fade-effect {
18424
+ animation-duration: 0.24s;
18425
+ animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
18426
+ animation-fill-mode: both;
18427
+ }
18428
+ .du-bois-light-notification-fade-enter,
18429
+ .du-bois-light-notification-fade-appear {
18430
+ animation-duration: 0.24s;
18431
+ animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
18432
+ animation-fill-mode: both;
18433
+ opacity: 0;
18434
+ animation-play-state: paused;
18435
+ }
18436
+ .du-bois-light-notification-fade-leave {
18437
+ animation-duration: 0.24s;
18438
+ animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
18439
+ animation-fill-mode: both;
18440
+ animation-duration: 0.2s;
18441
+ animation-play-state: paused;
18442
+ }
18443
+ .du-bois-light-notification-fade-enter.du-bois-light-notification-fade-enter-active,
18444
+ .du-bois-light-notification-fade-appear.du-bois-light-notification-fade-appear-active {
18445
+ animation-name: NotificationFadeIn;
18446
+ animation-play-state: running;
18447
+ }
18448
+ .du-bois-light-notification-fade-leave.du-bois-light-notification-fade-leave-active {
18449
+ animation-name: NotificationFadeOut;
18450
+ animation-play-state: running;
18451
+ }
18452
+ @keyframes NotificationFadeIn {
18453
+ 0% {
18454
+ left: 384px;
18455
+ opacity: 0;
18456
+ }
18457
+ 100% {
18458
+ left: 0;
18459
+ opacity: 1;
18460
+ }
18461
+ }
18462
+ @keyframes NotificationLeftFadeIn {
18463
+ 0% {
18464
+ right: 384px;
18465
+ opacity: 0;
18466
+ }
18467
+ 100% {
18468
+ right: 0;
18469
+ opacity: 1;
18470
+ }
18471
+ }
18472
+ @keyframes NotificationFadeOut {
18473
+ 0% {
18474
+ max-height: 150px;
18475
+ margin-bottom: 16px;
18476
+ opacity: 1;
18477
+ }
18478
+ 100% {
18479
+ max-height: 0;
18480
+ margin-bottom: 0;
18481
+ padding-top: 0;
18482
+ padding-bottom: 0;
18483
+ opacity: 0;
18484
+ }
18485
+ }
18486
+ .du-bois-light-notification-rtl {
18487
+ direction: rtl;
18488
+ }
18489
+ .du-bois-light-notification-rtl .du-bois-light-notification-notice-closable .du-bois-light-notification-notice-message {
18490
+ padding-right: 0;
18491
+ padding-left: 24px;
18492
+ }
18493
+ .du-bois-light-notification-rtl .du-bois-light-notification-notice-with-icon .du-bois-light-notification-notice-message {
18494
+ margin-right: 48px;
18495
+ margin-left: 0;
18496
+ }
18497
+ .du-bois-light-notification-rtl .du-bois-light-notification-notice-with-icon .du-bois-light-notification-notice-description {
18498
+ margin-right: 48px;
18499
+ margin-left: 0;
18500
+ }
18501
+ .du-bois-light-notification-rtl .du-bois-light-notification-notice-icon {
18502
+ margin-right: 4px;
18503
+ margin-left: 0;
18504
+ }
18505
+ .du-bois-light-notification-rtl .du-bois-light-notification-notice-close {
18506
+ right: auto;
18507
+ left: 22px;
18508
+ }
18509
+ .du-bois-light-notification-rtl .du-bois-light-notification-notice-btn {
18510
+ float: left;
18511
+ }
18512
+ .du-bois-light-notification-compact {
18513
+ padding: 10px 40px 10px 32px;
18514
+ }
18515
+ .du-bois-light-notification-compact .du-bois-light-notification-notice-icon {
18516
+ font-size: 16px;
18517
+ width: 16px;
18518
+ height: 16px;
18519
+ margin-left: 0;
18520
+ left: 12px;
18521
+ top: 12px;
18522
+ line-height: 16px;
18523
+ }
18524
+ .du-bois-light-notification-compact .du-bois-light-notification-notice-close {
18525
+ top: 12px;
18526
+ right: 12px;
18527
+ width: 16px;
18528
+ height: 16px;
18529
+ line-height: 16px;
18530
+ }
18531
+ .du-bois-light-notification-compact .du-bois-light-notification-notice-close span[role='img'] {
18532
+ font-size: 16px;
18533
+ }
18534
+ .du-bois-light-notification-compact .du-bois-light-notification-notice-message {
18535
+ display: flex;
18536
+ align-items: center;
18537
+ height: 20px;
18538
+ line-height: 20px;
18539
+ font-weight: 600;
18540
+ }
18541
+ .du-bois-light-notification-compact .du-bois-light-notification-notice-message,
18542
+ .du-bois-light-notification-compact .du-bois-light-notification-notice-description {
18543
+ margin-left: unset;
18544
+ font-size: 13px;
18545
+ margin-bottom: 0;
18546
+ }