baseui 0.0.0-next-1cb4384 → 0.0.0-next-d7a218e

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 (13) hide show
  1. package/a11y/a11y.js +2 -2
  2. package/a11y/a11y.js.flow +3 -3
  3. package/data-table/column-categorical.js +1 -1
  4. package/data-table/column-categorical.js.flow +2 -2
  5. package/data-table/column-numerical.js +1 -1
  6. package/data-table/column-numerical.js.flow +3 -3
  7. package/es/a11y/a11y.js +2 -2
  8. package/es/data-table/column-categorical.js +2 -2
  9. package/es/data-table/column-numerical.js +2 -2
  10. package/esm/a11y/a11y.js +3 -3
  11. package/esm/data-table/column-categorical.js +2 -2
  12. package/esm/data-table/column-numerical.js +2 -2
  13. package/package.json +1 -1
package/a11y/a11y.js CHANGED
@@ -140,8 +140,8 @@ function Violation(props) {
140
140
  ref: setPopper,
141
141
  $top: "".concat(offset.top, "px") || '0px',
142
142
  $left: "".concat(offset.left, "px") || '0px'
143
- }, /*#__PURE__*/React.createElement(_index2.Caption1, null, props.target), props.violations.map(function (violation, index) {
144
- return /*#__PURE__*/React.createElement(_index2.Paragraph3, {
143
+ }, /*#__PURE__*/React.createElement(_index2.ParagraphXSmall, null, props.target), props.violations.map(function (violation, index) {
144
+ return /*#__PURE__*/React.createElement(_index2.ParagraphSmall, {
145
145
  key: index
146
146
  }, violation.description);
147
147
  }))));
package/a11y/a11y.js.flow CHANGED
@@ -11,7 +11,7 @@ import * as React from 'react';
11
11
  import axe from 'axe-core';
12
12
 
13
13
  import {Layer, TetherBehavior, TETHER_PLACEMENT} from '../layer/index.js';
14
- import {Paragraph3, Caption1} from '../typography/index.js';
14
+ import {ParagraphSmall, ParagraphXSmall} from '../typography/index.js';
15
15
  import {styled} from '../styles/index.js';
16
16
  import {ThemeContext} from '../styles/theme-provider.js';
17
17
 
@@ -101,9 +101,9 @@ function Violation(props: ViolationPropsT) {
101
101
  $top={`${offset.top}px` || '0px'}
102
102
  $left={`${offset.left}px` || '0px'}
103
103
  >
104
- <Caption1>{props.target}</Caption1>
104
+ <ParagraphXSmall>{props.target}</ParagraphXSmall>
105
105
  {props.violations.map((violation, index) => (
106
- <Paragraph3 key={index}>{violation.description}</Paragraph3>
106
+ <ParagraphSmall key={index}>{violation.description}</ParagraphSmall>
107
107
  ))}
108
108
  </ViolationContainer>
109
109
  </TetherBehavior>
package/data-table/column-categorical.js CHANGED
@@ -208,7 +208,7 @@ function CategoricalFilter(props) {
208
208
  overflowY: 'auto',
209
209
  marginTop: theme.sizing.scale600
210
210
  })
211
- }, !filteredCategories.length && /*#__PURE__*/React.createElement(_index6.Label3, null, locale.datatable.categoricalFilterEmpty), Boolean(filteredCategories.length) && filteredCategories.map(function (category, i) {
211
+ }, !filteredCategories.length && /*#__PURE__*/React.createElement(_index6.LabelSmall, null, locale.datatable.categoricalFilterEmpty), Boolean(filteredCategories.length) && filteredCategories.map(function (category, i) {
212
212
  return /*#__PURE__*/React.createElement("div", {
213
213
  className: checkboxStyles,
214
214
  key: i
package/data-table/column-categorical.js.flow CHANGED
@@ -14,7 +14,7 @@ import {Checkbox, StyledLabel} from '../checkbox/index.js';
14
14
  import Search from '../icon/search.js';
15
15
  import {Input, SIZE as INPUT_SIZE} from '../input/index.js';
16
16
  import {useStyletron, withStyle} from '../styles/index.js';
17
- import {Label3} from '../typography/index.js';
17
+ import {LabelSmall} from '../typography/index.js';
18
18
 
19
19
  import Column from './column.js';
20
20
  import {COLUMNS} from './constants.js';
@@ -184,7 +184,7 @@ export function CategoricalFilter(props: CategoricalFilterProps) {
184
184
  })}
185
185
  >
186
186
  {!filteredCategories.length && (
187
- <Label3>{locale.datatable.categoricalFilterEmpty}</Label3>
187
+ <LabelSmall>{locale.datatable.categoricalFilterEmpty}</LabelSmall>
188
188
  )}
189
189
 
190
190
  {Boolean(filteredCategories.length) &&
package/data-table/column-numerical.js CHANGED
@@ -493,7 +493,7 @@ function NumericalFilter(props) {
493
493
  marginLeft: theme.sizing.scale300,
494
494
  marginRight: theme.sizing.scale300
495
495
  })
496
- }, /*#__PURE__*/React.createElement(_index5.Paragraph4, null, format(min, props.options)), ' ', /*#__PURE__*/React.createElement(_index5.Paragraph4, null, format(max, props.options))), /*#__PURE__*/React.createElement("div", {
496
+ }, /*#__PURE__*/React.createElement(_index5.ParagraphXSmall, null, format(min, props.options)), ' ', /*#__PURE__*/React.createElement(_index5.ParagraphXSmall, null, format(max, props.options))), /*#__PURE__*/React.createElement("div", {
497
497
  className: css({
498
498
  display: 'flex',
499
499
  justifyContent: 'space-between'
package/data-table/column-numerical.js.flow CHANGED
@@ -12,7 +12,7 @@ import {Button, SIZE} from '../button/index.js';
12
12
  import {ButtonGroup, MODE} from '../button-group/index.js';
13
13
  import {Input, SIZE as INPUT_SIZE} from '../input/index.js';
14
14
  import {useStyletron} from '../styles/index.js';
15
- import {Paragraph4} from '../typography/index.js';
15
+ import {ParagraphXSmall} from '../typography/index.js';
16
16
 
17
17
  import Column from './column.js';
18
18
  import {COLUMNS, NUMERICAL_FORMATS, NUMERICAL_OPERATIONS} from './constants.js';
@@ -388,8 +388,8 @@ function NumericalFilter(props) {
388
388
  marginRight: theme.sizing.scale300,
389
389
  })}
390
390
  >
391
- <Paragraph4>{format(min, props.options)}</Paragraph4>{' '}
392
- <Paragraph4>{format(max, props.options)}</Paragraph4>
391
+ <ParagraphXSmall>{format(min, props.options)}</ParagraphXSmall>{' '}
392
+ <ParagraphXSmall>{format(max, props.options)}</ParagraphXSmall>
393
393
  </div>
394
394
 
395
395
  <div className={css({display: 'flex', justifyContent: 'space-between'})}>
package/es/a11y/a11y.js CHANGED
@@ -9,7 +9,7 @@ LICENSE file in the root directory of this source tree.
9
9
  import * as React from 'react';
10
10
  import axe from 'axe-core';
11
11
  import { Layer, TetherBehavior, TETHER_PLACEMENT } from '../layer/index.js';
12
- import { Paragraph3, Caption1 } from '../typography/index.js';
12
+ import { ParagraphSmall, ParagraphXSmall } from '../typography/index.js';
13
13
  import { styled } from '../styles/index.js';
14
14
  import { ThemeContext } from '../styles/theme-provider.js';
15
15
 
@@ -95,7 +95,7 @@ function Violation(props) {
95
95
  ref: setPopper,
96
96
  $top: `${offset.top}px` || '0px',
97
97
  $left: `${offset.left}px` || '0px'
98
- }, /*#__PURE__*/React.createElement(Caption1, null, props.target), props.violations.map((violation, index) => /*#__PURE__*/React.createElement(Paragraph3, {
98
+ }, /*#__PURE__*/React.createElement(ParagraphXSmall, null, props.target), props.violations.map((violation, index) => /*#__PURE__*/React.createElement(ParagraphSmall, {
99
99
  key: index
100
100
  }, violation.description)))));
101
101
  }
package/es/data-table/column-categorical.js CHANGED
@@ -13,7 +13,7 @@ import { Checkbox, StyledLabel } from '../checkbox/index.js';
13
13
  import Search from '../icon/search.js';
14
14
  import { Input, SIZE as INPUT_SIZE } from '../input/index.js';
15
15
  import { useStyletron, withStyle } from '../styles/index.js';
16
- import { Label3 } from '../typography/index.js';
16
+ import { LabelSmall } from '../typography/index.js';
17
17
  import Column from './column.js';
18
18
  import { COLUMNS } from './constants.js';
19
19
  import { LocaleContext } from '../locale/index.js';
@@ -139,7 +139,7 @@ export function CategoricalFilter(props) {
139
139
  overflowY: 'auto',
140
140
  marginTop: theme.sizing.scale600
141
141
  })
142
- }, !filteredCategories.length && /*#__PURE__*/React.createElement(Label3, null, locale.datatable.categoricalFilterEmpty), Boolean(filteredCategories.length) && filteredCategories.map((category, i) => /*#__PURE__*/React.createElement("div", {
142
+ }, !filteredCategories.length && /*#__PURE__*/React.createElement(LabelSmall, null, locale.datatable.categoricalFilterEmpty), Boolean(filteredCategories.length) && filteredCategories.map((category, i) => /*#__PURE__*/React.createElement("div", {
143
143
  className: checkboxStyles,
144
144
  key: i
145
145
  }, /*#__PURE__*/React.createElement(Checkbox, {
package/es/data-table/column-numerical.js CHANGED
@@ -11,7 +11,7 @@ import { Button, SIZE } from '../button/index.js';
11
11
  import { ButtonGroup, MODE } from '../button-group/index.js';
12
12
  import { Input, SIZE as INPUT_SIZE } from '../input/index.js';
13
13
  import { useStyletron } from '../styles/index.js';
14
- import { Paragraph4 } from '../typography/index.js';
14
+ import { ParagraphXSmall } from '../typography/index.js';
15
15
  import Column from './column.js';
16
16
  import { COLUMNS, NUMERICAL_FORMATS, NUMERICAL_OPERATIONS } from './constants.js';
17
17
  import FilterShell from './filter-shell.js';
@@ -402,7 +402,7 @@ function NumericalFilter(props) {
402
402
  marginLeft: theme.sizing.scale300,
403
403
  marginRight: theme.sizing.scale300
404
404
  })
405
- }, /*#__PURE__*/React.createElement(Paragraph4, null, format(min, props.options)), ' ', /*#__PURE__*/React.createElement(Paragraph4, null, format(max, props.options))), /*#__PURE__*/React.createElement("div", {
405
+ }, /*#__PURE__*/React.createElement(ParagraphXSmall, null, format(min, props.options)), ' ', /*#__PURE__*/React.createElement(ParagraphXSmall, null, format(max, props.options))), /*#__PURE__*/React.createElement("div", {
406
406
  className: css({
407
407
  display: 'flex',
408
408
  justifyContent: 'space-between'
package/esm/a11y/a11y.js CHANGED
@@ -21,7 +21,7 @@ LICENSE file in the root directory of this source tree.
21
21
  import * as React from 'react';
22
22
  import axe from 'axe-core';
23
23
  import { Layer, TetherBehavior, TETHER_PLACEMENT } from '../layer/index.js';
24
- import { Paragraph3, Caption1 } from '../typography/index.js';
24
+ import { ParagraphSmall, ParagraphXSmall } from '../typography/index.js';
25
25
  import { styled } from '../styles/index.js';
26
26
  import { ThemeContext } from '../styles/theme-provider.js';
27
27
 
@@ -128,8 +128,8 @@ function Violation(props) {
128
128
  ref: setPopper,
129
129
  $top: "".concat(offset.top, "px") || '0px',
130
130
  $left: "".concat(offset.left, "px") || '0px'
131
- }, /*#__PURE__*/React.createElement(Caption1, null, props.target), props.violations.map(function (violation, index) {
132
- return /*#__PURE__*/React.createElement(Paragraph3, {
131
+ }, /*#__PURE__*/React.createElement(ParagraphXSmall, null, props.target), props.violations.map(function (violation, index) {
132
+ return /*#__PURE__*/React.createElement(ParagraphSmall, {
133
133
  key: index
134
134
  }, violation.description);
135
135
  }))));
package/esm/data-table/column-categorical.js CHANGED
@@ -29,7 +29,7 @@ import { Checkbox, StyledLabel } from '../checkbox/index.js';
29
29
  import Search from '../icon/search.js';
30
30
  import { Input, SIZE as INPUT_SIZE } from '../input/index.js';
31
31
  import { useStyletron, withStyle } from '../styles/index.js';
32
- import { Label3 } from '../typography/index.js';
32
+ import { LabelSmall } from '../typography/index.js';
33
33
  import Column from './column.js';
34
34
  import { COLUMNS } from './constants.js';
35
35
  import { LocaleContext } from '../locale/index.js';
@@ -186,7 +186,7 @@ export function CategoricalFilter(props) {
186
186
  overflowY: 'auto',
187
187
  marginTop: theme.sizing.scale600
188
188
  })
189
- }, !filteredCategories.length && /*#__PURE__*/React.createElement(Label3, null, locale.datatable.categoricalFilterEmpty), Boolean(filteredCategories.length) && filteredCategories.map(function (category, i) {
189
+ }, !filteredCategories.length && /*#__PURE__*/React.createElement(LabelSmall, null, locale.datatable.categoricalFilterEmpty), Boolean(filteredCategories.length) && filteredCategories.map(function (category, i) {
190
190
  return /*#__PURE__*/React.createElement("div", {
191
191
  className: checkboxStyles,
192
192
  key: i
package/esm/data-table/column-numerical.js CHANGED
@@ -37,7 +37,7 @@ import { Button, SIZE } from '../button/index.js';
37
37
  import { ButtonGroup, MODE } from '../button-group/index.js';
38
38
  import { Input, SIZE as INPUT_SIZE } from '../input/index.js';
39
39
  import { useStyletron } from '../styles/index.js';
40
- import { Paragraph4 } from '../typography/index.js';
40
+ import { ParagraphXSmall } from '../typography/index.js';
41
41
  import Column from './column.js';
42
42
  import { COLUMNS, NUMERICAL_FORMATS, NUMERICAL_OPERATIONS } from './constants.js';
43
43
  import FilterShell from './filter-shell.js';
@@ -475,7 +475,7 @@ function NumericalFilter(props) {
475
475
  marginLeft: theme.sizing.scale300,
476
476
  marginRight: theme.sizing.scale300
477
477
  })
478
- }, /*#__PURE__*/React.createElement(Paragraph4, null, format(min, props.options)), ' ', /*#__PURE__*/React.createElement(Paragraph4, null, format(max, props.options))), /*#__PURE__*/React.createElement("div", {
478
+ }, /*#__PURE__*/React.createElement(ParagraphXSmall, null, format(min, props.options)), ' ', /*#__PURE__*/React.createElement(ParagraphXSmall, null, format(max, props.options))), /*#__PURE__*/React.createElement("div", {
479
479
  className: css({
480
480
  display: 'flex',
481
481
  justifyContent: 'space-between'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "baseui",
3
- "version": "0.0.0-next-1cb4384",
3
+ "version": "0.0.0-next-d7a218e",
4
4
  "description": "A React Component library implementing the Base design language",
5
5
  "keywords": [
6
6
  "react",