@redsift/design-system 8.0.7 → 9.0.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/CONTRIBUTING.md +21 -23
- package/index.d.ts +844 -468
- package/index.js +3249 -1769
- package/index.js.map +1 -1
- package/package.json +3 -2
- package/style/index.css +764 -382
- package/style/redsift-design-tokens.css +214 -245
- package/style/redsift-fonts.css +545 -132
- package/style/redsift-reset.css +1 -0
- package/style/redsift-style.css +4 -5
- package/style/redsift.css +764 -382
- package/style/fonts/electrolize-v14-latin-regular.woff +0 -0
- package/style/fonts/electrolize-v14-latin-regular.woff2 +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-300.woff +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-300.woff2 +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-300italic.woff +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-300italic.woff2 +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-500.woff +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-500.woff2 +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-500italic.woff +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-500italic.woff2 +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-600.woff +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-600.woff2 +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-600italic.woff +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-600italic.woff2 +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.woff +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700.woff2 +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700italic.woff +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-700italic.woff2 +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-italic.woff +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-italic.woff2 +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.woff +0 -0
- package/style/fonts/raleway-v28-vietnamese_latin-ext_latin_cyrillic-ext_cyrillic-regular.woff2 +0 -0
- package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff +0 -0
- package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-500.woff2 +0 -0
- package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.woff +0 -0
- package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-600.woff2 +0 -0
- package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff +0 -0
- package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2 +0 -0
- package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff +0 -0
- package/style/fonts/source-code-pro-v22-vietnamese_latin-ext_latin_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2 +0 -0
package/CONTRIBUTING.md
CHANGED
|
@@ -42,6 +42,10 @@ The Design System is following a monorepo architecture, providing multiple packa
|
|
|
42
42
|
|
|
43
43
|
This package provides popover components. Popover components are based on [floating-ui](https://floating-ui.com/) and [@floating-ui/react](https://floating-ui.com/docs/react). Toasts are based on [react-toastify](https://fkhadra.github.io/react-toastify).
|
|
44
44
|
|
|
45
|
+
- `@redsift/pickers`
|
|
46
|
+
|
|
47
|
+
This package provides selection components. The Popover part of the Pickers comes from `@redsift/popovers`.
|
|
48
|
+
|
|
45
49
|
- `@redsift/table`
|
|
46
50
|
|
|
47
51
|
This package provides datagrid components and features based on [MUI DataGrid](https://mui.com/x/react-data-grid/). Due to the use of advanced features, a [premium license](https://mui.com/x/introduction/licensing/#premium-plan) from MUI is required.
|
|
@@ -136,29 +140,23 @@ const DEFAULT_PROPS: Partial<BadgeProps> = {
|
|
|
136
140
|
/**
|
|
137
141
|
* The Badge component.
|
|
138
142
|
*/
|
|
139
|
-
export const Badge: Comp<BadgeProps, HTMLDivElement> = forwardRef(
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
>
|
|
157
|
-
// content of the component if needed
|
|
158
|
-
</StyledBadge>
|
|
159
|
-
);
|
|
160
|
-
}
|
|
161
|
-
);
|
|
143
|
+
export const Badge: Comp<BadgeProps, HTMLDivElement> = forwardRef((props, ref) => {
|
|
144
|
+
const {
|
|
145
|
+
// props
|
|
146
|
+
...forwardedProps
|
|
147
|
+
} = props;
|
|
148
|
+
|
|
149
|
+
return (
|
|
150
|
+
<StyledBadge
|
|
151
|
+
{...forwardedProps}
|
|
152
|
+
// transient props
|
|
153
|
+
className={classNames(Badge.className, `${Badge.className}-${variant}`, className)}
|
|
154
|
+
ref={ref as RefObject<HTMLDivElement>}
|
|
155
|
+
>
|
|
156
|
+
// content of the component if needed
|
|
157
|
+
</StyledBadge>
|
|
158
|
+
);
|
|
159
|
+
});
|
|
162
160
|
Badge.className = CLASSNAME;
|
|
163
161
|
Badge.defaultProps = DEFAULT_PROPS;
|
|
164
162
|
Badge.displayName = COMPONENT_NAME;
|