@strapi/design-system 2.2.4 → 2.3.0-alpha.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.
package/README.md CHANGED
@@ -36,6 +36,22 @@ export default App;
36
36
 
37
37
  Then, checkout the complete [Storybook documentation](https://design-system-git-main-strapijs.vercel.app/) to find the components you want to use and how to use them.
38
38
 
39
+ ## The `/next` path
40
+
41
+ > [!WARNING]
42
+ > This path is experimental. It can change in a minor release.
43
+
44
+ `@strapi/design-system/next` holds the new components. They use Tailwind CSS and shadcn.
45
+
46
+ Import the stylesheet yourself. No JavaScript import brings it, and no future change may bring it.
47
+
48
+ ```jsx
49
+ import '@strapi/design-system/next/styles.css';
50
+ import { Button } from '@strapi/design-system/next';
51
+ ```
52
+
53
+ The package builds this stylesheet, so you need no CSS tools of your own.
54
+
39
55
  ## Contributing
40
56
 
41
57
  Please follow our [CONTRIBUTING](https://github.com/strapi/design-system/blob/main/CONTRIBUTING.md) guidelines.
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=useColorScheme.test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useColorScheme.test.d.ts","sourceRoot":"","sources":["../../../src/hooks/__tests__/useColorScheme.test.ts"],"names":[],"mappings":""}
@@ -0,0 +1,7 @@
1
+ import { ColorScheme } from '../themes';
2
+ /**
3
+ * Toggles the `dark` class on the root element of the document.
4
+ * The class is page-wide: two callers with different schemes overwrite each other. It stays after the caller unmounts
5
+ */
6
+ export declare const useColorScheme: (colorScheme: ColorScheme) => void;
7
+ //# sourceMappingURL=useColorScheme.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useColorScheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useColorScheme.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C;;;GAGG;AACH,eAAO,MAAM,cAAc,gBAAiB,WAAW,SAItD,CAAC"}