@charcoal-ui/react 6.0.0-beta.2 → 6.0.0-rc.1

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 (77) hide show
  1. package/dist/components/Modal/index.d.ts +1 -1
  2. package/dist/components/TagItem/index.d.ts +5 -4
  3. package/dist/components/TagItem/index.d.ts.map +1 -1
  4. package/dist/index.cjs +2 -2
  5. package/dist/index.cjs.map +1 -1
  6. package/dist/index.css +160 -152
  7. package/dist/index.d.ts +2 -2
  8. package/dist/index.d.ts.map +1 -1
  9. package/dist/index.js +2 -2
  10. package/dist/index.js.map +1 -1
  11. package/dist/layered.css +160 -152
  12. package/dist/layered.css.map +1 -1
  13. package/package.json +5 -5
  14. package/src/__tests__/css-variables.test.ts +66 -0
  15. package/src/components/Button/__snapshots__/index.css.snap +30 -30
  16. package/src/components/Button/index.css +30 -30
  17. package/src/components/Button/index.story.tsx +18 -0
  18. package/src/components/Checkbox/CheckboxInput/index.css +10 -10
  19. package/src/components/Checkbox/__snapshots__/index.css.snap +1 -1
  20. package/src/components/Checkbox/index.css +1 -1
  21. package/src/components/Checkbox/index.story.tsx +18 -0
  22. package/src/components/Clickable/index.story.tsx +14 -0
  23. package/src/components/DropdownSelector/DropdownMenuItem/index.css +3 -3
  24. package/src/components/DropdownSelector/ListItem/index.css +1 -1
  25. package/src/components/DropdownSelector/MenuItemGroup/index.css +1 -1
  26. package/src/components/DropdownSelector/Popover/index.css +2 -2
  27. package/src/components/DropdownSelector/__snapshots__/index.css.snap +6 -6
  28. package/src/components/DropdownSelector/index.css +6 -6
  29. package/src/components/DropdownSelector/index.story.tsx +49 -0
  30. package/src/components/FieldLabel/__snapshots__/index.css.snap +3 -3
  31. package/src/components/FieldLabel/index.css +3 -3
  32. package/src/components/HintText/__snapshots__/index.css.snap +3 -3
  33. package/src/components/HintText/index.css +3 -3
  34. package/src/components/HintText/index.story.tsx +12 -0
  35. package/src/components/IconButton/__snapshots__/index.css.snap +16 -16
  36. package/src/components/IconButton/index.css +16 -16
  37. package/src/components/IconButton/index.story.tsx +15 -0
  38. package/src/components/LoadingSpinner/__snapshots__/index.css.snap +7 -7
  39. package/src/components/LoadingSpinner/index.css +7 -7
  40. package/src/components/LoadingSpinner/index.story.tsx +13 -0
  41. package/src/components/Modal/Dialog/index.css +1 -1
  42. package/src/components/Modal/ModalPlumbing.css +1 -1
  43. package/src/components/Modal/__snapshots__/index.css.snap +2 -2
  44. package/src/components/Modal/index.css +2 -2
  45. package/src/components/Modal/index.story.tsx +20 -0
  46. package/src/components/MultiSelect/__snapshots__/index.css.snap +10 -10
  47. package/src/components/MultiSelect/index.css +10 -10
  48. package/src/components/MultiSelect/index.story.tsx +50 -0
  49. package/src/components/Pagination/Pagination.story.tsx +11 -0
  50. package/src/components/Pagination/__snapshots__/index.css.snap +11 -11
  51. package/src/components/Pagination/index.css +11 -11
  52. package/src/components/Radio/RadioInput/index.css +10 -10
  53. package/src/components/Radio/__snapshots__/index.css.snap +1 -1
  54. package/src/components/Radio/index.css +1 -1
  55. package/src/components/Radio/index.story.tsx +40 -0
  56. package/src/components/SegmentedControl/__snapshots__/index.css.snap +4 -4
  57. package/src/components/SegmentedControl/index.css +4 -4
  58. package/src/components/SegmentedControl/index.story.tsx +20 -0
  59. package/src/components/Switch/SwitchInput/index.css +9 -9
  60. package/src/components/Switch/__snapshots__/index.css.snap +1 -1
  61. package/src/components/Switch/index.css +1 -1
  62. package/src/components/Switch/index.story.tsx +19 -0
  63. package/src/components/TagItem/__snapshots__/index.css.snap +5 -4
  64. package/src/components/TagItem/__snapshots__/index.story.storyshot +17 -17
  65. package/src/components/TagItem/index.css +5 -4
  66. package/src/components/TagItem/index.story.tsx +17 -0
  67. package/src/components/TagItem/index.tsx +25 -7
  68. package/src/components/TextArea/TextArea.story.tsx +30 -0
  69. package/src/components/TextArea/__snapshots__/index.css.snap +7 -5
  70. package/src/components/TextArea/index.css +8 -5
  71. package/src/components/TextEllipsis/__snapshots__/index.css.snap +3 -0
  72. package/src/components/TextEllipsis/index.css +4 -0
  73. package/src/components/TextField/AssistiveText/index.css +2 -2
  74. package/src/components/TextField/TextField.story.tsx +30 -0
  75. package/src/components/TextField/__snapshots__/index.css.snap +6 -6
  76. package/src/components/TextField/index.css +6 -6
  77. package/src/index.ts +2 -2
package/src/components/TextField/index.css CHANGED
@@ -14,8 +14,8 @@
14
14
  transition:
15
15
  0.2s background-color,
16
16
  0.2s box-shadow;
17
- color: var(--charcoal-text2);
18
- background-color: var(--charcoal-surface3);
17
+ color: var(--charcoal-color-text-secondary-default);
18
+ background-color: var(--charcoal-color-container-secondary-default-a);
19
19
  border-radius: 4px;
20
20
  padding: 0 8px;
21
21
  line-height: 22px;
@@ -26,7 +26,7 @@
26
26
  }
27
27
 
28
28
  &:not([aria-disabled='true']):hover {
29
- background-color: var(--charcoal-surface3-hover);
29
+ background-color: var(--charcoal-color-container-secondary-hover-a);
30
30
  }
31
31
 
32
32
  &:not([aria-disabled='true']):focus-within {
@@ -79,15 +79,15 @@
79
79
  appearance: none;
80
80
  background: transparent;
81
81
 
82
- color: var(--charcoal-text2);
82
+ color: var(--charcoal-color-text-secondary-default);
83
83
 
84
84
  &::placeholder {
85
- color: var(--charcoal-text3);
85
+ color: var(--charcoal-color-text-placeholder-default);
86
86
  }
87
87
  }
88
88
 
89
89
  .charcoal-text-field-line-counter {
90
90
  line-height: 22px;
91
91
  font-size: 14px;
92
- color: var(--charcoal-text3);
92
+ color: var(--charcoal-color-text-tertiary-default);
93
93
  }
package/src/index.ts CHANGED
@@ -88,11 +88,11 @@ export {
88
88
  type HintTextContext,
89
89
  } from './components/HintText'
90
90
  export {
91
- default as UnstableTextEllipsis,
91
+ default as TextEllipsis,
92
92
  type TextEllipsisProps,
93
93
  } from './components/TextEllipsis'
94
94
  export {
95
- default as UnstablePagination,
95
+ default as Pagination,
96
96
  type PaginationProps,
97
97
  } from './components/Pagination'
98
98
  import './components/FocusRing/index.css'