@charcoal-ui/react 3.12.0 → 3.13.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 (52) hide show
  1. package/README.md +1 -1
  2. package/dist/components/Modal/index.d.ts +3 -0
  3. package/dist/components/Modal/index.d.ts.map +1 -1
  4. package/dist/core/SSRProvider.d.ts +3 -1
  5. package/dist/core/SSRProvider.d.ts.map +1 -1
  6. package/dist/index.cjs.js +113 -104
  7. package/dist/index.cjs.js.map +1 -1
  8. package/dist/index.d.ts +1 -1
  9. package/dist/index.d.ts.map +1 -1
  10. package/dist/index.esm.js +13 -5
  11. package/dist/index.esm.js.map +1 -1
  12. package/package.json +8 -8
  13. package/src/components/Button/__snapshots__/index.story.storyshot +9 -9
  14. package/src/components/Button/index.story.tsx +1 -1
  15. package/src/components/Checkbox/__snapshots__/index.story.storyshot +6 -6
  16. package/src/components/Checkbox/index.story.tsx +1 -1
  17. package/src/components/Clickable/__snapshots__/index.story.storyshot +2 -2
  18. package/src/components/Clickable/index.story.tsx +1 -1
  19. package/src/components/DropdownSelector/ListItem/__snapshots__/index.story.storyshot +1 -1
  20. package/src/components/DropdownSelector/ListItem/index.story.tsx +1 -1
  21. package/src/components/DropdownSelector/MenuList/__snapshots__/index.story.storyshot +3 -3
  22. package/src/components/DropdownSelector/MenuList/index.story.tsx +1 -1
  23. package/src/components/DropdownSelector/Popover/__snapshots__/index.story.storyshot +1 -1
  24. package/src/components/DropdownSelector/Popover/index.story.tsx +1 -1
  25. package/src/components/DropdownSelector/__snapshots__/index.story.storyshot +14 -936
  26. package/src/components/DropdownSelector/index.story.tsx +2 -2
  27. package/src/components/Icon/__snapshots__/index.story.storyshot +1 -1
  28. package/src/components/Icon/index.story.tsx +1 -1
  29. package/src/components/IconButton/__snapshots__/index.story.storyshot +6 -3
  30. package/src/components/IconButton/index.story.tsx +1 -1
  31. package/src/components/IconButton/index.tsx +1 -1
  32. package/src/components/LoadingSpinner/__snapshots__/index.story.storyshot +4 -4
  33. package/src/components/LoadingSpinner/index.story.tsx +1 -1
  34. package/src/components/Modal/__snapshots__/index.story.storyshot +24 -12
  35. package/src/components/Modal/index.story.tsx +2 -2
  36. package/src/components/Modal/index.tsx +6 -2
  37. package/src/components/MultiSelect/__snapshots__/index.story.storyshot +4 -4
  38. package/src/components/MultiSelect/index.story.tsx +1 -1
  39. package/src/components/Radio/__snapshots__/index.story.storyshot +5 -5
  40. package/src/components/Radio/index.story.tsx +1 -1
  41. package/src/components/SegmentedControl/__snapshots__/index.story.storyshot +2 -2
  42. package/src/components/SegmentedControl/index.story.tsx +1 -1
  43. package/src/components/Switch/__snapshots__/index.story.storyshot +4 -4
  44. package/src/components/Switch/index.story.tsx +1 -1
  45. package/src/components/TagItem/__snapshots__/index.story.storyshot +9 -9
  46. package/src/components/TagItem/index.story.tsx +2 -2
  47. package/src/components/TextArea/TextArea.story.tsx +1 -1
  48. package/src/components/TextArea/__snapshots__/TextArea.story.storyshot +11 -11
  49. package/src/components/TextField/TextField.story.tsx +1 -1
  50. package/src/components/TextField/__snapshots__/TextField.story.storyshot +13 -13
  51. package/src/core/SSRProvider.tsx +12 -1
  52. package/src/index.ts +5 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@charcoal-ui/react",
3
- "version": "3.12.0",
3
+ "version": "3.13.0",
4
4
  "license": "Apache-2.0",
5
5
  "main": "./dist/index.cjs.js",
6
6
  "module": "./dist/index.esm.js",
@@ -20,7 +20,7 @@
20
20
  "clean": "rimraf dist .tsbuildinfo"
21
21
  },
22
22
  "devDependencies": {
23
- "@charcoal-ui/esbuild-plugin-styled-components": "^3.12.0",
23
+ "@charcoal-ui/esbuild-plugin-styled-components": "^3.13.0",
24
24
  "@react-types/dialog": "^3.5.8",
25
25
  "@react-types/switch": "^3.1.2",
26
26
  "@storybook/addon-actions": "^8.0.5",
@@ -48,11 +48,11 @@
48
48
  "typescript": "^4.9.5"
49
49
  },
50
50
  "dependencies": {
51
- "@charcoal-ui/foundation": "^3.12.0",
52
- "@charcoal-ui/icons": "^3.12.0",
53
- "@charcoal-ui/styled": "^3.12.0",
54
- "@charcoal-ui/theme": "^3.12.0",
55
- "@charcoal-ui/utils": "^3.12.0",
51
+ "@charcoal-ui/foundation": "^3.13.0",
52
+ "@charcoal-ui/icons": "^3.13.0",
53
+ "@charcoal-ui/styled": "^3.13.0",
54
+ "@charcoal-ui/theme": "^3.13.0",
55
+ "@charcoal-ui/utils": "^3.13.0",
56
56
  "@react-aria/button": "^3.9.1",
57
57
  "@react-aria/checkbox": "^3.13.0",
58
58
  "@react-aria/dialog": "^3.5.10",
@@ -86,5 +86,5 @@
86
86
  "url": "https://github.com/pixiv/charcoal.git",
87
87
  "directory": "packages/react"
88
88
  },
89
- "gitHead": "817a068941a10855b03ca57f380412e54f8bdf4b"
89
+ "gitHead": "f0267a5894ade5fd8f378a5f77dddf8ba27bd320"
90
90
  }
@@ -1,6 +1,6 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`Storybook Tests Button Danger 1`] = `
3
+ exports[`Storybook Tests react/Button Danger 1`] = `
4
4
  .c0 {
5
5
  cursor: pointer;
6
6
  -webkit-appearance: none;
@@ -116,7 +116,7 @@ exports[`Storybook Tests Button Danger 1`] = `
116
116
  </div>
117
117
  `;
118
118
 
119
- exports[`Storybook Tests Button Default 1`] = `
119
+ exports[`Storybook Tests react/Button Default 1`] = `
120
120
  .c0 {
121
121
  cursor: pointer;
122
122
  -webkit-appearance: none;
@@ -232,7 +232,7 @@ exports[`Storybook Tests Button Default 1`] = `
232
232
  </div>
233
233
  `;
234
234
 
235
- exports[`Storybook Tests Button Disabled 1`] = `
235
+ exports[`Storybook Tests react/Button Disabled 1`] = `
236
236
  .c0 {
237
237
  cursor: pointer;
238
238
  -webkit-appearance: none;
@@ -348,7 +348,7 @@ exports[`Storybook Tests Button Disabled 1`] = `
348
348
  </div>
349
349
  `;
350
350
 
351
- exports[`Storybook Tests Button FullWidth 1`] = `
351
+ exports[`Storybook Tests react/Button FullWidth 1`] = `
352
352
  .c0 {
353
353
  cursor: pointer;
354
354
  -webkit-appearance: none;
@@ -464,7 +464,7 @@ exports[`Storybook Tests Button FullWidth 1`] = `
464
464
  </div>
465
465
  `;
466
466
 
467
- exports[`Storybook Tests Button IsActive 1`] = `
467
+ exports[`Storybook Tests react/Button IsActive 1`] = `
468
468
  .c0 {
469
469
  cursor: pointer;
470
470
  -webkit-appearance: none;
@@ -574,7 +574,7 @@ exports[`Storybook Tests Button IsActive 1`] = `
574
574
  </div>
575
575
  `;
576
576
 
577
- exports[`Storybook Tests Button Navigation 1`] = `
577
+ exports[`Storybook Tests react/Button Navigation 1`] = `
578
578
  .c0 {
579
579
  cursor: pointer;
580
580
  -webkit-appearance: none;
@@ -690,7 +690,7 @@ exports[`Storybook Tests Button Navigation 1`] = `
690
690
  </div>
691
691
  `;
692
692
 
693
- exports[`Storybook Tests Button Overlay 1`] = `
693
+ exports[`Storybook Tests react/Button Overlay 1`] = `
694
694
  .c0 {
695
695
  cursor: pointer;
696
696
  -webkit-appearance: none;
@@ -806,7 +806,7 @@ exports[`Storybook Tests Button Overlay 1`] = `
806
806
  </div>
807
807
  `;
808
808
 
809
- exports[`Storybook Tests Button Primary 1`] = `
809
+ exports[`Storybook Tests react/Button Primary 1`] = `
810
810
  .c0 {
811
811
  cursor: pointer;
812
812
  -webkit-appearance: none;
@@ -922,7 +922,7 @@ exports[`Storybook Tests Button Primary 1`] = `
922
922
  </div>
923
923
  `;
924
924
 
925
- exports[`Storybook Tests Button Small 1`] = `
925
+ exports[`Storybook Tests react/Button Small 1`] = `
926
926
  .c0 {
927
927
  cursor: pointer;
928
928
  -webkit-appearance: none;
@@ -2,7 +2,7 @@ import Button from '.'
2
2
  import { Meta, StoryObj } from '@storybook/react'
3
3
 
4
4
  export default {
5
- title: 'Button',
5
+ title: 'react/Button',
6
6
  component: Button,
7
7
  } as Meta<typeof Button>
8
8
 
@@ -1,6 +1,6 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`Storybook Tests Checkbox Checked 1`] = `
3
+ exports[`Storybook Tests react/Checkbox Checked 1`] = `
4
4
  .c0 {
5
5
  position: relative;
6
6
  display: -webkit-box;
@@ -167,7 +167,7 @@ exports[`Storybook Tests Checkbox Checked 1`] = `
167
167
  </div>
168
168
  `;
169
169
 
170
- exports[`Storybook Tests Checkbox Default 1`] = `
170
+ exports[`Storybook Tests react/Checkbox Default 1`] = `
171
171
  .c0 {
172
172
  position: relative;
173
173
  display: -webkit-box;
@@ -325,7 +325,7 @@ exports[`Storybook Tests Checkbox Default 1`] = `
325
325
  </div>
326
326
  `;
327
327
 
328
- exports[`Storybook Tests Checkbox Disabled 1`] = `
328
+ exports[`Storybook Tests react/Checkbox Disabled 1`] = `
329
329
  .c0 {
330
330
  position: relative;
331
331
  display: -webkit-box;
@@ -493,7 +493,7 @@ exports[`Storybook Tests Checkbox Disabled 1`] = `
493
493
  </div>
494
494
  `;
495
495
 
496
- exports[`Storybook Tests Checkbox Invalid 1`] = `
496
+ exports[`Storybook Tests react/Checkbox Invalid 1`] = `
497
497
  .c0 {
498
498
  position: relative;
499
499
  display: -webkit-box;
@@ -662,7 +662,7 @@ exports[`Storybook Tests Checkbox Invalid 1`] = `
662
662
  </div>
663
663
  `;
664
664
 
665
- exports[`Storybook Tests Checkbox Label 1`] = `
665
+ exports[`Storybook Tests react/Checkbox Label 1`] = `
666
666
  .c0 {
667
667
  position: relative;
668
668
  display: -webkit-box;
@@ -830,7 +830,7 @@ exports[`Storybook Tests Checkbox Label 1`] = `
830
830
  </div>
831
831
  `;
832
832
 
833
- exports[`Storybook Tests Checkbox ReadOnly 1`] = `
833
+ exports[`Storybook Tests react/Checkbox ReadOnly 1`] = `
834
834
  .c0 {
835
835
  position: relative;
836
836
  display: -webkit-box;
@@ -3,7 +3,7 @@ import { Meta, StoryObj } from '@storybook/react'
3
3
  import { useCallback, useState } from 'react'
4
4
 
5
5
  export default {
6
- title: 'Checkbox',
6
+ title: 'react/Checkbox',
7
7
  component: Checkbox,
8
8
  parameters: {
9
9
  layout: 'centered',
@@ -1,6 +1,6 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`Storybook Tests Clickable Button 1`] = `
3
+ exports[`Storybook Tests react/Clickable Button 1`] = `
4
4
  .c0 {
5
5
  cursor: pointer;
6
6
  -webkit-appearance: none;
@@ -51,7 +51,7 @@ exports[`Storybook Tests Clickable Button 1`] = `
51
51
  </div>
52
52
  `;
53
53
 
54
- exports[`Storybook Tests Clickable Link 1`] = `
54
+ exports[`Storybook Tests react/Clickable Link 1`] = `
55
55
  .c0 {
56
56
  cursor: pointer;
57
57
  -webkit-appearance: none;
@@ -3,7 +3,7 @@ import Clickable from '.'
3
3
  import { Meta, StoryObj } from '@storybook/react'
4
4
 
5
5
  export default {
6
- title: 'Clickable',
6
+ title: 'react/Clickable',
7
7
  component: Clickable,
8
8
  } as Meta<typeof Clickable>
9
9
 
@@ -1,6 +1,6 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`Storybook Tests DropdownSelector/ListItem Basic 1`] = `
3
+ exports[`Storybook Tests react/internals/ListItem Basic 1`] = `
4
4
  .c0 {
5
5
  list-style: none;
6
6
  }
@@ -6,7 +6,7 @@ import styled from 'styled-components'
6
6
  import { Meta, StoryObj } from '@storybook/react'
7
7
 
8
8
  export default {
9
- title: 'DropdownSelector/ListItem',
9
+ title: 'react/internals/ListItem',
10
10
  component: ListItem,
11
11
  } as Meta<typeof ListItem>
12
12
 
@@ -1,6 +1,6 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`Storybook Tests DropdownSelector/MenuList Basic 1`] = `
3
+ exports[`Storybook Tests react/internals/MenuList Basic 1`] = `
4
4
  .c0 {
5
5
  padding: 0;
6
6
  margin: 0;
@@ -210,7 +210,7 @@ exports[`Storybook Tests DropdownSelector/MenuList Basic 1`] = `
210
210
  </div>
211
211
  `;
212
212
 
213
- exports[`Storybook Tests DropdownSelector/MenuList Disabled 1`] = `
213
+ exports[`Storybook Tests react/internals/MenuList Disabled 1`] = `
214
214
  .c0 {
215
215
  padding: 0;
216
216
  margin: 0;
@@ -291,7 +291,7 @@ exports[`Storybook Tests DropdownSelector/MenuList Disabled 1`] = `
291
291
  </div>
292
292
  `;
293
293
 
294
- exports[`Storybook Tests DropdownSelector/MenuList Group 1`] = `
294
+ exports[`Storybook Tests react/internals/MenuList Group 1`] = `
295
295
  .c0 {
296
296
  padding: 0;
297
297
  margin: 0;
@@ -5,7 +5,7 @@ import MenuItemGroup from '../MenuItemGroup'
5
5
  import { Meta, StoryObj } from '@storybook/react'
6
6
 
7
7
  export default {
8
- title: 'DropdownSelector/MenuList',
8
+ title: 'react/internals/MenuList',
9
9
  component: MenuList,
10
10
  } as Meta<typeof MenuList>
11
11
 
@@ -1,6 +1,6 @@
1
1
  // Jest Snapshot v1, https://goo.gl/fbAQLP
2
2
 
3
- exports[`Storybook Tests DropdownSelector/Popover Basic 1`] = `
3
+ exports[`Storybook Tests react/internals/Popover Basic 1`] = `
4
4
  .c0 {
5
5
  cursor: pointer;
6
6
  -webkit-appearance: none;
@@ -4,7 +4,7 @@ import Button from '../../Button'
4
4
  import { Meta, StoryObj } from '@storybook/react'
5
5
 
6
6
  export default {
7
- title: 'DropdownSelector/Popover',
7
+ title: 'react/internals/Popover',
8
8
  component: Popover,
9
9
  } as Meta<typeof Popover>
10
10