baseui 14.0.0 → 15.0.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 (150) hide show
  1. package/accordion/accordion.js +4 -4
  2. package/accordion/panel.d.ts +1 -1
  3. package/accordion/styled-components.js +1 -1
  4. package/accordion/types.d.ts +1 -1
  5. package/app-nav-bar/mobile-menu.js +3 -1
  6. package/banner/banner.js +3 -1
  7. package/banner/types.d.ts +2 -1
  8. package/bottom-navigation/bottom-navigation.js +3 -1
  9. package/bottom-navigation/selector.js +1 -1
  10. package/bottom-navigation/styled-components.js +1 -1
  11. package/button/button.d.ts +1 -3
  12. package/button/button.js +6 -2
  13. package/button/styled-components.d.ts +1 -0
  14. package/button/styled-components.js +61 -4
  15. package/button/types.d.ts +15 -3
  16. package/button-timed/button-timed.js +4 -5
  17. package/button-timed/styled-components.js +5 -3
  18. package/button-timed/types.d.ts +1 -1
  19. package/data-table/column-categorical.js +2 -2
  20. package/data-table/locale.d.ts +2 -0
  21. package/data-table/locale.js +2 -1
  22. package/data-table/stateful-container.js +1 -1
  23. package/data-table/stateful-data-table.js +7 -3
  24. package/data-table/types.d.ts +2 -0
  25. package/datepicker/day.js +2 -4
  26. package/datepicker/utils/date-helpers.d.ts +1 -0
  27. package/datepicker/utils/date-helpers.js +3 -0
  28. package/dialog/dialog.d.ts +1 -1
  29. package/dialog/dialog.js +38 -56
  30. package/dialog/styled-components.d.ts +2 -2
  31. package/dialog/styled-components.js +56 -24
  32. package/dialog/types.d.ts +5 -2
  33. package/file-uploader/constants.d.ts +16 -0
  34. package/file-uploader/constants.js +30 -0
  35. package/file-uploader/file-uploader.d.ts +2 -2
  36. package/file-uploader/file-uploader.js +387 -117
  37. package/file-uploader/index.d.ts +1 -1
  38. package/file-uploader/index.js +67 -18
  39. package/file-uploader/locale.d.ts +10 -10
  40. package/file-uploader/locale.js +5 -5
  41. package/file-uploader/styled-components.d.ts +13 -6
  42. package/file-uploader/styled-components.js +261 -64
  43. package/file-uploader/types.d.ts +47 -32
  44. package/file-uploader/utils.d.ts +5 -0
  45. package/file-uploader/utils.js +45 -0
  46. package/file-uploader-basic/file-uploader-basic.d.ts +10 -0
  47. package/file-uploader-basic/file-uploader-basic.js +175 -0
  48. package/file-uploader-basic/index.d.ts +4 -0
  49. package/file-uploader-basic/index.js +71 -0
  50. package/file-uploader-basic/locale.d.ts +15 -0
  51. package/file-uploader-basic/locale.js +21 -0
  52. package/file-uploader-basic/styled-components.d.ts +7 -0
  53. package/file-uploader-basic/styled-components.js +83 -0
  54. package/file-uploader-basic/types.d.ts +41 -0
  55. package/form-control/form-control.js +38 -3
  56. package/form-control/styled-components.d.ts +2 -0
  57. package/form-control/styled-components.js +22 -2
  58. package/form-control/types.d.ts +4 -0
  59. package/icon/circle-check-filled.d.ts +9 -0
  60. package/icon/circle-check-filled.js +50 -0
  61. package/icon/circle-exclamation-point-filled.d.ts +9 -0
  62. package/icon/circle-exclamation-point-filled.js +50 -0
  63. package/icon/hide.js +1 -1
  64. package/icon/icon-exports.d.ts +4 -0
  65. package/icon/icon-exports.js +28 -0
  66. package/icon/paperclip-filled.d.ts +9 -0
  67. package/icon/paperclip-filled.js +50 -0
  68. package/icon/show.js +1 -1
  69. package/icon/trash-can-filled.d.ts +9 -0
  70. package/{button-docked/button-docked.js → icon/trash-can-filled.js} +35 -16
  71. package/locale/en_US.js +14 -12
  72. package/locale/es_AR.js +9 -1
  73. package/locale/index.d.ts +3 -0
  74. package/locale/index.js +2 -0
  75. package/locale/tr_TR.js +9 -1
  76. package/locale/types.d.ts +2 -0
  77. package/message-card/message-card.js +2 -2
  78. package/message-card/utils.js +8 -3
  79. package/modal/modal-button.d.ts +1 -3
  80. package/package.json +5 -3
  81. package/payment-card/custom-cards.config.d.ts +1 -11
  82. package/payment-card/payment-card.js +1 -3
  83. package/phone-input/base-country-picker.js +2 -2
  84. package/phone-input/country-picker.js +0 -10
  85. package/progress-bar/progressbar-rounded.js +1 -1
  86. package/progress-bar/styled-components.js +8 -6
  87. package/rating/styled-components.js +3 -2
  88. package/rating/svg-icons.d.ts +5 -5
  89. package/rating/svg-icons.js +20 -20
  90. package/select/multi-value.js +1 -1
  91. package/snackbar/index.d.ts +1 -0
  92. package/snackbar/snackbar-context.d.ts +1 -2
  93. package/snackbar/snackbar-context.js +27 -21
  94. package/spinner/index.d.ts +4 -2
  95. package/stepper/stepper.js +28 -27
  96. package/styles/__mocks__/styled.js +0 -2
  97. package/styles/as-primary-export-hoc.js +0 -2
  98. package/styles/styled.js +0 -2
  99. package/styles/types.d.ts +7 -3
  100. package/tabs-motion/tabs.js +2 -2
  101. package/tag/constants.d.ts +5 -4
  102. package/tag/constants.js +7 -6
  103. package/tag/index.d.ts +1 -1
  104. package/tag/index.js +7 -7
  105. package/tag/styled-components.d.ts +1 -1
  106. package/tag/styled-components.js +137 -124
  107. package/tag/tag.js +2 -2
  108. package/tag/types.d.ts +9 -8
  109. package/tag/types.js +2 -2
  110. package/themes/dark-theme/color-component-tokens.d.ts +2 -2
  111. package/themes/dark-theme/color-component-tokens.js +279 -275
  112. package/themes/dark-theme/color-foundation-tokens.d.ts +3 -0
  113. package/themes/dark-theme/{color-tokens.js → color-foundation-tokens.js} +11 -14
  114. package/themes/dark-theme/color-semantic-tokens.d.ts +2 -2
  115. package/themes/dark-theme/color-semantic-tokens.js +52 -58
  116. package/themes/dark-theme/create-dark-theme.d.ts +1 -1
  117. package/themes/dark-theme/create-dark-theme.js +12 -32
  118. package/themes/dark-theme/dark-theme.js +4 -4
  119. package/themes/dark-theme/primitives.js +2 -2
  120. package/themes/light-theme/color-component-tokens.d.ts +2 -2
  121. package/themes/light-theme/color-component-tokens.js +287 -282
  122. package/themes/light-theme/color-foundation-tokens.d.ts +3 -0
  123. package/themes/light-theme/{color-tokens.js → color-foundation-tokens.js} +10 -13
  124. package/themes/light-theme/color-semantic-tokens.d.ts +2 -2
  125. package/themes/light-theme/color-semantic-tokens.js +50 -53
  126. package/themes/light-theme/create-light-theme.d.ts +1 -1
  127. package/themes/light-theme/create-light-theme.js +12 -32
  128. package/themes/light-theme/light-theme.js +4 -4
  129. package/themes/light-theme/primitives.js +2 -2
  130. package/themes/types.d.ts +74 -13
  131. package/themes/utils.d.ts +1 -1
  132. package/themes/utils.js +4 -4
  133. package/tile/tile-group.js +2 -2
  134. package/timezonepicker/update-tzdata.js +0 -1
  135. package/tokens/color-primitive-tokens.d.ts +5 -0
  136. package/tokens/color-primitive-tokens.js +301 -0
  137. package/tokens/index.d.ts +5 -4
  138. package/tokens/index.js +25 -3
  139. package/tokens/types.d.ts +170 -1
  140. package/button-docked/button-docked.d.ts +0 -4
  141. package/button-docked/index.d.ts +0 -3
  142. package/button-docked/index.js +0 -40
  143. package/button-docked/styled-components.d.ts +0 -5
  144. package/button-docked/styled-components.js +0 -55
  145. package/button-docked/types.d.ts +0 -14
  146. package/themes/dark-theme/color-tokens.d.ts +0 -3
  147. package/themes/light-theme/color-tokens.d.ts +0 -3
  148. package/tokens/colors.d.ts +0 -3
  149. package/tokens/colors.js +0 -125
  150. /package/{button-docked → file-uploader-basic}/types.js +0 -0
@@ -1,55 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.StyledRoot = exports.StyledActionSubContainer = exports.StyledActionContainer = void 0;
7
- var _index = require("../styles/index");
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
- const StyledRoot = exports.StyledRoot = (0, _index.styled)('div', ({
16
- $theme
17
- }) => ({
18
- display: 'flex',
19
- flexDirection: 'column',
20
- gap: $theme.sizing.scale300,
21
- paddingTop: $theme.sizing.scale600,
22
- paddingRight: $theme.sizing.scale600,
23
- paddingBottom: $theme.sizing.scale600,
24
- paddingLeft: $theme.sizing.scale600,
25
- backgroundColor: $theme.colors.backgroundPrimary,
26
- container: 'root / inline-size'
27
- }));
28
- StyledRoot.displayName = "StyledRoot";
29
- StyledRoot.displayName = 'StyledRoot';
30
- const StyledActionContainer = exports.StyledActionContainer = (0, _index.styled)('div', ({
31
- $theme
32
- }) => ({
33
- display: 'flex',
34
- flexDirection: 'column',
35
- gap: $theme.sizing.scale300,
36
- '@container root (min-width: 600px)': {
37
- flexDirection: 'row',
38
- justifyContent: 'space-between'
39
- }
40
- }));
41
- StyledActionContainer.displayName = "StyledActionContainer";
42
- StyledActionContainer.displayName = 'StyledActionContainer';
43
- const StyledActionSubContainer = exports.StyledActionSubContainer = (0, _index.styled)('div', ({
44
- $reverseWhenWide,
45
- $theme
46
- }) => ({
47
- display: 'flex',
48
- flexDirection: 'column',
49
- gap: $theme.sizing.scale300,
50
- '@container root (min-width: 600px)': {
51
- flexDirection: $reverseWhenWide ? 'row-reverse' : 'row'
52
- }
53
- }));
54
- StyledActionSubContainer.displayName = "StyledActionSubContainer";
55
- StyledActionSubContainer.displayName = 'StyledActionSubContainer';
@@ -1,14 +0,0 @@
1
- /// <reference types="react" />
2
- import type { Override } from '../helpers/overrides';
3
- export type ButtonDockedOverrides = {
4
- Root?: Override;
5
- ActionContainer?: Override;
6
- ActionSubContainer?: Override;
7
- };
8
- export type ButtonDockedProps = {
9
- primaryAction: React.ReactNode;
10
- secondaryActions?: [React.ReactNode] | [React.ReactNode, React.ReactNode];
11
- dismissiveAction?: React.ReactNode;
12
- topAccessory?: React.ReactNode;
13
- overrides?: ButtonDockedOverrides;
14
- };
@@ -1,3 +0,0 @@
1
- import type { FoundationColorTokens } from '../types';
2
- export declare const darkColorTokens: FoundationColorTokens;
3
- export default darkColorTokens;
@@ -1,3 +0,0 @@
1
- import type { FoundationColorTokens } from '../types';
2
- declare const lightColorTokens: FoundationColorTokens;
3
- export default lightColorTokens;
@@ -1,3 +0,0 @@
1
- import type { PrimitiveColorTokens } from './types';
2
- declare const colors: PrimitiveColorTokens;
3
- export default colors;
package/tokens/colors.js DELETED
@@ -1,125 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- /*
8
- Copyright (c) Uber Technologies, Inc.
9
-
10
- This source code is licensed under the MIT license found in the
11
- LICENSE file in the root directory of this source tree.
12
- */
13
-
14
- const colors = {
15
- white: '#FFFFFF',
16
- gray50: '#F6F6F6',
17
- gray100: '#EEEEEE',
18
- gray200: '#E2E2E2',
19
- gray300: '#CBCBCB',
20
- gray400: '#AFAFAF',
21
- gray500: '#6B6B6B',
22
- gray600: '#545454',
23
- gray700: '#333333',
24
- gray800: '#1F1F1F',
25
- gray900: '#141414',
26
- black: '#000000',
27
- platinum50: '#F4FAFB',
28
- platinum100: '#EBF5F7',
29
- platinum200: '#CCDFE5',
30
- platinum300: '#A1BDCA',
31
- platinum400: '#8EA3AD',
32
- platinum500: '#6C7C83',
33
- platinum600: '#556268',
34
- platinum700: '#394145',
35
- platinum800: '#142328',
36
- red50: '#FFEFED',
37
- red100: '#FED7D2',
38
- red200: '#F1998E',
39
- red300: '#E85C4A',
40
- red400: '#E11900',
41
- red500: '#AB1300',
42
- red600: '#870F00',
43
- red700: '#5A0A00',
44
- orange50: '#FFF3EF',
45
- orange100: '#FFE1D6',
46
- orange200: '#FABDA5',
47
- orange300: '#FA9269',
48
- orange400: '#FF6937',
49
- orange500: '#C14F29',
50
- orange600: '#9A3F21',
51
- orange700: '#672A16',
52
- yellow50: '#FFFAF0',
53
- yellow100: '#FFF2D9',
54
- yellow200: '#FFE3AC',
55
- yellow300: '#FFCF70',
56
- yellow400: '#FFC043',
57
- yellow500: '#BC8B2C',
58
- yellow600: '#996F00',
59
- yellow700: '#674D1B',
60
- lime50: '#F2F7ED',
61
- lime100: '#E0ECD2',
62
- lime200: '#BCD69D',
63
- lime300: '#8BB956',
64
- lime400: '#67A421',
65
- lime500: '#4E7C19',
66
- lime600: '#3D6213',
67
- lime700: '#29410d',
68
- green50: '#E6F2ED',
69
- green100: '#ADDEC9',
70
- green200: '#66D19E',
71
- green300: '#06C167',
72
- green400: '#048848',
73
- green500: '#03703C',
74
- green600: '#03582F',
75
- green700: '#10462D',
76
- teal50: '#EDF5F7',
77
- teal100: '#D2E8EC',
78
- teal200: '#9DCDD6',
79
- teal300: '#56A9B9',
80
- teal400: '#218EA4',
81
- teal500: '#196B7C',
82
- teal600: '#135562',
83
- teal700: '#0D3841',
84
- blue50: '#EFF3FE',
85
- blue100: '#D4E2FC',
86
- blue200: '#A0BFF8',
87
- blue300: '#5B91F5',
88
- blue400: '#276EF1',
89
- blue500: '#1E54B7',
90
- blue600: '#174291',
91
- blue700: '#102C60',
92
- cobalt50: '#EBEDFA',
93
- cobalt100: '#D2D7F0',
94
- cobalt200: '#949CE3',
95
- cobalt300: '#535FCF',
96
- cobalt400: '#0E1FC1',
97
- cobalt500: '#0A1899',
98
- cobalt600: '#081270',
99
- cobalt700: '#050C4D',
100
- purple50: '#F3F1F9',
101
- purple100: '#E3DDF2',
102
- purple200: '#C1B4E2',
103
- purple300: '#957FCE',
104
- purple400: '#7356BF',
105
- purple500: '#574191',
106
- purple600: '#453473',
107
- purple700: '#2E224C',
108
- magenta50: '#F9F1F7',
109
- magenta100: '#F2DDEB',
110
- magenta200: '#E2B4D3',
111
- magenta300: '#CE7EB3',
112
- magenta400: '#BF569C',
113
- magenta500: '#914176',
114
- magenta600: '#72335D',
115
- magenta700: '#4C223E',
116
- brown50: '#F6F0EA',
117
- brown100: '#EBE0DB',
118
- brown200: '#D2BBB0',
119
- brown300: '#B18977',
120
- brown400: '#99644C',
121
- brown500: '#744C3A',
122
- brown600: '#5C3C2E',
123
- brown700: '#3D281E'
124
- };
125
- var _default = exports.default = colors;
File without changes