carbon-components-svelte 0.82.7 → 1.0.0-next.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 (80) hide show
  1. package/README.md +2 -7
  2. package/css/all.css +9 -1
  3. package/css/all.scss +23 -69
  4. package/css/g10.css +9 -1
  5. package/css/g10.scss +19 -30
  6. package/css/g100.css +9 -1
  7. package/css/g100.scss +19 -29
  8. package/css/g90.css +9 -1
  9. package/css/g90.scss +19 -29
  10. package/lib/index.js +1 -1
  11. package/lib/index.mjs +1835 -2445
  12. package/package.json +7 -7
  13. package/src/Accordion/Accordion.svelte +2 -2
  14. package/src/AspectRatio/AspectRatio.svelte +1 -3
  15. package/src/Button/Button.svelte +12 -7
  16. package/src/Button/ButtonSkeleton.svelte +4 -0
  17. package/src/ComboBox/ComboBox.svelte +1 -1
  18. package/src/ContentSwitcher/ContentSwitcher.svelte +2 -2
  19. package/src/DatePicker/DatePickerInput.svelte +2 -2
  20. package/src/Dropdown/Dropdown.svelte +6 -6
  21. package/src/FileUploader/FileUploaderItem.svelte +4 -4
  22. package/src/ListBox/ListBox.svelte +2 -2
  23. package/src/MultiSelect/MultiSelect.svelte +1 -1
  24. package/src/NumberInput/NumberInput.svelte +3 -5
  25. package/src/OverflowMenu/OverflowMenu.svelte +3 -3
  26. package/src/Popover/Popover.svelte +2 -4
  27. package/src/Popover/PopoverContent.svelte +10 -0
  28. package/src/Popover/index.js +1 -0
  29. package/src/Search/Search.svelte +4 -4
  30. package/src/Search/SearchSkeleton.svelte +3 -3
  31. package/src/Select/Select.svelte +3 -3
  32. package/src/Tabs/Tab.svelte +12 -17
  33. package/src/Tabs/Tabs.svelte +5 -48
  34. package/src/Tabs/TabsSkeleton.svelte +6 -9
  35. package/src/TextArea/TextArea.svelte +6 -2
  36. package/src/TextInput/PasswordInput.svelte +4 -4
  37. package/src/TextInput/TextInput.svelte +4 -6
  38. package/src/Theme/Theme.svelte +3 -4
  39. package/src/TimePicker/TimePicker.svelte +2 -2
  40. package/src/Toggle/Toggle.svelte +36 -20
  41. package/src/Toggle/index.js +0 -1
  42. package/src/TreeView/TreeView.svelte +4 -4
  43. package/src/Truncate/Truncate.svelte +2 -2
  44. package/src/Truncate/truncate.js +1 -1
  45. package/src/UIShell/HeaderAction.svelte +1 -0
  46. package/src/UIShell/HeaderActionLink.svelte +2 -5
  47. package/src/UIShell/HeaderGlobalAction.svelte +1 -0
  48. package/src/index.js +2 -2
  49. package/types/Accordion/Accordion.svelte.d.ts +1 -1
  50. package/types/Button/Button.svelte.d.ts +6 -4
  51. package/types/Button/ButtonSkeleton.svelte.d.ts +2 -0
  52. package/types/ComboBox/ComboBox.svelte.d.ts +1 -1
  53. package/types/ContentSwitcher/ContentSwitcher.svelte.d.ts +1 -1
  54. package/types/DatePicker/DatePickerInput.svelte.d.ts +1 -1
  55. package/types/Dropdown/Dropdown.svelte.d.ts +1 -1
  56. package/types/FileUploader/FileUploaderItem.svelte.d.ts +2 -2
  57. package/types/ListBox/ListBox.svelte.d.ts +1 -1
  58. package/types/MultiSelect/MultiSelect.svelte.d.ts +1 -1
  59. package/types/NumberInput/NumberInput.svelte.d.ts +1 -1
  60. package/types/OverflowMenu/OverflowMenu.svelte.d.ts +1 -1
  61. package/types/Popover/PopoverContent.svelte.d.ts +19 -0
  62. package/types/Search/Search.svelte.d.ts +2 -2
  63. package/types/Search/SearchSkeleton.svelte.d.ts +2 -2
  64. package/types/Select/Select.svelte.d.ts +1 -1
  65. package/types/Tabs/Tab.svelte.d.ts +1 -1
  66. package/types/Tabs/Tabs.svelte.d.ts +4 -20
  67. package/types/TextArea/TextArea.svelte.d.ts +1 -1
  68. package/types/TextInput/PasswordInput.svelte.d.ts +1 -1
  69. package/types/TextInput/TextInput.svelte.d.ts +1 -1
  70. package/types/Theme/Theme.svelte.d.ts +1 -1
  71. package/types/TimePicker/TimePicker.svelte.d.ts +1 -1
  72. package/types/Toggle/Toggle.svelte.d.ts +3 -3
  73. package/types/TreeView/TreeView.svelte.d.ts +2 -2
  74. package/types/index.d.ts +1 -1
  75. package/css/_popover.scss +0 -325
  76. package/css/g80.css +0 -1
  77. package/css/g80.scss +0 -34
  78. package/css/white.css +0 -1
  79. package/css/white.scss +0 -33
  80. package/types/Toggle/ToggleSkeleton.svelte.d.ts +0 -37
package/README.md CHANGED
@@ -45,11 +45,10 @@ pnpm i -D carbon-components-svelte
45
45
 
46
46
  ### Styling
47
47
 
48
- Before importing components, you will need to first apply Carbon component styles. The Carbon Design System supports five themes (2 light, 3 dark).
48
+ Before importing components, you will need to first apply Carbon component styles. The Carbon Design System supports four themes (2 light, 2 dark).
49
49
 
50
50
  - **white.css**: Default Carbon theme (light)
51
51
  - **g10.css**: Gray 10 theme (light)
52
- - **g80.css**: Gray 80 theme (dark)
53
52
  - **g90.css**: Gray 90 theme (dark)
54
53
  - **g100.css**: Gray 100 theme (dark)
55
54
  - **all.css**: All themes (White, Gray 10, Gray 90, Gray 100) using [CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties)
@@ -60,7 +59,6 @@ The compiled CSS is generated from the following `.scss` files:
60
59
 
61
60
  - [css/white.scss](css/white.scss)
62
61
  - [css/g10.scss](css/g10.scss)
63
- - [css/g80.scss](css/g80.scss)
64
62
  - [css/g90.scss](css/g90.scss)
65
63
  - [css/g100.scss](css/g100.scss)
66
64
  - [css/all.scss](css/all.scss)
@@ -74,9 +72,6 @@ import "carbon-components-svelte/css/white.css";
74
72
  // Gray 10 theme
75
73
  import "carbon-components-svelte/css/g10.css";
76
74
 
77
- // Gray 80 theme
78
- import "carbon-components-svelte/css/g80.css";
79
-
80
75
  // Gray 90 theme
81
76
  import "carbon-components-svelte/css/g90.css";
82
77
 
@@ -147,7 +142,7 @@ Programmatically switch between each of the five Carbon themes by setting the "t
147
142
 
148
143
  ```html
149
144
  <script>
150
- let theme = "white"; // "white" | "g10" | "g80" | "g90" | "g100"
145
+ let theme = "white"; // "white" | "g10" | "g90" | "g100"
151
146
 
152
147
  $: document.documentElement.setAttribute("theme", theme);
153
148
  </script>