baseui 10.0.0 → 10.3.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.
- package/app-nav-bar/index.d.ts +24 -0
- package/app-nav-bar/mobile-menu.js +5 -3
- package/app-nav-bar/mobile-menu.js.flow +3 -2
- package/app-nav-bar/user-menu.js +5 -3
- package/app-nav-bar/user-menu.js.flow +3 -2
- package/block/index.d.ts +7 -0
- package/combobox/combobox.js +4 -9
- package/combobox/combobox.js.flow +4 -3
- package/combobox/index.d.ts +1 -1
- package/data-table/filter-menu.js +5 -3
- package/data-table/filter-menu.js.flow +3 -2
- package/data-table/header-cell.js +1 -1
- package/data-table/header-cell.js.flow +1 -1
- package/datepicker/calendar.js +6 -1
- package/datepicker/calendar.js.flow +4 -0
- package/datepicker/datepicker.js +1 -1
- package/datepicker/datepicker.js.flow +5 -2
- package/datepicker/index.d.ts +9 -1
- package/datepicker/month.js +2 -1
- package/datepicker/month.js.flow +8 -1
- package/datepicker/types.js.flow +13 -6
- package/es/app-nav-bar/mobile-menu.js +5 -5
- package/es/app-nav-bar/user-menu.js +5 -5
- package/es/combobox/combobox.js +4 -3
- package/es/data-table/filter-menu.js +3 -2
- package/es/data-table/header-cell.js +1 -1
- package/es/datepicker/calendar.js +6 -1
- package/es/datepicker/datepicker.js +1 -1
- package/es/datepicker/month.js +2 -1
- package/es/form-control/form-control.js +6 -14
- package/es/helper/helper.js +10 -6
- package/es/helpers/base-provider.js +4 -1
- package/es/input/input.js +9 -5
- package/es/layer/layer.js +5 -1
- package/es/layout-grid/grid.js +16 -10
- package/es/layout-grid/styled-components.js +24 -12
- package/es/list/index.js +1 -0
- package/es/list/list-heading.js +77 -0
- package/es/list/list-item.js +1 -1
- package/es/list/menu-adapter.js +4 -2
- package/es/list/styled-components.js +101 -4
- package/es/menu/stateful-container.js +41 -27
- package/es/phone-input/base-country-picker.js +2 -0
- package/es/popover/popover.js +21 -10
- package/es/select/select-component.js +34 -22
- package/es/table-semantic/styled-components.js +8 -10
- package/es/table-semantic/table-builder.js +3 -2
- package/es/table-semantic/table.js +1 -0
- package/es/tag/index.js +1 -1
- package/es/tag/styled-components.js +2 -4
- package/es/tag/tag.js +16 -16
- package/es/textarea/textarea.js +1 -2
- package/es/themes/dark-theme/color-semantic-tokens.js +18 -8
- package/es/themes/light-theme/color-semantic-tokens.js +14 -4
- package/es/tokens/colors.js +3 -3
- package/es/tree-view/tree-view.js +0 -2
- package/esm/app-nav-bar/mobile-menu.js +5 -3
- package/esm/app-nav-bar/user-menu.js +5 -3
- package/esm/combobox/combobox.js +4 -7
- package/esm/data-table/filter-menu.js +4 -3
- package/esm/data-table/header-cell.js +1 -1
- package/esm/datepicker/calendar.js +6 -1
- package/esm/datepicker/datepicker.js +1 -1
- package/esm/datepicker/month.js +2 -1
- package/esm/form-control/form-control.js +21 -33
- package/esm/helper/helper.js +10 -6
- package/esm/helpers/base-provider.js +4 -1
- package/esm/input/input.js +9 -5
- package/esm/layer/layer.js +5 -1
- package/esm/layout-grid/grid.js +20 -10
- package/esm/layout-grid/styled-components.js +52 -35
- package/esm/list/index.js +1 -0
- package/esm/list/list-heading.js +116 -0
- package/esm/list/list-item.js +1 -1
- package/esm/list/menu-adapter.js +4 -2
- package/esm/list/styled-components.js +99 -3
- package/esm/menu/stateful-container.js +56 -40
- package/esm/phone-input/base-country-picker.js +2 -0
- package/esm/popover/popover.js +25 -16
- package/esm/select/select-component.js +87 -79
- package/esm/table-semantic/styled-components.js +8 -10
- package/esm/table-semantic/table-builder.js +3 -2
- package/esm/table-semantic/table.js +1 -0
- package/esm/tag/index.js +1 -1
- package/esm/tag/styled-components.js +2 -4
- package/esm/tag/tag.js +18 -16
- package/esm/textarea/textarea.js +1 -2
- package/esm/themes/dark-theme/color-semantic-tokens.js +18 -8
- package/esm/themes/light-theme/color-semantic-tokens.js +14 -4
- package/esm/tokens/colors.js +3 -3
- package/esm/tree-view/tree-view.js +0 -2
- package/form-control/form-control.js +21 -35
- package/form-control/form-control.js.flow +37 -35
- package/helper/helper.js +10 -6
- package/helper/helper.js.flow +1 -0
- package/helpers/base-provider.js +5 -1
- package/helpers/base-provider.js.flow +4 -1
- package/index.d.ts +1 -0
- package/input/input.js +9 -5
- package/input/input.js.flow +9 -5
- package/layer/layer.js +5 -1
- package/layer/layer.js.flow +3 -1
- package/layer/types.js.flow +4 -0
- package/layout-grid/grid.js +19 -9
- package/layout-grid/grid.js.flow +52 -26
- package/layout-grid/index.d.ts +1 -0
- package/layout-grid/styled-components.js +54 -36
- package/layout-grid/styled-components.js.flow +48 -24
- package/layout-grid/types.js.flow +12 -0
- package/list/index.js +9 -0
- package/list/index.js.flow +1 -0
- package/list/list-heading.js +124 -0
- package/list/list-heading.js.flow +138 -0
- package/list/list-item.js +1 -1
- package/list/list-item.js.flow +1 -1
- package/list/menu-adapter.js +5 -2
- package/list/menu-adapter.js.flow +21 -11
- package/list/styled-components.js +108 -5
- package/list/styled-components.js.flow +103 -2
- package/list/types.js.flow +22 -0
- package/menu/stateful-container.js +57 -42
- package/menu/stateful-container.js.flow +38 -26
- package/package.json +1 -1
- package/phone-input/base-country-picker.js +2 -0
- package/phone-input/base-country-picker.js.flow +2 -0
- package/popover/popover.js +26 -17
- package/popover/popover.js.flow +19 -7
- package/select/select-component.js +87 -79
- package/select/select-component.js.flow +119 -103
- package/snackbar/index.d.ts +3 -3
- package/snackbar/types.js.flow +1 -1
- package/table-semantic/index.d.ts +1 -0
- package/table-semantic/styled-components.js +8 -10
- package/table-semantic/styled-components.js.flow +20 -20
- package/table-semantic/table-builder.js +3 -2
- package/table-semantic/table-builder.js.flow +3 -2
- package/table-semantic/table.js +1 -0
- package/table-semantic/table.js.flow +1 -0
- package/tag/index.d.ts +0 -1
- package/tag/index.js +0 -6
- package/tag/index.js.flow +0 -1
- package/tag/styled-components.js +3 -6
- package/tag/styled-components.js.flow +0 -2
- package/tag/tag.js +19 -14
- package/tag/tag.js.flow +13 -19
- package/textarea/textarea.js +1 -2
- package/textarea/textarea.js.flow +0 -1
- package/theme.ts +12 -0
- package/themes/dark-theme/color-semantic-tokens.js +18 -8
- package/themes/dark-theme/color-semantic-tokens.js.flow +18 -7
- package/themes/light-theme/color-semantic-tokens.js +14 -4
- package/themes/light-theme/color-semantic-tokens.js.flow +14 -3
- package/themes/types.js.flow +11 -0
- package/toast/index.d.ts +1 -0
- package/tokens/colors.js +3 -3
- package/tokens/colors.js.flow +3 -3
- package/tree-view/tree-view.js +0 -2
- package/tree-view/tree-view.js.flow +0 -1
- package/es/utils/get-bui-id.js +0 -33
- package/esm/utils/get-bui-id.js +0 -33
- package/utils/get-bui-id.js +0 -41
- package/utils/get-bui-id.js.flow +0 -39
package/tokens/colors.js.flow
CHANGED
|
@@ -14,7 +14,7 @@ const colors: ColorTokensT = {
|
|
|
14
14
|
gray200: '#E2E2E2',
|
|
15
15
|
gray300: '#CBCBCB',
|
|
16
16
|
gray400: '#AFAFAF',
|
|
17
|
-
gray500: '#
|
|
17
|
+
gray500: '#6B6B6B',
|
|
18
18
|
gray600: '#545454',
|
|
19
19
|
gray700: '#333333',
|
|
20
20
|
gray800: '#1F1F1F',
|
|
@@ -55,14 +55,14 @@ const colors: ColorTokensT = {
|
|
|
55
55
|
yellow300: '#FFCF70',
|
|
56
56
|
yellow400: '#FFC043',
|
|
57
57
|
yellow500: '#BC8B2C',
|
|
58
|
-
yellow600: '#
|
|
58
|
+
yellow600: '#996F00',
|
|
59
59
|
yellow700: '#674D1B',
|
|
60
60
|
|
|
61
61
|
green50: '#E6F2ED',
|
|
62
62
|
green100: '#ADDEC9',
|
|
63
63
|
green200: '#66D19E',
|
|
64
64
|
green300: '#06C167',
|
|
65
|
-
green400: '#
|
|
65
|
+
green400: '#048848',
|
|
66
66
|
green500: '#03703C',
|
|
67
67
|
green600: '#03582F',
|
|
68
68
|
green700: '#10462D',
|
package/tree-view/tree-view.js
CHANGED
package/es/utils/get-bui-id.js
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright (c) Uber Technologies, Inc.
|
|
3
|
-
|
|
4
|
-
This source code is licensed under the MIT license found in the
|
|
5
|
-
LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* For aria and other attributes like htmlFor, we often need
|
|
10
|
-
* to attach identifiers to elements. Making `id` a required
|
|
11
|
-
* prop in our components shifts this burden to our customers
|
|
12
|
-
* but it's nice to try to automatically provide these unique
|
|
13
|
-
* ids when possible.
|
|
14
|
-
*
|
|
15
|
-
* Generating unique IDs that match across server/client renders
|
|
16
|
-
* is a hard problem that doesn't have any perfect solutions
|
|
17
|
-
* currently [1] [2]. UUIDs/Math.random will never match, whereas
|
|
18
|
-
* auto-incrementing IDs may work if server and client render
|
|
19
|
-
* exactly the same DOM, so that's what we'll use here. If this
|
|
20
|
-
* is insufficient for users they can apply ids manually.
|
|
21
|
-
*
|
|
22
|
-
* One other technique that we can use internally is to do a
|
|
23
|
-
* setState in componentDidMount or something similar, so that
|
|
24
|
-
* these ids are only used client-side, but this could of course
|
|
25
|
-
* have perf implications.
|
|
26
|
-
*
|
|
27
|
-
* [1] https://github.com/facebook/react/issues/5867
|
|
28
|
-
* [2] https://github.com/reactjs/rfcs/pull/32/files
|
|
29
|
-
*/
|
|
30
|
-
let id = 0;
|
|
31
|
-
export default function getBuiId() {
|
|
32
|
-
return `bui-${++id}`;
|
|
33
|
-
}
|
package/esm/utils/get-bui-id.js
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright (c) Uber Technologies, Inc.
|
|
3
|
-
|
|
4
|
-
This source code is licensed under the MIT license found in the
|
|
5
|
-
LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
|
|
8
|
-
/**
|
|
9
|
-
* For aria and other attributes like htmlFor, we often need
|
|
10
|
-
* to attach identifiers to elements. Making `id` a required
|
|
11
|
-
* prop in our components shifts this burden to our customers
|
|
12
|
-
* but it's nice to try to automatically provide these unique
|
|
13
|
-
* ids when possible.
|
|
14
|
-
*
|
|
15
|
-
* Generating unique IDs that match across server/client renders
|
|
16
|
-
* is a hard problem that doesn't have any perfect solutions
|
|
17
|
-
* currently [1] [2]. UUIDs/Math.random will never match, whereas
|
|
18
|
-
* auto-incrementing IDs may work if server and client render
|
|
19
|
-
* exactly the same DOM, so that's what we'll use here. If this
|
|
20
|
-
* is insufficient for users they can apply ids manually.
|
|
21
|
-
*
|
|
22
|
-
* One other technique that we can use internally is to do a
|
|
23
|
-
* setState in componentDidMount or something similar, so that
|
|
24
|
-
* these ids are only used client-side, but this could of course
|
|
25
|
-
* have perf implications.
|
|
26
|
-
*
|
|
27
|
-
* [1] https://github.com/facebook/react/issues/5867
|
|
28
|
-
* [2] https://github.com/reactjs/rfcs/pull/32/files
|
|
29
|
-
*/
|
|
30
|
-
var id = 0;
|
|
31
|
-
export default function getBuiId() {
|
|
32
|
-
return "bui-".concat(++id);
|
|
33
|
-
}
|
package/utils/get-bui-id.js
DELETED
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = getBuiId;
|
|
7
|
-
|
|
8
|
-
/*
|
|
9
|
-
Copyright (c) Uber Technologies, Inc.
|
|
10
|
-
|
|
11
|
-
This source code is licensed under the MIT license found in the
|
|
12
|
-
LICENSE file in the root directory of this source tree.
|
|
13
|
-
*/
|
|
14
|
-
|
|
15
|
-
/**
|
|
16
|
-
* For aria and other attributes like htmlFor, we often need
|
|
17
|
-
* to attach identifiers to elements. Making `id` a required
|
|
18
|
-
* prop in our components shifts this burden to our customers
|
|
19
|
-
* but it's nice to try to automatically provide these unique
|
|
20
|
-
* ids when possible.
|
|
21
|
-
*
|
|
22
|
-
* Generating unique IDs that match across server/client renders
|
|
23
|
-
* is a hard problem that doesn't have any perfect solutions
|
|
24
|
-
* currently [1] [2]. UUIDs/Math.random will never match, whereas
|
|
25
|
-
* auto-incrementing IDs may work if server and client render
|
|
26
|
-
* exactly the same DOM, so that's what we'll use here. If this
|
|
27
|
-
* is insufficient for users they can apply ids manually.
|
|
28
|
-
*
|
|
29
|
-
* One other technique that we can use internally is to do a
|
|
30
|
-
* setState in componentDidMount or something similar, so that
|
|
31
|
-
* these ids are only used client-side, but this could of course
|
|
32
|
-
* have perf implications.
|
|
33
|
-
*
|
|
34
|
-
* [1] https://github.com/facebook/react/issues/5867
|
|
35
|
-
* [2] https://github.com/reactjs/rfcs/pull/32/files
|
|
36
|
-
*/
|
|
37
|
-
var id = 0;
|
|
38
|
-
|
|
39
|
-
function getBuiId() {
|
|
40
|
-
return "bui-".concat(++id);
|
|
41
|
-
}
|
package/utils/get-bui-id.js.flow
DELETED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
/*
|
|
2
|
-
Copyright (c) Uber Technologies, Inc.
|
|
3
|
-
|
|
4
|
-
This source code is licensed under the MIT license found in the
|
|
5
|
-
LICENSE file in the root directory of this source tree.
|
|
6
|
-
*/
|
|
7
|
-
// @flow
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* For aria and other attributes like htmlFor, we often need
|
|
11
|
-
* to attach identifiers to elements. Making `id` a required
|
|
12
|
-
* prop in our components shifts this burden to our customers
|
|
13
|
-
* but it's nice to try to automatically provide these unique
|
|
14
|
-
* ids when possible.
|
|
15
|
-
*
|
|
16
|
-
* Generating unique IDs that match across server/client renders
|
|
17
|
-
* is a hard problem that doesn't have any perfect solutions
|
|
18
|
-
* currently [1] [2]. UUIDs/Math.random will never match, whereas
|
|
19
|
-
* auto-incrementing IDs may work if server and client render
|
|
20
|
-
* exactly the same DOM, so that's what we'll use here. If this
|
|
21
|
-
* is insufficient for users they can apply ids manually.
|
|
22
|
-
*
|
|
23
|
-
* One other technique that we can use internally is to do a
|
|
24
|
-
* setState in componentDidMount or something similar, so that
|
|
25
|
-
* these ids are only used client-side, but this could of course
|
|
26
|
-
* have perf implications.
|
|
27
|
-
*
|
|
28
|
-
* [1] https://github.com/facebook/react/issues/5867
|
|
29
|
-
* [2] https://github.com/reactjs/rfcs/pull/32/files
|
|
30
|
-
*/
|
|
31
|
-
let id = 0;
|
|
32
|
-
|
|
33
|
-
export default function getBuiId() {
|
|
34
|
-
return `bui-${++id}`;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
declare var __DEV__: boolean;
|
|
38
|
-
declare var __NODE__: boolean;
|
|
39
|
-
declare var __BROWSER__: boolean;
|