commerce-toolkit 0.0.6 → 0.0.7
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 +1 -1
- package/dist/components/animated-underline/animated-underline.d.ts +18 -0
- package/dist/components/animated-underline/animated-underline.d.ts.map +1 -0
- package/dist/components/animated-underline/index.d.ts +2 -0
- package/dist/components/animated-underline/index.d.ts.map +1 -0
- package/dist/styles.css +12 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -85,7 +85,7 @@ Once configured, you can use all the custom Tailwind utilities from Commerce Too
|
|
|
85
85
|
|
|
86
86
|
```tsx
|
|
87
87
|
<div className="bg-primary text-background">
|
|
88
|
-
<h1 className="text-foreground
|
|
88
|
+
<h1 className="font-heading text-foreground">Hello World</h1>
|
|
89
89
|
<p className="text-contrast-400">This uses the design system colors!</p>
|
|
90
90
|
</div>
|
|
91
91
|
```
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { ComponentProps } from 'react';
|
|
2
|
+
export type AnimatedUnderlineProps = ComponentProps<'span'> & {
|
|
3
|
+
children: string;
|
|
4
|
+
};
|
|
5
|
+
/**
|
|
6
|
+
* This component supports various CSS variables for theming. Here's a comprehensive list, along
|
|
7
|
+
* with their default values:
|
|
8
|
+
*
|
|
9
|
+
* ```css
|
|
10
|
+
* :root {
|
|
11
|
+
* --animated-underline-hover: hsl(var(--primary));
|
|
12
|
+
* --animated-underline-text: hsl(var(--foreground));
|
|
13
|
+
* --animated-underline-font-family: var(--font-family-body);
|
|
14
|
+
* }
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
17
|
+
export declare function AnimatedUnderline({ className, children, ...props }: AnimatedUnderlineProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
//# sourceMappingURL=animated-underline.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animated-underline.d.ts","sourceRoot":"","sources":["../../../src/components/animated-underline/animated-underline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,MAAM,CAAC,GAAG;IAC5D,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,2CAY1F"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/animated-underline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,oDAAoD,CAAC"}
|
package/dist/styles.css
CHANGED
|
@@ -13,8 +13,20 @@
|
|
|
13
13
|
--contrast-300: 0 0% 70%;
|
|
14
14
|
--contrast-400: 0 0% 54%;
|
|
15
15
|
--contrast-500: 0 0% 34%;
|
|
16
|
+
--font-family-heading:
|
|
17
|
+
'DM Serif Text', ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
|
|
18
|
+
--font-family-body:
|
|
19
|
+
'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
|
|
20
|
+
'Segoe UI Symbol', 'Noto Color Emoji';
|
|
21
|
+
--font-family-mono:
|
|
22
|
+
'Roboto Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono',
|
|
23
|
+
'Courier New', monospace;
|
|
24
|
+
--font-feature-settings-heading: normal;
|
|
25
|
+
--font-feature-settings-body: normal;
|
|
26
|
+
--font-feature-settings-mono: normal;
|
|
16
27
|
--font-variation-settings-body: 'slnt' 0;
|
|
17
28
|
--font-variation-settings-heading: 'slnt' 0;
|
|
29
|
+
--font-variation-settings-mono: normal;
|
|
18
30
|
--font-size-xs: 0.75rem;
|
|
19
31
|
--font-size-sm: 0.875rem;
|
|
20
32
|
--font-size-base: 1rem;
|