@oscarrf2/goo-ds 0.1.1 → 0.1.2
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/CHANGELOG.md +22 -0
- package/dist/styles.css +17 -2
- package/package.json +4 -4
- package/dist/components/Button/Button.d.ts +0 -20
- package/dist/components/Button/Button.d.ts.map +0 -1
- package/dist/components/Button/Button.types.d.ts +0 -46
- package/dist/components/Button/Button.types.d.ts.map +0 -1
- package/dist/components/Button/index.d.ts +0 -4
- package/dist/components/Button/index.d.ts.map +0 -1
- package/dist/components/Cell/Cell.d.ts +0 -19
- package/dist/components/Cell/Cell.d.ts.map +0 -1
- package/dist/components/Cell/Cell.types.d.ts +0 -34
- package/dist/components/Cell/Cell.types.d.ts.map +0 -1
- package/dist/components/Cell/index.d.ts +0 -4
- package/dist/components/Cell/index.d.ts.map +0 -1
- package/dist/components/Codeblock/Codeblock.d.ts +0 -25
- package/dist/components/Codeblock/Codeblock.d.ts.map +0 -1
- package/dist/components/Codeblock/Codeblock.types.d.ts +0 -36
- package/dist/components/Codeblock/Codeblock.types.d.ts.map +0 -1
- package/dist/components/Codeblock/index.d.ts +0 -4
- package/dist/components/Codeblock/index.d.ts.map +0 -1
- package/dist/components/CoreText/CoreText.d.ts +0 -17
- package/dist/components/CoreText/CoreText.d.ts.map +0 -1
- package/dist/components/CoreText/CoreText.types.d.ts +0 -26
- package/dist/components/CoreText/CoreText.types.d.ts.map +0 -1
- package/dist/components/CoreText/index.d.ts +0 -3
- package/dist/components/CoreText/index.d.ts.map +0 -1
- package/dist/components/Divider/Divider.d.ts +0 -17
- package/dist/components/Divider/Divider.d.ts.map +0 -1
- package/dist/components/Divider/Divider.types.d.ts +0 -17
- package/dist/components/Divider/Divider.types.d.ts.map +0 -1
- package/dist/components/Divider/index.d.ts +0 -4
- package/dist/components/Divider/index.d.ts.map +0 -1
- package/dist/components/InputImage/InputImage.d.ts +0 -26
- package/dist/components/InputImage/InputImage.d.ts.map +0 -1
- package/dist/components/InputImage/InputImage.types.d.ts +0 -65
- package/dist/components/InputImage/InputImage.types.d.ts.map +0 -1
- package/dist/components/InputImage/index.d.ts +0 -3
- package/dist/components/InputImage/index.d.ts.map +0 -1
- package/dist/components/Sidebar/Sidebar.d.ts +0 -22
- package/dist/components/Sidebar/Sidebar.d.ts.map +0 -1
- package/dist/components/Sidebar/Sidebar.types.d.ts +0 -21
- package/dist/components/Sidebar/Sidebar.types.d.ts.map +0 -1
- package/dist/components/Sidebar/index.d.ts +0 -4
- package/dist/components/Sidebar/index.d.ts.map +0 -1
- package/dist/components/SidebarItem/SidebarItem.d.ts +0 -19
- package/dist/components/SidebarItem/SidebarItem.d.ts.map +0 -1
- package/dist/components/SidebarItem/SidebarItem.types.d.ts +0 -33
- package/dist/components/SidebarItem/SidebarItem.types.d.ts.map +0 -1
- package/dist/components/SidebarItem/index.d.ts +0 -4
- package/dist/components/SidebarItem/index.d.ts.map +0 -1
- package/dist/components/Skeleton/Skeleton.d.ts +0 -18
- package/dist/components/Skeleton/Skeleton.d.ts.map +0 -1
- package/dist/components/Skeleton/Skeleton.types.d.ts +0 -31
- package/dist/components/Skeleton/Skeleton.types.d.ts.map +0 -1
- package/dist/components/Skeleton/index.d.ts +0 -5
- package/dist/components/Skeleton/index.d.ts.map +0 -1
- package/dist/components/Spacer/Spacer.d.ts +0 -17
- package/dist/components/Spacer/Spacer.d.ts.map +0 -1
- package/dist/components/Spacer/Spacer.types.d.ts +0 -21
- package/dist/components/Spacer/Spacer.types.d.ts.map +0 -1
- package/dist/components/Spacer/index.d.ts +0 -4
- package/dist/components/Spacer/index.d.ts.map +0 -1
- package/dist/components/TabItem/TabItem.d.ts +0 -19
- package/dist/components/TabItem/TabItem.d.ts.map +0 -1
- package/dist/components/TabItem/TabItem.types.d.ts +0 -30
- package/dist/components/TabItem/TabItem.types.d.ts.map +0 -1
- package/dist/components/TabItem/index.d.ts +0 -4
- package/dist/components/TabItem/index.d.ts.map +0 -1
- package/dist/components/Table/Table.d.ts +0 -26
- package/dist/components/Table/Table.d.ts.map +0 -1
- package/dist/components/Table/Table.types.d.ts +0 -16
- package/dist/components/Table/Table.types.d.ts.map +0 -1
- package/dist/components/Table/index.d.ts +0 -4
- package/dist/components/Table/index.d.ts.map +0 -1
- package/dist/components/TableRow/TableRow.d.ts +0 -24
- package/dist/components/TableRow/TableRow.d.ts.map +0 -1
- package/dist/components/TableRow/TableRow.types.d.ts +0 -35
- package/dist/components/TableRow/TableRow.types.d.ts.map +0 -1
- package/dist/components/TableRow/index.d.ts +0 -4
- package/dist/components/TableRow/index.d.ts.map +0 -1
- package/dist/components/Tabs/Tabs.d.ts +0 -21
- package/dist/components/Tabs/Tabs.d.ts.map +0 -1
- package/dist/components/Tabs/Tabs.types.d.ts +0 -16
- package/dist/components/Tabs/Tabs.types.d.ts.map +0 -1
- package/dist/components/Tabs/index.d.ts +0 -4
- package/dist/components/Tabs/index.d.ts.map +0 -1
- package/dist/components/index.d.ts +0 -15
- package/dist/components/index.d.ts.map +0 -1
- package/dist/compositions/index.d.ts +0 -2
- package/dist/compositions/index.d.ts.map +0 -1
- package/dist/index.d.ts +0 -3
- package/dist/index.d.ts.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -5,8 +5,30 @@ All notable changes to this project will be documented in this file.
|
|
|
5
5
|
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
|
|
6
6
|
and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
|
|
7
7
|
|
|
8
|
+
## [0.1.2] - 2026-01-18
|
|
9
|
+
|
|
10
|
+
### Fixed
|
|
11
|
+
|
|
12
|
+
- **CSS Distribution**: Removed bare `@import "tailwindcss"` from distributed `styles.css` that caused module resolution errors
|
|
13
|
+
- **Dependency Configuration**: Moved React to `peerDependencies` (was incorrectly in `dependencies`)
|
|
14
|
+
|
|
15
|
+
### Changed
|
|
16
|
+
|
|
17
|
+
- **CSS Build Process**: `styles.css` is now generated without Tailwind bare imports (components use pure CSS only)
|
|
18
|
+
- **Package Size**: 31.0 kB (properly excludes Tailwind dependency)
|
|
19
|
+
|
|
20
|
+
### Notes
|
|
21
|
+
|
|
22
|
+
- This version fixes the "Can't resolve 'tailwindcss'" error when consuming the package
|
|
23
|
+
- Components use token-driven CSS only, no runtime Tailwind dependency required
|
|
24
|
+
- **Recommended**: Update from 0.1.1 immediately if experiencing CSS import errors
|
|
25
|
+
|
|
8
26
|
## [0.1.1] - 2026-01-18
|
|
9
27
|
|
|
28
|
+
### Deprecated
|
|
29
|
+
|
|
30
|
+
⚠️ **This version has a critical CSS import bug.** Please upgrade to 0.1.2 or higher.
|
|
31
|
+
|
|
10
32
|
### Fixed
|
|
11
33
|
|
|
12
34
|
- **Build Configuration**: Package now exports compiled JavaScript instead of TypeScript source files
|
package/dist/styles.css
CHANGED
|
@@ -1,2 +1,17 @@
|
|
|
1
|
-
/*
|
|
2
|
-
|
|
1
|
+
/* Design System CSS Entry Point - Distribution Version */
|
|
2
|
+
/* Import order is fixed per Constitution and Scaffold */
|
|
3
|
+
|
|
4
|
+
/* 1. Fonts (must load first) */
|
|
5
|
+
@import "./styles/fonts.css";
|
|
6
|
+
|
|
7
|
+
/* 2. Base token layers */
|
|
8
|
+
@import "./styles/global-tokens.css";
|
|
9
|
+
@import "./styles/semantic-tokens.css";
|
|
10
|
+
@import "./styles/number-tokens.css";
|
|
11
|
+
@import "./styles/typography-tokens.css";
|
|
12
|
+
|
|
13
|
+
/* 3. Figma styles (text styles, gradients, shadows) */
|
|
14
|
+
@import "./styles/style-tokens.css";
|
|
15
|
+
|
|
16
|
+
/* 4. Theme layer (component tokens via alias) */
|
|
17
|
+
@import "./styles/component-tokens.current.css";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@oscarrf2/goo-ds",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "./dist/index.js",
|
|
6
6
|
"types": "./dist/index.d.ts",
|
|
@@ -16,9 +16,9 @@
|
|
|
16
16
|
"README.md",
|
|
17
17
|
"CHANGELOG.md"
|
|
18
18
|
],
|
|
19
|
-
"
|
|
20
|
-
"react": "^19.
|
|
21
|
-
"react-dom": "^19.
|
|
19
|
+
"peerDependencies": {
|
|
20
|
+
"react": "^19.0.0",
|
|
21
|
+
"react-dom": "^19.0.0"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
24
|
"@eslint/js": "^9.39.1",
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import type { ButtonProps } from "./Button.types";
|
|
2
|
-
import "./Button.css";
|
|
3
|
-
/**
|
|
4
|
-
* Button - Interactive button component for the goo-ds design system
|
|
5
|
-
*
|
|
6
|
-
* Provides consistent button styles with multiple variants, sizes, and states.
|
|
7
|
-
* Supports icons, disabled state, and all standard button interactions.
|
|
8
|
-
* Token-first per Constitution (no hardcoded values).
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* <Button>Click me</Button>
|
|
13
|
-
* <Button variant="secondary" size="small">Small button</Button>
|
|
14
|
-
* <Button variant="destructive" disabled>Disabled</Button>
|
|
15
|
-
* <Button iconLeft={<PlusIcon />}>With icon</Button>
|
|
16
|
-
* ```
|
|
17
|
-
*/
|
|
18
|
-
export declare function Button({ variant, size, iconLeft, iconRight, disabled, children, className, type, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
export default Button;
|
|
20
|
-
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,cAAc,CAAC;AAEtB;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,MAAM,CAAC,EACrB,OAAmB,EACnB,IAAe,EACf,QAAQ,EACR,SAAS,EACT,QAAgB,EAChB,QAAQ,EACR,SAAc,EACd,IAAe,EACf,GAAG,KAAK,EACT,EAAE,WAAW,2CAmDb;AAED,eAAe,MAAM,CAAC"}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from "react";
|
|
2
|
-
/**
|
|
3
|
-
* Button component props
|
|
4
|
-
* Provides interactive buttons using design system tokens
|
|
5
|
-
*/
|
|
6
|
-
export type ButtonVariant = "primary" | "secondary" | "destructive" | "outline" | "ghost" | "link";
|
|
7
|
-
export type ButtonSize = "extraSmall" | "small" | "medium" | "large";
|
|
8
|
-
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
9
|
-
/**
|
|
10
|
-
* The visual style variant of the button
|
|
11
|
-
* @default "primary"
|
|
12
|
-
*/
|
|
13
|
-
variant?: ButtonVariant;
|
|
14
|
-
/**
|
|
15
|
-
* The size of the button
|
|
16
|
-
* @default "medium"
|
|
17
|
-
*/
|
|
18
|
-
size?: ButtonSize;
|
|
19
|
-
/**
|
|
20
|
-
* Icon to display before the text
|
|
21
|
-
*/
|
|
22
|
-
iconLeft?: ReactNode;
|
|
23
|
-
/**
|
|
24
|
-
* Icon to display after the text
|
|
25
|
-
*/
|
|
26
|
-
iconRight?: ReactNode;
|
|
27
|
-
/**
|
|
28
|
-
* Whether the button is disabled
|
|
29
|
-
* @default false
|
|
30
|
-
*/
|
|
31
|
-
disabled?: boolean;
|
|
32
|
-
/**
|
|
33
|
-
* Button content (text or other elements)
|
|
34
|
-
*/
|
|
35
|
-
children?: ReactNode;
|
|
36
|
-
/**
|
|
37
|
-
* Additional CSS class names
|
|
38
|
-
*/
|
|
39
|
-
className?: string;
|
|
40
|
-
/**
|
|
41
|
-
* Button type attribute
|
|
42
|
-
* @default "button"
|
|
43
|
-
*/
|
|
44
|
-
type?: "button" | "submit" | "reset";
|
|
45
|
-
}
|
|
46
|
-
//# sourceMappingURL=Button.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AAEH,MAAM,MAAM,aAAa,GACrB,SAAS,GACT,WAAW,GACX,aAAa,GACb,SAAS,GACT,OAAO,GACP,MAAM,CAAC;AAEX,MAAM,MAAM,UAAU,GAAG,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAErE,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAChF;;;OAGG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { CellProps } from "./Cell.types";
|
|
2
|
-
import "./Cell.css";
|
|
3
|
-
/**
|
|
4
|
-
* Cell - Table cell component for the goo-ds design system
|
|
5
|
-
*
|
|
6
|
-
* Provides consistent table cell layout with alignment and width presets.
|
|
7
|
-
* Designed to be used within table structures.
|
|
8
|
-
* Token-first per Constitution (no hardcoded values).
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* <Cell type="header">Name</Cell>
|
|
13
|
-
* <Cell>John Doe</Cell>
|
|
14
|
-
* <Cell alignment="right" width="sm">$100</Cell>
|
|
15
|
-
* ```
|
|
16
|
-
*/
|
|
17
|
-
export declare function Cell({ type, alignment, width, children, className, ...props }: CellProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
export default Cell;
|
|
19
|
-
//# sourceMappingURL=Cell.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Cell.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,YAAY,CAAC;AAEpB;;;;;;;;;;;;;GAaG;AACH,wBAAgB,IAAI,CAAC,EACnB,IAAa,EACb,SAAkB,EAClB,KAAY,EACZ,QAAQ,EACR,SAAc,EACd,GAAG,KAAK,EACT,EAAE,SAAS,2CAeX;AAED,eAAe,IAAI,CAAC"}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from "react";
|
|
2
|
-
/**
|
|
3
|
-
* Cell component props
|
|
4
|
-
* Provides table cell layout using design system tokens
|
|
5
|
-
*/
|
|
6
|
-
export type CellType = "header" | "body";
|
|
7
|
-
export type CellAlignment = "left" | "center" | "right";
|
|
8
|
-
export type CellWidth = "xs" | "sm" | "md" | "lg" | "xl" | "fill";
|
|
9
|
-
export interface CellProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
10
|
-
/**
|
|
11
|
-
* The type of cell (header or body)
|
|
12
|
-
* @default "body"
|
|
13
|
-
*/
|
|
14
|
-
type?: CellType;
|
|
15
|
-
/**
|
|
16
|
-
* Horizontal alignment of cell content
|
|
17
|
-
* @default "left"
|
|
18
|
-
*/
|
|
19
|
-
alignment?: CellAlignment;
|
|
20
|
-
/**
|
|
21
|
-
* Width preset for the cell
|
|
22
|
-
* @default "md"
|
|
23
|
-
*/
|
|
24
|
-
width?: CellWidth;
|
|
25
|
-
/**
|
|
26
|
-
* Cell content
|
|
27
|
-
*/
|
|
28
|
-
children?: ReactNode;
|
|
29
|
-
/**
|
|
30
|
-
* Additional CSS class names
|
|
31
|
-
*/
|
|
32
|
-
className?: string;
|
|
33
|
-
}
|
|
34
|
-
//# sourceMappingURL=Cell.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Cell.types.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/Cell.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AAEH,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAEzC,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;AAElE,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB;;;OAGG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Cell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAClF,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import type { CodeblockProps } from "./Codeblock.types";
|
|
2
|
-
import "./Codeblock.css";
|
|
3
|
-
/**
|
|
4
|
-
* Codeblock - Code display component for the goo-ds design system
|
|
5
|
-
*
|
|
6
|
-
* Provides consistent code block display with copy functionality.
|
|
7
|
-
* Token-first per Constitution (no hardcoded values).
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```tsx
|
|
11
|
-
* <Codeblock>
|
|
12
|
-
* const greeting = "Hello, world!";
|
|
13
|
-
* console.log(greeting);
|
|
14
|
-
* </Codeblock>
|
|
15
|
-
*
|
|
16
|
-
* <Codeblock showCopy={false}>
|
|
17
|
-
* function example() {
|
|
18
|
-
* return true;
|
|
19
|
-
* }
|
|
20
|
-
* </Codeblock>
|
|
21
|
-
* ```
|
|
22
|
-
*/
|
|
23
|
-
export declare function Codeblock({ children, showCopy, copyLabel, copiedLabel, onCodeCopy, className, ...props }: CodeblockProps): import("react/jsx-runtime").JSX.Element;
|
|
24
|
-
export default Codeblock;
|
|
25
|
-
//# sourceMappingURL=Codeblock.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Codeblock.d.ts","sourceRoot":"","sources":["../../../src/components/Codeblock/Codeblock.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,iBAAiB,CAAC;AAEzB;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,QAAe,EACf,SAAkB,EAClB,WAAuB,EACvB,UAAU,EACV,SAAc,EACd,GAAG,KAAK,EACT,EAAE,cAAc,2CAmDhB;AAED,eAAe,SAAS,CAAC"}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from "react";
|
|
2
|
-
/**
|
|
3
|
-
* Codeblock component props
|
|
4
|
-
* Provides code display with copy functionality using design system tokens
|
|
5
|
-
*/
|
|
6
|
-
export interface CodeblockProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
-
/**
|
|
8
|
-
* Code content to display
|
|
9
|
-
*/
|
|
10
|
-
children: ReactNode;
|
|
11
|
-
/**
|
|
12
|
-
* Whether to show the copy button
|
|
13
|
-
* @default true
|
|
14
|
-
*/
|
|
15
|
-
showCopy?: boolean;
|
|
16
|
-
/**
|
|
17
|
-
* Custom copy button label
|
|
18
|
-
* @default "Copy"
|
|
19
|
-
*/
|
|
20
|
-
copyLabel?: string;
|
|
21
|
-
/**
|
|
22
|
-
* Label shown after successful copy
|
|
23
|
-
* @default "Copied!"
|
|
24
|
-
*/
|
|
25
|
-
copiedLabel?: string;
|
|
26
|
-
/**
|
|
27
|
-
* Callback when copy button is clicked
|
|
28
|
-
* Receives the text content of the codeblock
|
|
29
|
-
*/
|
|
30
|
-
onCodeCopy?: (content: string) => void;
|
|
31
|
-
/**
|
|
32
|
-
* Additional CSS class names
|
|
33
|
-
*/
|
|
34
|
-
className?: string;
|
|
35
|
-
}
|
|
36
|
-
//# sourceMappingURL=Codeblock.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Codeblock.types.d.ts","sourceRoot":"","sources":["../../../src/components/Codeblock/Codeblock.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AAEH,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAEvC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Codeblock/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import type { CoreTextProps } from "./CoreText.types";
|
|
2
|
-
/**
|
|
3
|
-
* CoreText - Foundation typography component for the goo-ds design system
|
|
4
|
-
*
|
|
5
|
-
* Renders text with consistent typography styles defined in Figma.
|
|
6
|
-
* Styles are applied via CSS classes from style-tokens.css (token-first per Constitution).
|
|
7
|
-
*
|
|
8
|
-
* @example
|
|
9
|
-
* ```tsx
|
|
10
|
-
* <CoreText style="headline-lg-bold">Page Title</CoreText>
|
|
11
|
-
* <CoreText style="body-md-regular" align="center">Body text</CoreText>
|
|
12
|
-
* <CoreText style="link-md-medium" as="a" href="/page">Link text</CoreText>
|
|
13
|
-
* ```
|
|
14
|
-
*/
|
|
15
|
-
export declare function CoreText({ children, style, align, className, as: Component, }: CoreTextProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
export default CoreText;
|
|
17
|
-
//# sourceMappingURL=CoreText.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CoreText.d.ts","sourceRoot":"","sources":["../../../src/components/CoreText/CoreText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;;;;;;;;;;;GAYG;AACH,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EACR,KAAyB,EACzB,KAAc,EACd,SAAc,EACd,EAAE,EAAE,SAAe,GACpB,EAAE,aAAa,2CAmBf;AAED,eAAe,QAAQ,CAAC"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import type { ElementType, ReactNode } from "react";
|
|
2
|
-
/**
|
|
3
|
-
* CoreText style variants matching Figma text styles
|
|
4
|
-
* These map directly to CSS classes in style-tokens.css
|
|
5
|
-
*/
|
|
6
|
-
export type CoreTextStyle = "headline-lg-bold" | "headline-md-bold" | "headline-sm-bold" | "headline-sm-medium" | "headline-sm-regular" | "headline-xs-bold" | "body-lg-bold" | "body-lg-medium" | "body-lg-regular" | "body-md-bold" | "body-md-medium" | "body-md-regular" | "body-sm-medium" | "body-sm-regular" | "body-xs-medium" | "body-xs-regular" | "label-lg-medium" | "label-lg-regular" | "label-md-medium" | "label-md-regular" | "link-md-medium" | "link-md-regular" | "link-sm-medium" | "link-sm-regular";
|
|
7
|
-
/**
|
|
8
|
-
* Text alignment options matching Figma variants
|
|
9
|
-
*/
|
|
10
|
-
export type CoreTextAlign = "left" | "center" | "right";
|
|
11
|
-
/**
|
|
12
|
-
* CoreText component props
|
|
13
|
-
*/
|
|
14
|
-
export interface CoreTextProps {
|
|
15
|
-
/** Text content to render */
|
|
16
|
-
children?: ReactNode;
|
|
17
|
-
/** Typography style variant (maps to CSS class from style-tokens.css) */
|
|
18
|
-
style?: CoreTextStyle;
|
|
19
|
-
/** Text alignment */
|
|
20
|
-
align?: CoreTextAlign;
|
|
21
|
-
/** Additional CSS class names */
|
|
22
|
-
className?: string;
|
|
23
|
-
/** Polymorphic element type (default: "p") */
|
|
24
|
-
as?: ElementType;
|
|
25
|
-
}
|
|
26
|
-
//# sourceMappingURL=CoreText.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CoreText.types.d.ts","sourceRoot":"","sources":["../../../src/components/CoreText/CoreText.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD;;;GAGG;AACH,MAAM,MAAM,aAAa,GAErB,kBAAkB,GAClB,kBAAkB,GAClB,kBAAkB,GAClB,oBAAoB,GACpB,qBAAqB,GACrB,kBAAkB,GAElB,cAAc,GACd,gBAAgB,GAChB,iBAAiB,GACjB,cAAc,GACd,gBAAgB,GAChB,iBAAiB,GACjB,gBAAgB,GAChB,iBAAiB,GACjB,gBAAgB,GAChB,iBAAiB,GAEjB,iBAAiB,GACjB,kBAAkB,GAClB,iBAAiB,GACjB,kBAAkB,GAElB,gBAAgB,GAChB,iBAAiB,GACjB,gBAAgB,GAChB,iBAAiB,CAAC;AAEtB;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,yEAAyE;IACzE,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,qBAAqB;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CoreText/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAC/C,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import type { DividerProps } from "./Divider.types";
|
|
2
|
-
import "./Divider.css";
|
|
3
|
-
/**
|
|
4
|
-
* Divider - Divider component for the goo-ds design system
|
|
5
|
-
*
|
|
6
|
-
* Provides consistent visual separator in horizontal or vertical orientation.
|
|
7
|
-
* Token-first per Constitution (no hardcoded values).
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```tsx
|
|
11
|
-
* <Divider />
|
|
12
|
-
* <Divider orientation="vertical" />
|
|
13
|
-
* ```
|
|
14
|
-
*/
|
|
15
|
-
export declare function Divider({ orientation, className, ...props }: DividerProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
export default Divider;
|
|
17
|
-
//# sourceMappingURL=Divider.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,eAAe,CAAC;AAEvB;;;;;;;;;;;GAWG;AACH,wBAAgB,OAAO,CAAC,EACtB,WAA0B,EAC1B,SAAc,EACd,GAAG,KAAK,EACT,EAAE,YAAY,2CAad;AAED,eAAe,OAAO,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Divider component props
|
|
3
|
-
* Provides visual separator using design system tokens
|
|
4
|
-
*/
|
|
5
|
-
export type DividerOrientation = "horizontal" | "vertical";
|
|
6
|
-
export interface DividerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
-
/**
|
|
8
|
-
* Orientation of the divider
|
|
9
|
-
* @default "horizontal"
|
|
10
|
-
*/
|
|
11
|
-
orientation?: DividerOrientation;
|
|
12
|
-
/**
|
|
13
|
-
* Additional CSS class names
|
|
14
|
-
*/
|
|
15
|
-
className?: string;
|
|
16
|
-
}
|
|
17
|
-
//# sourceMappingURL=Divider.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Divider.types.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,kBAAkB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE3D,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE;;;OAGG;IACH,WAAW,CAAC,EAAE,kBAAkB,CAAC;IAEjC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import type { InputImageProps } from "./InputImage.types";
|
|
2
|
-
import "./InputImage.css";
|
|
3
|
-
/**
|
|
4
|
-
* InputImage - Image upload input component with drag-and-drop support
|
|
5
|
-
*
|
|
6
|
-
* Provides a file upload interface with multiple visual states including:
|
|
7
|
-
* - Default: Empty state with drag-and-drop zone
|
|
8
|
-
* - Hover: Visual feedback during drag-over
|
|
9
|
-
* - Filled: Shows uploaded image with remove button
|
|
10
|
-
* - Loading: Loading skeleton state
|
|
11
|
-
* - Generating: Blurred preview during processing
|
|
12
|
-
* - Generated: Final result with optional comparison slider
|
|
13
|
-
* - Disabled: Non-interactive state
|
|
14
|
-
*
|
|
15
|
-
* Token-first per Constitution (no hardcoded values).
|
|
16
|
-
*
|
|
17
|
-
* @example
|
|
18
|
-
* ```tsx
|
|
19
|
-
* <InputImage state="Default" onUploadClick={handleUpload} />
|
|
20
|
-
* <InputImage state="Filled" imageSrc="/path/to/image.jpg" onRemoveClick={handleRemove} />
|
|
21
|
-
* <InputImage state="Generated" imageSrc="/path/to/image.jpg" comparisonSlider={true} />
|
|
22
|
-
* ```
|
|
23
|
-
*/
|
|
24
|
-
export declare function InputImage({ state, comparisonSlider, imageSrc, imageAlt, onUploadClick, onRemoveClick, onDragEnter, onDragLeave, onDrop, className, children, sliderPosition, }: InputImageProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
export default InputImage;
|
|
26
|
-
//# sourceMappingURL=InputImage.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InputImage.d.ts","sourceRoot":"","sources":["../../../src/components/InputImage/InputImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,OAAO,kBAAkB,CAAC;AAE1B;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAiB,EACjB,gBAAuB,EACvB,QAAQ,EACR,QAAa,EACb,aAAa,EACb,aAAa,EACb,WAAW,EACX,WAAW,EACX,MAAM,EACN,SAAc,EACd,QAAQ,EACR,cAAmB,GAEpB,EAAE,eAAe,2CAmQjB;AAED,eAAe,UAAU,CAAC"}
|
|
@@ -1,65 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from "react";
|
|
2
|
-
/**
|
|
3
|
-
* InputImage component props
|
|
4
|
-
* Provides image upload input with drag-and-drop, multiple states, and comparison slider
|
|
5
|
-
*/
|
|
6
|
-
export type InputImageState = "Default" | "Hover" | "Filled" | "Generating" | "Generated" | "Loading" | "Disabled";
|
|
7
|
-
export interface InputImageProps {
|
|
8
|
-
/**
|
|
9
|
-
* The current state of the input
|
|
10
|
-
* @default "Default"
|
|
11
|
-
*/
|
|
12
|
-
state?: InputImageState;
|
|
13
|
-
/**
|
|
14
|
-
* Whether to show the comparison slider in Generated state
|
|
15
|
-
* @default true
|
|
16
|
-
*/
|
|
17
|
-
comparisonSlider?: boolean;
|
|
18
|
-
/**
|
|
19
|
-
* Position of the comparison slider (0-100 percentage)
|
|
20
|
-
* @default 50
|
|
21
|
-
*/
|
|
22
|
-
sliderPosition?: number;
|
|
23
|
-
/**
|
|
24
|
-
* Callback when slider is being dragged
|
|
25
|
-
*/
|
|
26
|
-
onSliderDrag?: (position: number) => void;
|
|
27
|
-
/**
|
|
28
|
-
* The image source URL for Filled, Generating, and Generated states
|
|
29
|
-
*/
|
|
30
|
-
imageSrc?: string;
|
|
31
|
-
/**
|
|
32
|
-
* Alt text for the image
|
|
33
|
-
* @default ""
|
|
34
|
-
*/
|
|
35
|
-
imageAlt?: string;
|
|
36
|
-
/**
|
|
37
|
-
* Callback when the upload button is clicked
|
|
38
|
-
*/
|
|
39
|
-
onUploadClick?: () => void;
|
|
40
|
-
/**
|
|
41
|
-
* Callback when the remove/close button is clicked (in Filled state)
|
|
42
|
-
*/
|
|
43
|
-
onRemoveClick?: () => void;
|
|
44
|
-
/**
|
|
45
|
-
* Callback when drag enter occurs
|
|
46
|
-
*/
|
|
47
|
-
onDragEnter?: (e: React.DragEvent<HTMLDivElement>) => void;
|
|
48
|
-
/**
|
|
49
|
-
* Callback when drag leave occurs
|
|
50
|
-
*/
|
|
51
|
-
onDragLeave?: (e: React.DragEvent<HTMLDivElement>) => void;
|
|
52
|
-
/**
|
|
53
|
-
* Callback when drop occurs
|
|
54
|
-
*/
|
|
55
|
-
onDrop?: (e: React.DragEvent<HTMLDivElement>) => void;
|
|
56
|
-
/**
|
|
57
|
-
* Additional CSS class names
|
|
58
|
-
*/
|
|
59
|
-
className?: string;
|
|
60
|
-
/**
|
|
61
|
-
* Custom children to replace default content (advanced use case)
|
|
62
|
-
*/
|
|
63
|
-
children?: ReactNode;
|
|
64
|
-
}
|
|
65
|
-
//# sourceMappingURL=InputImage.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InputImage.types.d.ts","sourceRoot":"","sources":["../../../src/components/InputImage/InputImage.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AAEH,MAAM,MAAM,eAAe,GACvB,SAAS,GACT,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,SAAS,GACT,UAAU,CAAC;AAEf,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,eAAe,CAAC;IAExB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAE3B;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAE3D;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAE3D;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAEtD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InputImage/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import type { SidebarProps } from "./Sidebar.types";
|
|
2
|
-
import "./Sidebar.css";
|
|
3
|
-
/**
|
|
4
|
-
* Sidebar - Sidebar container component for the goo-ds design system
|
|
5
|
-
*
|
|
6
|
-
* Provides consistent sidebar layout with proper spacing and background.
|
|
7
|
-
* Designed to contain SidebarItem components, titles, and other navigation elements.
|
|
8
|
-
* Token-first per Constitution (no hardcoded values).
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* <Sidebar>
|
|
13
|
-
* <CoreText style="headline-xs-bold">Navigation</CoreText>
|
|
14
|
-
* <Spacer size="16" />
|
|
15
|
-
* <SidebarItem icon={<HomeIcon />}>Home</SidebarItem>
|
|
16
|
-
* <SidebarItem icon={<SettingsIcon />}>Settings</SidebarItem>
|
|
17
|
-
* </Sidebar>
|
|
18
|
-
* ```
|
|
19
|
-
*/
|
|
20
|
-
export declare function Sidebar({ children, showDivider, className, ...props }: SidebarProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
export default Sidebar;
|
|
22
|
-
//# sourceMappingURL=Sidebar.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,eAAe,CAAC;AAEvB;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAQ,EACR,WAAkB,EAClB,SAAc,EACd,GAAG,KAAK,EACT,EAAE,YAAY,2CAcd;AAED,eAAe,OAAO,CAAC"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from "react";
|
|
2
|
-
/**
|
|
3
|
-
* Sidebar component props
|
|
4
|
-
* Provides sidebar container using design system tokens
|
|
5
|
-
*/
|
|
6
|
-
export interface SidebarProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
-
/**
|
|
8
|
-
* Sidebar content (typically title, SidebarItem components, etc.)
|
|
9
|
-
*/
|
|
10
|
-
children?: ReactNode;
|
|
11
|
-
/**
|
|
12
|
-
* Whether to show the divider on the right edge
|
|
13
|
-
* @default true
|
|
14
|
-
*/
|
|
15
|
-
showDivider?: boolean;
|
|
16
|
-
/**
|
|
17
|
-
* Additional CSS class names
|
|
18
|
-
*/
|
|
19
|
-
className?: string;
|
|
20
|
-
}
|
|
21
|
-
//# sourceMappingURL=Sidebar.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AAEH,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { SidebarItemProps } from "./SidebarItem.types";
|
|
2
|
-
import "./SidebarItem.css";
|
|
3
|
-
/**
|
|
4
|
-
* SidebarItem - Sidebar navigation item component for the goo-ds design system
|
|
5
|
-
*
|
|
6
|
-
* Provides consistent sidebar navigation item with interactive states.
|
|
7
|
-
* Supports icons and active state indication.
|
|
8
|
-
* Token-first per Constitution (no hardcoded values).
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* <SidebarItem>Dashboard</SidebarItem>
|
|
13
|
-
* <SidebarItem active icon={<HomeIcon />}>Home</SidebarItem>
|
|
14
|
-
* <SidebarItem onClick={() => navigate('/settings')}>Settings</SidebarItem>
|
|
15
|
-
* ```
|
|
16
|
-
*/
|
|
17
|
-
export declare function SidebarItem({ active, icon, children, className, onClick, href, ...props }: SidebarItemProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
export default SidebarItem;
|
|
19
|
-
//# sourceMappingURL=SidebarItem.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarItem.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/SidebarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,mBAAmB,CAAC;AAE3B;;;;;;;;;;;;;GAaG;AACH,wBAAgB,WAAW,CAAC,EAC1B,MAAc,EACd,IAAI,EACJ,QAAQ,EACR,SAAc,EACd,OAAO,EACP,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA2BlB;AAED,eAAe,WAAW,CAAC"}
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from "react";
|
|
2
|
-
/**
|
|
3
|
-
* SidebarItem component props
|
|
4
|
-
* Provides sidebar navigation items using design system tokens
|
|
5
|
-
*/
|
|
6
|
-
export interface SidebarItemProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
-
/**
|
|
8
|
-
* Whether the item is currently active/selected
|
|
9
|
-
* @default false
|
|
10
|
-
*/
|
|
11
|
-
active?: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* Icon to display before the text
|
|
14
|
-
*/
|
|
15
|
-
icon?: ReactNode;
|
|
16
|
-
/**
|
|
17
|
-
* Item content (text or other elements)
|
|
18
|
-
*/
|
|
19
|
-
children?: ReactNode;
|
|
20
|
-
/**
|
|
21
|
-
* Additional CSS class names
|
|
22
|
-
*/
|
|
23
|
-
className?: string;
|
|
24
|
-
/**
|
|
25
|
-
* Click handler for navigation
|
|
26
|
-
*/
|
|
27
|
-
onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
28
|
-
/**
|
|
29
|
-
* href for link behavior (optional)
|
|
30
|
-
*/
|
|
31
|
-
href?: string;
|
|
32
|
-
}
|
|
33
|
-
//# sourceMappingURL=SidebarItem.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/SidebarItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AAEH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAE5D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SidebarItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import type { SkeletonProps } from "./Skeleton.types";
|
|
2
|
-
/**
|
|
3
|
-
* Skeleton - Loading state placeholder component for the goo-ds design system
|
|
4
|
-
*
|
|
5
|
-
* Provides consistent loading state placeholders using design system tokens.
|
|
6
|
-
* Includes a pulse animation to indicate loading state.
|
|
7
|
-
* Token-first per Constitution (no hardcoded values).
|
|
8
|
-
*
|
|
9
|
-
* @example
|
|
10
|
-
* ```tsx
|
|
11
|
-
* <Skeleton size="16" />
|
|
12
|
-
* <Skeleton size="48" width="200px" />
|
|
13
|
-
* <Skeleton size="64" animate={false} />
|
|
14
|
-
* ```
|
|
15
|
-
*/
|
|
16
|
-
export declare function Skeleton({ size, className, width, animate, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
export default Skeleton;
|
|
18
|
-
//# sourceMappingURL=Skeleton.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAW,EACX,SAAc,EACd,KAAc,EACd,OAAc,EACd,GAAG,KAAK,EACT,EAAE,aAAa,2CAgBf;AAED,eAAe,QAAQ,CAAC"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Skeleton component props
|
|
3
|
-
* Provides loading state placeholders using design system tokens
|
|
4
|
-
*/
|
|
5
|
-
export type SkeletonSize = "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "56" | "64" | "80" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256";
|
|
6
|
-
export interface SkeletonProps {
|
|
7
|
-
/**
|
|
8
|
-
* The height of the skeleton, corresponding to number tokens (--size-X)
|
|
9
|
-
* @default "16"
|
|
10
|
-
*/
|
|
11
|
-
size?: SkeletonSize;
|
|
12
|
-
/**
|
|
13
|
-
* Additional CSS class names
|
|
14
|
-
*/
|
|
15
|
-
className?: string;
|
|
16
|
-
/**
|
|
17
|
-
* Width of the skeleton (CSS value or percentage)
|
|
18
|
-
* @default "100%"
|
|
19
|
-
*/
|
|
20
|
-
width?: string;
|
|
21
|
-
/**
|
|
22
|
-
* Whether to animate the skeleton with a pulse effect
|
|
23
|
-
* @default true
|
|
24
|
-
*/
|
|
25
|
-
animate?: boolean;
|
|
26
|
-
/**
|
|
27
|
-
* ARIA label for accessibility (optional, for screen readers)
|
|
28
|
-
*/
|
|
29
|
-
"aria-hidden"?: boolean;
|
|
30
|
-
}
|
|
31
|
-
//# sourceMappingURL=Skeleton.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.types.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/Skeleton.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,YAAY,GACpB,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAEV,MAAM,WAAW,aAAa;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Skeleton/index.ts"],"names":[],"mappings":"AAAA,OAAO,gBAAgB,CAAC;AAExB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AACpE,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import type { SpacerProps } from "./Spacer.types";
|
|
2
|
-
/**
|
|
3
|
-
* Spacer - Layout spacing component for the goo-ds design system
|
|
4
|
-
*
|
|
5
|
-
* Provides consistent vertical spacing using number tokens from Figma.
|
|
6
|
-
* Token-first per Constitution (no hardcoded values).
|
|
7
|
-
*
|
|
8
|
-
* @example
|
|
9
|
-
* ```tsx
|
|
10
|
-
* <Spacer size="16" />
|
|
11
|
-
* <Spacer size="32" />
|
|
12
|
-
* <Spacer size="64" />
|
|
13
|
-
* ```
|
|
14
|
-
*/
|
|
15
|
-
export declare function Spacer({ size, className, ...props }: SpacerProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
export default Spacer;
|
|
17
|
-
//# sourceMappingURL=Spacer.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../../src/components/Spacer/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;;;;;;;;;;;;GAYG;AACH,wBAAgB,MAAM,CAAC,EAAE,IAAW,EAAE,SAAc,EAAE,GAAG,KAAK,EAAE,EAAE,WAAW,2CAa5E;AAED,eAAe,MAAM,CAAC"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Spacer component props
|
|
3
|
-
* Provides vertical spacing using design system number tokens
|
|
4
|
-
*/
|
|
5
|
-
export type SpacerSize = "1" | "2" | "4" | "6" | "8" | "12" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "56" | "64" | "80" | "96" | "112" | "128" | "144" | "160" | "176" | "192" | "208" | "224" | "240" | "256" | "288" | "320" | "384" | "448" | "512";
|
|
6
|
-
export interface SpacerProps {
|
|
7
|
-
/**
|
|
8
|
-
* The size of the spacer, corresponding to number tokens (--size-X)
|
|
9
|
-
* @default "16"
|
|
10
|
-
*/
|
|
11
|
-
size?: SpacerSize;
|
|
12
|
-
/**
|
|
13
|
-
* Additional CSS class names
|
|
14
|
-
*/
|
|
15
|
-
className?: string;
|
|
16
|
-
/**
|
|
17
|
-
* ARIA label for accessibility (optional, for screen readers)
|
|
18
|
-
*/
|
|
19
|
-
"aria-hidden"?: boolean;
|
|
20
|
-
}
|
|
21
|
-
//# sourceMappingURL=Spacer.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Spacer.types.d.ts","sourceRoot":"","sources":["../../../src/components/Spacer/Spacer.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,MAAM,MAAM,UAAU,GAClB,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,GACL,KAAK,CAAC;AAEV,MAAM,WAAW,WAAW;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spacer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import type { TabItemProps } from "./TabItem.types";
|
|
2
|
-
import "./TabItem.css";
|
|
3
|
-
/**
|
|
4
|
-
* TabItem - Tab navigation item component for the goo-ds design system
|
|
5
|
-
*
|
|
6
|
-
* Provides consistent tab item with selected/unselected states.
|
|
7
|
-
* Designed to be used within a Tabs container.
|
|
8
|
-
* Token-first per Constitution (no hardcoded values).
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* <TabItem selected>Overview</TabItem>
|
|
13
|
-
* <TabItem onClick={() => handleTabChange('details')}>Details</TabItem>
|
|
14
|
-
* <TabItem>Settings</TabItem>
|
|
15
|
-
* ```
|
|
16
|
-
*/
|
|
17
|
-
export declare function TabItem({ selected, children, className, onClick, disabled, ...props }: TabItemProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
export default TabItem;
|
|
19
|
-
//# sourceMappingURL=TabItem.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabItem.d.ts","sourceRoot":"","sources":["../../../src/components/TabItem/TabItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,eAAe,CAAC;AAEvB;;;;;;;;;;;;;GAaG;AACH,wBAAgB,OAAO,CAAC,EACtB,QAAgB,EAChB,QAAQ,EACR,SAAc,EACd,OAAO,EACP,QAAgB,EAChB,GAAG,KAAK,EACT,EAAE,YAAY,2CAkBd;AAED,eAAe,OAAO,CAAC"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from "react";
|
|
2
|
-
/**
|
|
3
|
-
* TabItem component props
|
|
4
|
-
* Provides tab navigation item using design system tokens
|
|
5
|
-
*/
|
|
6
|
-
export interface TabItemProps extends React.HTMLAttributes<HTMLButtonElement> {
|
|
7
|
-
/**
|
|
8
|
-
* Whether this tab is currently selected/active
|
|
9
|
-
* @default false
|
|
10
|
-
*/
|
|
11
|
-
selected?: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* Tab content (text or other elements)
|
|
14
|
-
*/
|
|
15
|
-
children?: ReactNode;
|
|
16
|
-
/**
|
|
17
|
-
* Additional CSS class names
|
|
18
|
-
*/
|
|
19
|
-
className?: string;
|
|
20
|
-
/**
|
|
21
|
-
* Click handler for tab selection
|
|
22
|
-
*/
|
|
23
|
-
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
24
|
-
/**
|
|
25
|
-
* Whether the tab is disabled
|
|
26
|
-
* @default false
|
|
27
|
-
*/
|
|
28
|
-
disabled?: boolean;
|
|
29
|
-
}
|
|
30
|
-
//# sourceMappingURL=TabItem.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TabItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/TabItem/TabItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AAEH,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IAC3E;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAE/D;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TabItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import type { TableProps } from "./Table.types";
|
|
2
|
-
import "./Table.css";
|
|
3
|
-
/**
|
|
4
|
-
* Table - Table container component for the goo-ds design system
|
|
5
|
-
*
|
|
6
|
-
* Provides consistent table layout with background, border, and rounded corners.
|
|
7
|
-
* Designed to contain TableRow components with Cell children.
|
|
8
|
-
* Token-first per Constitution (no hardcoded values).
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* <Table>
|
|
13
|
-
* <TableRow>
|
|
14
|
-
* <Cell type="header">Name</Cell>
|
|
15
|
-
* <Cell type="header">Email</Cell>
|
|
16
|
-
* </TableRow>
|
|
17
|
-
* <TableRow>
|
|
18
|
-
* <Cell>John Doe</Cell>
|
|
19
|
-
* <Cell>john@example.com</Cell>
|
|
20
|
-
* </TableRow>
|
|
21
|
-
* </Table>
|
|
22
|
-
* ```
|
|
23
|
-
*/
|
|
24
|
-
export declare function Table({ children, className, ...props }: TableProps): import("react/jsx-runtime").JSX.Element;
|
|
25
|
-
export default Table;
|
|
26
|
-
//# sourceMappingURL=Table.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,aAAa,CAAC;AAErB;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,KAAK,CAAC,EAAE,QAAQ,EAAE,SAAc,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,2CAYvE;AAED,eAAe,KAAK,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from "react";
|
|
2
|
-
/**
|
|
3
|
-
* Table component props
|
|
4
|
-
* Provides table container using design system tokens
|
|
5
|
-
*/
|
|
6
|
-
export interface TableProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
-
/**
|
|
8
|
-
* Table content (typically TableRow components)
|
|
9
|
-
*/
|
|
10
|
-
children?: ReactNode;
|
|
11
|
-
/**
|
|
12
|
-
* Additional CSS class names
|
|
13
|
-
*/
|
|
14
|
-
className?: string;
|
|
15
|
-
}
|
|
16
|
-
//# sourceMappingURL=Table.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AAEH,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import type { TableRowProps } from "./TableRow.types";
|
|
2
|
-
import "./TableRow.css";
|
|
3
|
-
/**
|
|
4
|
-
* TableRow - Table row component for the goo-ds design system
|
|
5
|
-
*
|
|
6
|
-
* Provides consistent table row layout with interactive states and dividers.
|
|
7
|
-
* Designed to contain Cell components.
|
|
8
|
-
* Token-first per Constitution (no hardcoded values).
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* <TableRow>
|
|
13
|
-
* <Cell>Name</Cell>
|
|
14
|
-
* <Cell>Email</Cell>
|
|
15
|
-
* </TableRow>
|
|
16
|
-
* <TableRow selected>
|
|
17
|
-
* <Cell>John</Cell>
|
|
18
|
-
* <Cell>john@example.com</Cell>
|
|
19
|
-
* </TableRow>
|
|
20
|
-
* ```
|
|
21
|
-
*/
|
|
22
|
-
export declare function TableRow({ divider, selected, disabled, children, className, onClick, ...props }: TableRowProps): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
export default TableRow;
|
|
24
|
-
//# sourceMappingURL=TableRow.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.d.ts","sourceRoot":"","sources":["../../../src/components/TableRow/TableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,gBAAgB,CAAC;AAExB;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,OAAc,EACd,QAAgB,EAChB,QAAgB,EAChB,QAAQ,EACR,SAAc,EACd,OAAO,EACP,GAAG,KAAK,EACT,EAAE,aAAa,2CAoBf;AAED,eAAe,QAAQ,CAAC"}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from "react";
|
|
2
|
-
/**
|
|
3
|
-
* TableRow component props
|
|
4
|
-
* Provides table row layout using design system tokens
|
|
5
|
-
*/
|
|
6
|
-
export interface TableRowProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
-
/**
|
|
8
|
-
* Whether to show a divider border at the bottom
|
|
9
|
-
* @default true
|
|
10
|
-
*/
|
|
11
|
-
divider?: boolean;
|
|
12
|
-
/**
|
|
13
|
-
* Whether the row is selected
|
|
14
|
-
* @default false
|
|
15
|
-
*/
|
|
16
|
-
selected?: boolean;
|
|
17
|
-
/**
|
|
18
|
-
* Whether the row is disabled
|
|
19
|
-
* @default false
|
|
20
|
-
*/
|
|
21
|
-
disabled?: boolean;
|
|
22
|
-
/**
|
|
23
|
-
* Row content (typically Cell components)
|
|
24
|
-
*/
|
|
25
|
-
children?: ReactNode;
|
|
26
|
-
/**
|
|
27
|
-
* Additional CSS class names
|
|
28
|
-
*/
|
|
29
|
-
className?: string;
|
|
30
|
-
/**
|
|
31
|
-
* Click handler for interactive rows
|
|
32
|
-
*/
|
|
33
|
-
onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
34
|
-
}
|
|
35
|
-
//# sourceMappingURL=TableRow.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TableRow.types.d.ts","sourceRoot":"","sources":["../../../src/components/TableRow/TableRow.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AAEH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC7D"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TableRow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import type { TabsProps } from "./Tabs.types";
|
|
2
|
-
import "./Tabs.css";
|
|
3
|
-
/**
|
|
4
|
-
* Tabs - Tab navigation container component for the goo-ds design system
|
|
5
|
-
*
|
|
6
|
-
* Provides consistent tab navigation container.
|
|
7
|
-
* Designed to contain TabItem components.
|
|
8
|
-
* Token-first per Constitution (no hardcoded values).
|
|
9
|
-
*
|
|
10
|
-
* @example
|
|
11
|
-
* ```tsx
|
|
12
|
-
* <Tabs>
|
|
13
|
-
* <TabItem selected>Overview</TabItem>
|
|
14
|
-
* <TabItem>Details</TabItem>
|
|
15
|
-
* <TabItem>Settings</TabItem>
|
|
16
|
-
* </Tabs>
|
|
17
|
-
* ```
|
|
18
|
-
*/
|
|
19
|
-
export declare function Tabs({ children, className, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
-
export default Tabs;
|
|
21
|
-
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,YAAY,CAAC;AAEpB;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,SAAc,EACd,GAAG,KAAK,EACT,EAAE,SAAS,2CAWX;AAED,eAAe,IAAI,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from "react";
|
|
2
|
-
/**
|
|
3
|
-
* Tabs component props
|
|
4
|
-
* Provides tab navigation container using design system tokens
|
|
5
|
-
*/
|
|
6
|
-
export interface TabsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
-
/**
|
|
8
|
-
* Tab items (typically TabItem components)
|
|
9
|
-
*/
|
|
10
|
-
children?: ReactNode;
|
|
11
|
-
/**
|
|
12
|
-
* Additional CSS class names
|
|
13
|
-
*/
|
|
14
|
-
className?: string;
|
|
15
|
-
}
|
|
16
|
-
//# sourceMappingURL=Tabs.types.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.types.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC;;;GAGG;AAEH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export * from "./CoreText";
|
|
2
|
-
export * from "./Spacer";
|
|
3
|
-
export * from "./Skeleton";
|
|
4
|
-
export * from "./Button";
|
|
5
|
-
export * from "./Cell";
|
|
6
|
-
export * from "./TableRow";
|
|
7
|
-
export * from "./Table";
|
|
8
|
-
export * from "./SidebarItem";
|
|
9
|
-
export * from "./Sidebar";
|
|
10
|
-
export * from "./Divider";
|
|
11
|
-
export * from "./Codeblock";
|
|
12
|
-
export * from "./InputImage";
|
|
13
|
-
export * from "./TabItem";
|
|
14
|
-
export * from "./Tabs";
|
|
15
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,QAAQ,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/compositions/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,CAAC"}
|
package/dist/index.d.ts
DELETED
package/dist/index.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC"}
|