@public-ui/react 3.0.1-rc.0 → 3.0.2-6ae0104cda0b7b19a5b0d6bbc5f990b9fe544fa0.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 (7) hide show
  1. package/README.md +6 -4
  2. package/dist/index.cjs +6 -12
  3. package/dist/index.d.cts +70 -0
  4. package/dist/index.d.mts +70 -0
  5. package/dist/index.d.ts +2 -1
  6. package/dist/index.mjs +6 -13
  7. package/package.json +8 -8
package/README.md CHANGED
@@ -14,12 +14,12 @@ Provide an adapter for [React](https://reactjs.org) to use the KoliBri component
14
14
 
15
15
  ## Installation
16
16
 
17
- You can install the adapter with `npm`, `pnpm` or `yarn`:
17
+ Install the adapter with `npm`, `pnpm` or `yarn`:
18
18
 
19
19
  ```bash
20
- npm i -g @public-ui/react
21
- pnpm i -g @public-ui/react
22
- yarn add -g @public-ui/react
20
+ npm i @public-ui/react
21
+ pnpm i @public-ui/react
22
+ yarn add @public-ui/react
23
23
  ```
24
24
 
25
25
  ## Usage
@@ -53,3 +53,5 @@ import { KolButton } from '@public-ui/react';
53
53
 
54
54
  export default (): FC => <KolButton _label="Hello World" />;
55
55
  ```
56
+
57
+ For available design tokens see the [default theme README](../../themes/default/README.md).
package/dist/index.cjs CHANGED
@@ -127,16 +127,14 @@ const createForwardRef = (ReactComponent, displayName) => {
127
127
  };
128
128
 
129
129
  const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
130
- if (defineCustomElement !== void 0) {
131
- defineCustomElement();
132
- }
133
130
  const displayName = dashToPascalCase(tagName);
134
131
  const ReactComponent = class extends React__default.Component {
132
+ componentEl;
133
+ setComponentElRef = (element) => {
134
+ this.componentEl = element;
135
+ };
135
136
  constructor(props) {
136
137
  super(props);
137
- this.setComponentElRef = (element) => {
138
- this.componentEl = element;
139
- };
140
138
  }
141
139
  componentDidMount() {
142
140
  this.componentDidUpdate(this.props);
@@ -161,9 +159,6 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
161
159
  }
162
160
  return acc;
163
161
  }, {});
164
- if (manipulatePropsFunction) {
165
- propsToPass = manipulatePropsFunction(this.props, propsToPass);
166
- }
167
162
  const newProps = {
168
163
  ...propsToPass,
169
164
  ref: mergeRefs(forwardedRef, this.setComponentElRef),
@@ -176,9 +171,6 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
176
171
  return displayName;
177
172
  }
178
173
  };
179
- if (ReactComponentContext) {
180
- ReactComponent.contextType = ReactComponentContext;
181
- }
182
174
  return createForwardRef(ReactComponent, displayName);
183
175
  };
184
176
 
@@ -191,6 +183,7 @@ const KolBreadcrumb = /* @__PURE__ */ createReactComponent("kol-breadcrumb");
191
183
  const KolButton = /* @__PURE__ */ createReactComponent("kol-button");
192
184
  const KolButtonLink = /* @__PURE__ */ createReactComponent("kol-button-link");
193
185
  const KolCard = /* @__PURE__ */ createReactComponent("kol-card");
186
+ const KolCardWc = /* @__PURE__ */ createReactComponent("kol-card-wc");
194
187
  const KolCombobox = /* @__PURE__ */ createReactComponent("kol-combobox");
195
188
  const KolDetails = /* @__PURE__ */ createReactComponent("kol-details");
196
189
  const KolDrawer = /* @__PURE__ */ createReactComponent("kol-drawer");
@@ -251,6 +244,7 @@ exports.KolBreadcrumb = KolBreadcrumb;
251
244
  exports.KolButton = KolButton;
252
245
  exports.KolButtonLink = KolButtonLink;
253
246
  exports.KolCard = KolCard;
247
+ exports.KolCardWc = KolCardWc;
254
248
  exports.KolCombobox = KolCombobox;
255
249
  exports.KolDetails = KolDetails;
256
250
  exports.KolDrawer = KolDrawer;
package/dist/index.d.cts ADDED
@@ -0,0 +1,70 @@
1
+ import * as react from 'react';
2
+ import { JSX } from '@public-ui/components';
3
+
4
+ interface StyleReactProps {
5
+ class?: string;
6
+ className?: string;
7
+ style?: {
8
+ [key: string]: any;
9
+ };
10
+ }
11
+
12
+ type TagNameTransformer = (tagName: string) => string;
13
+ declare const setTagNameTransformer: (_tagNameTransformer: TagNameTransformer) => void;
14
+
15
+ declare const KolAbbr: react.ForwardRefExoticComponent<JSX.KolAbbr & Omit<react.HTMLAttributes<HTMLKolAbbrElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolAbbrElement>>;
16
+ declare const KolAccordion: react.ForwardRefExoticComponent<JSX.KolAccordion & Omit<react.HTMLAttributes<HTMLKolAccordionElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolAccordionElement>>;
17
+ declare const KolAlert: react.ForwardRefExoticComponent<JSX.KolAlert & Omit<react.HTMLAttributes<HTMLKolAlertElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolAlertElement>>;
18
+ declare const KolAvatar: react.ForwardRefExoticComponent<JSX.KolAvatar & Omit<react.HTMLAttributes<HTMLKolAvatarElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolAvatarElement>>;
19
+ declare const KolBadge: react.ForwardRefExoticComponent<JSX.KolBadge & Omit<react.HTMLAttributes<HTMLKolBadgeElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolBadgeElement>>;
20
+ declare const KolBreadcrumb: react.ForwardRefExoticComponent<JSX.KolBreadcrumb & Omit<react.HTMLAttributes<HTMLKolBreadcrumbElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolBreadcrumbElement>>;
21
+ declare const KolButton: react.ForwardRefExoticComponent<JSX.KolButton & Omit<react.HTMLAttributes<HTMLKolButtonElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolButtonElement>>;
22
+ declare const KolButtonLink: react.ForwardRefExoticComponent<JSX.KolButtonLink & Omit<react.HTMLAttributes<HTMLKolButtonLinkElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolButtonLinkElement>>;
23
+ declare const KolCard: react.ForwardRefExoticComponent<JSX.KolCard & Omit<react.HTMLAttributes<HTMLKolCardElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolCardElement>>;
24
+ declare const KolCardWc: react.ForwardRefExoticComponent<JSX.KolCardWc & Omit<react.HTMLAttributes<HTMLKolCardWcElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolCardWcElement>>;
25
+ declare const KolCombobox: react.ForwardRefExoticComponent<JSX.KolCombobox & Omit<react.HTMLAttributes<HTMLKolComboboxElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolComboboxElement>>;
26
+ declare const KolDetails: react.ForwardRefExoticComponent<JSX.KolDetails & Omit<react.HTMLAttributes<HTMLKolDetailsElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolDetailsElement>>;
27
+ declare const KolDrawer: react.ForwardRefExoticComponent<JSX.KolDrawer & Omit<react.HTMLAttributes<HTMLKolDrawerElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolDrawerElement>>;
28
+ declare const KolForm: react.ForwardRefExoticComponent<JSX.KolForm & Omit<react.HTMLAttributes<HTMLKolFormElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolFormElement>>;
29
+ declare const KolHeading: react.ForwardRefExoticComponent<JSX.KolHeading & Omit<react.HTMLAttributes<HTMLKolHeadingElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolHeadingElement>>;
30
+ declare const KolIcon: react.ForwardRefExoticComponent<JSX.KolIcon & Omit<react.HTMLAttributes<HTMLKolIconElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolIconElement>>;
31
+ declare const KolImage: react.ForwardRefExoticComponent<JSX.KolImage & Omit<react.HTMLAttributes<HTMLKolImageElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolImageElement>>;
32
+ declare const KolInputCheckbox: react.ForwardRefExoticComponent<JSX.KolInputCheckbox & Omit<react.HTMLAttributes<HTMLKolInputCheckboxElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputCheckboxElement>>;
33
+ declare const KolInputColor: react.ForwardRefExoticComponent<JSX.KolInputColor & Omit<react.HTMLAttributes<HTMLKolInputColorElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputColorElement>>;
34
+ declare const KolInputDate: react.ForwardRefExoticComponent<JSX.KolInputDate & Omit<react.HTMLAttributes<HTMLKolInputDateElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputDateElement>>;
35
+ declare const KolInputEmail: react.ForwardRefExoticComponent<JSX.KolInputEmail & Omit<react.HTMLAttributes<HTMLKolInputEmailElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputEmailElement>>;
36
+ declare const KolInputFile: react.ForwardRefExoticComponent<JSX.KolInputFile & Omit<react.HTMLAttributes<HTMLKolInputFileElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputFileElement>>;
37
+ declare const KolInputNumber: react.ForwardRefExoticComponent<JSX.KolInputNumber & Omit<react.HTMLAttributes<HTMLKolInputNumberElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputNumberElement>>;
38
+ declare const KolInputPassword: react.ForwardRefExoticComponent<JSX.KolInputPassword & Omit<react.HTMLAttributes<HTMLKolInputPasswordElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputPasswordElement>>;
39
+ declare const KolInputRadio: react.ForwardRefExoticComponent<JSX.KolInputRadio & Omit<react.HTMLAttributes<HTMLKolInputRadioElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputRadioElement>>;
40
+ declare const KolInputRange: react.ForwardRefExoticComponent<JSX.KolInputRange & Omit<react.HTMLAttributes<HTMLKolInputRangeElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputRangeElement>>;
41
+ declare const KolInputText: react.ForwardRefExoticComponent<JSX.KolInputText & Omit<react.HTMLAttributes<HTMLKolInputTextElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputTextElement>>;
42
+ declare const KolKolibri: react.ForwardRefExoticComponent<JSX.KolKolibri & Omit<react.HTMLAttributes<HTMLKolKolibriElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolKolibriElement>>;
43
+ declare const KolLink: react.ForwardRefExoticComponent<JSX.KolLink & Omit<react.HTMLAttributes<HTMLKolLinkElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolLinkElement>>;
44
+ declare const KolLinkButton: react.ForwardRefExoticComponent<JSX.KolLinkButton & Omit<react.HTMLAttributes<HTMLKolLinkButtonElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolLinkButtonElement>>;
45
+ declare const KolModal: react.ForwardRefExoticComponent<JSX.KolModal & Omit<react.HTMLAttributes<HTMLKolModalElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolModalElement>>;
46
+ declare const KolNav: react.ForwardRefExoticComponent<JSX.KolNav & Omit<react.HTMLAttributes<HTMLKolNavElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolNavElement>>;
47
+ declare const KolPagination: react.ForwardRefExoticComponent<JSX.KolPagination & Omit<react.HTMLAttributes<HTMLKolPaginationElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolPaginationElement>>;
48
+ declare const KolPopoverButton: react.ForwardRefExoticComponent<JSX.KolPopoverButton & Omit<react.HTMLAttributes<HTMLKolPopoverButtonElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolPopoverButtonElement>>;
49
+ declare const KolPopoverButtonWc: react.ForwardRefExoticComponent<JSX.KolPopoverButtonWc & Omit<react.HTMLAttributes<HTMLKolPopoverButtonWcElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolPopoverButtonWcElement>>;
50
+ declare const KolProgress: react.ForwardRefExoticComponent<JSX.KolProgress & Omit<react.HTMLAttributes<HTMLKolProgressElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolProgressElement>>;
51
+ declare const KolQuote: react.ForwardRefExoticComponent<JSX.KolQuote & Omit<react.HTMLAttributes<HTMLKolQuoteElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolQuoteElement>>;
52
+ declare const KolSelect: react.ForwardRefExoticComponent<JSX.KolSelect & Omit<react.HTMLAttributes<HTMLKolSelectElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSelectElement>>;
53
+ declare const KolSingleSelect: react.ForwardRefExoticComponent<JSX.KolSingleSelect & Omit<react.HTMLAttributes<HTMLKolSingleSelectElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSingleSelectElement>>;
54
+ declare const KolSkipNav: react.ForwardRefExoticComponent<JSX.KolSkipNav & Omit<react.HTMLAttributes<HTMLKolSkipNavElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSkipNavElement>>;
55
+ declare const KolSpin: react.ForwardRefExoticComponent<JSX.KolSpin & Omit<react.HTMLAttributes<HTMLKolSpinElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSpinElement>>;
56
+ declare const KolSplitButton: react.ForwardRefExoticComponent<JSX.KolSplitButton & Omit<react.HTMLAttributes<HTMLKolSplitButtonElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSplitButtonElement>>;
57
+ declare const KolTableStateful: react.ForwardRefExoticComponent<JSX.KolTableStateful & Omit<react.HTMLAttributes<HTMLKolTableStatefulElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTableStatefulElement>>;
58
+ declare const KolTableStateless: react.ForwardRefExoticComponent<JSX.KolTableStateless & Omit<react.HTMLAttributes<HTMLKolTableStatelessElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTableStatelessElement>>;
59
+ declare const KolTabs: react.ForwardRefExoticComponent<JSX.KolTabs & Omit<react.HTMLAttributes<HTMLKolTabsElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTabsElement>>;
60
+ declare const KolTextarea: react.ForwardRefExoticComponent<JSX.KolTextarea & Omit<react.HTMLAttributes<HTMLKolTextareaElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTextareaElement>>;
61
+ declare const KolToastContainer: react.ForwardRefExoticComponent<JSX.KolToastContainer & Omit<react.HTMLAttributes<HTMLKolToastContainerElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolToastContainerElement>>;
62
+ declare const KolToolbar: react.ForwardRefExoticComponent<JSX.KolToolbar & Omit<react.HTMLAttributes<HTMLKolToolbarElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolToolbarElement>>;
63
+ declare const KolTree: react.ForwardRefExoticComponent<JSX.KolTree & Omit<react.HTMLAttributes<HTMLKolTreeElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTreeElement>>;
64
+ declare const KolTreeItem: react.ForwardRefExoticComponent<JSX.KolTreeItem & Omit<react.HTMLAttributes<HTMLKolTreeItemElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTreeItemElement>>;
65
+ declare const KolTreeItemWc: react.ForwardRefExoticComponent<JSX.KolTreeItemWc & Omit<react.HTMLAttributes<HTMLKolTreeItemWcElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTreeItemWcElement>>;
66
+ declare const KolVersion: react.ForwardRefExoticComponent<JSX.KolVersion & Omit<react.HTMLAttributes<HTMLKolVersionElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolVersionElement>>;
67
+
68
+ declare function createReactRenderElement(hostElement: HTMLElement): HTMLDivElement;
69
+
70
+ export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCardWc, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion, createReactRenderElement, setTagNameTransformer };
package/dist/index.d.mts ADDED
@@ -0,0 +1,70 @@
1
+ import * as react from 'react';
2
+ import { JSX } from '@public-ui/components';
3
+
4
+ interface StyleReactProps {
5
+ class?: string;
6
+ className?: string;
7
+ style?: {
8
+ [key: string]: any;
9
+ };
10
+ }
11
+
12
+ type TagNameTransformer = (tagName: string) => string;
13
+ declare const setTagNameTransformer: (_tagNameTransformer: TagNameTransformer) => void;
14
+
15
+ declare const KolAbbr: react.ForwardRefExoticComponent<JSX.KolAbbr & Omit<react.HTMLAttributes<HTMLKolAbbrElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolAbbrElement>>;
16
+ declare const KolAccordion: react.ForwardRefExoticComponent<JSX.KolAccordion & Omit<react.HTMLAttributes<HTMLKolAccordionElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolAccordionElement>>;
17
+ declare const KolAlert: react.ForwardRefExoticComponent<JSX.KolAlert & Omit<react.HTMLAttributes<HTMLKolAlertElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolAlertElement>>;
18
+ declare const KolAvatar: react.ForwardRefExoticComponent<JSX.KolAvatar & Omit<react.HTMLAttributes<HTMLKolAvatarElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolAvatarElement>>;
19
+ declare const KolBadge: react.ForwardRefExoticComponent<JSX.KolBadge & Omit<react.HTMLAttributes<HTMLKolBadgeElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolBadgeElement>>;
20
+ declare const KolBreadcrumb: react.ForwardRefExoticComponent<JSX.KolBreadcrumb & Omit<react.HTMLAttributes<HTMLKolBreadcrumbElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolBreadcrumbElement>>;
21
+ declare const KolButton: react.ForwardRefExoticComponent<JSX.KolButton & Omit<react.HTMLAttributes<HTMLKolButtonElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolButtonElement>>;
22
+ declare const KolButtonLink: react.ForwardRefExoticComponent<JSX.KolButtonLink & Omit<react.HTMLAttributes<HTMLKolButtonLinkElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolButtonLinkElement>>;
23
+ declare const KolCard: react.ForwardRefExoticComponent<JSX.KolCard & Omit<react.HTMLAttributes<HTMLKolCardElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolCardElement>>;
24
+ declare const KolCardWc: react.ForwardRefExoticComponent<JSX.KolCardWc & Omit<react.HTMLAttributes<HTMLKolCardWcElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolCardWcElement>>;
25
+ declare const KolCombobox: react.ForwardRefExoticComponent<JSX.KolCombobox & Omit<react.HTMLAttributes<HTMLKolComboboxElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolComboboxElement>>;
26
+ declare const KolDetails: react.ForwardRefExoticComponent<JSX.KolDetails & Omit<react.HTMLAttributes<HTMLKolDetailsElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolDetailsElement>>;
27
+ declare const KolDrawer: react.ForwardRefExoticComponent<JSX.KolDrawer & Omit<react.HTMLAttributes<HTMLKolDrawerElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolDrawerElement>>;
28
+ declare const KolForm: react.ForwardRefExoticComponent<JSX.KolForm & Omit<react.HTMLAttributes<HTMLKolFormElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolFormElement>>;
29
+ declare const KolHeading: react.ForwardRefExoticComponent<JSX.KolHeading & Omit<react.HTMLAttributes<HTMLKolHeadingElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolHeadingElement>>;
30
+ declare const KolIcon: react.ForwardRefExoticComponent<JSX.KolIcon & Omit<react.HTMLAttributes<HTMLKolIconElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolIconElement>>;
31
+ declare const KolImage: react.ForwardRefExoticComponent<JSX.KolImage & Omit<react.HTMLAttributes<HTMLKolImageElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolImageElement>>;
32
+ declare const KolInputCheckbox: react.ForwardRefExoticComponent<JSX.KolInputCheckbox & Omit<react.HTMLAttributes<HTMLKolInputCheckboxElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputCheckboxElement>>;
33
+ declare const KolInputColor: react.ForwardRefExoticComponent<JSX.KolInputColor & Omit<react.HTMLAttributes<HTMLKolInputColorElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputColorElement>>;
34
+ declare const KolInputDate: react.ForwardRefExoticComponent<JSX.KolInputDate & Omit<react.HTMLAttributes<HTMLKolInputDateElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputDateElement>>;
35
+ declare const KolInputEmail: react.ForwardRefExoticComponent<JSX.KolInputEmail & Omit<react.HTMLAttributes<HTMLKolInputEmailElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputEmailElement>>;
36
+ declare const KolInputFile: react.ForwardRefExoticComponent<JSX.KolInputFile & Omit<react.HTMLAttributes<HTMLKolInputFileElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputFileElement>>;
37
+ declare const KolInputNumber: react.ForwardRefExoticComponent<JSX.KolInputNumber & Omit<react.HTMLAttributes<HTMLKolInputNumberElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputNumberElement>>;
38
+ declare const KolInputPassword: react.ForwardRefExoticComponent<JSX.KolInputPassword & Omit<react.HTMLAttributes<HTMLKolInputPasswordElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputPasswordElement>>;
39
+ declare const KolInputRadio: react.ForwardRefExoticComponent<JSX.KolInputRadio & Omit<react.HTMLAttributes<HTMLKolInputRadioElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputRadioElement>>;
40
+ declare const KolInputRange: react.ForwardRefExoticComponent<JSX.KolInputRange & Omit<react.HTMLAttributes<HTMLKolInputRangeElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputRangeElement>>;
41
+ declare const KolInputText: react.ForwardRefExoticComponent<JSX.KolInputText & Omit<react.HTMLAttributes<HTMLKolInputTextElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolInputTextElement>>;
42
+ declare const KolKolibri: react.ForwardRefExoticComponent<JSX.KolKolibri & Omit<react.HTMLAttributes<HTMLKolKolibriElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolKolibriElement>>;
43
+ declare const KolLink: react.ForwardRefExoticComponent<JSX.KolLink & Omit<react.HTMLAttributes<HTMLKolLinkElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolLinkElement>>;
44
+ declare const KolLinkButton: react.ForwardRefExoticComponent<JSX.KolLinkButton & Omit<react.HTMLAttributes<HTMLKolLinkButtonElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolLinkButtonElement>>;
45
+ declare const KolModal: react.ForwardRefExoticComponent<JSX.KolModal & Omit<react.HTMLAttributes<HTMLKolModalElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolModalElement>>;
46
+ declare const KolNav: react.ForwardRefExoticComponent<JSX.KolNav & Omit<react.HTMLAttributes<HTMLKolNavElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolNavElement>>;
47
+ declare const KolPagination: react.ForwardRefExoticComponent<JSX.KolPagination & Omit<react.HTMLAttributes<HTMLKolPaginationElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolPaginationElement>>;
48
+ declare const KolPopoverButton: react.ForwardRefExoticComponent<JSX.KolPopoverButton & Omit<react.HTMLAttributes<HTMLKolPopoverButtonElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolPopoverButtonElement>>;
49
+ declare const KolPopoverButtonWc: react.ForwardRefExoticComponent<JSX.KolPopoverButtonWc & Omit<react.HTMLAttributes<HTMLKolPopoverButtonWcElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolPopoverButtonWcElement>>;
50
+ declare const KolProgress: react.ForwardRefExoticComponent<JSX.KolProgress & Omit<react.HTMLAttributes<HTMLKolProgressElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolProgressElement>>;
51
+ declare const KolQuote: react.ForwardRefExoticComponent<JSX.KolQuote & Omit<react.HTMLAttributes<HTMLKolQuoteElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolQuoteElement>>;
52
+ declare const KolSelect: react.ForwardRefExoticComponent<JSX.KolSelect & Omit<react.HTMLAttributes<HTMLKolSelectElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSelectElement>>;
53
+ declare const KolSingleSelect: react.ForwardRefExoticComponent<JSX.KolSingleSelect & Omit<react.HTMLAttributes<HTMLKolSingleSelectElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSingleSelectElement>>;
54
+ declare const KolSkipNav: react.ForwardRefExoticComponent<JSX.KolSkipNav & Omit<react.HTMLAttributes<HTMLKolSkipNavElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSkipNavElement>>;
55
+ declare const KolSpin: react.ForwardRefExoticComponent<JSX.KolSpin & Omit<react.HTMLAttributes<HTMLKolSpinElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSpinElement>>;
56
+ declare const KolSplitButton: react.ForwardRefExoticComponent<JSX.KolSplitButton & Omit<react.HTMLAttributes<HTMLKolSplitButtonElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolSplitButtonElement>>;
57
+ declare const KolTableStateful: react.ForwardRefExoticComponent<JSX.KolTableStateful & Omit<react.HTMLAttributes<HTMLKolTableStatefulElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTableStatefulElement>>;
58
+ declare const KolTableStateless: react.ForwardRefExoticComponent<JSX.KolTableStateless & Omit<react.HTMLAttributes<HTMLKolTableStatelessElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTableStatelessElement>>;
59
+ declare const KolTabs: react.ForwardRefExoticComponent<JSX.KolTabs & Omit<react.HTMLAttributes<HTMLKolTabsElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTabsElement>>;
60
+ declare const KolTextarea: react.ForwardRefExoticComponent<JSX.KolTextarea & Omit<react.HTMLAttributes<HTMLKolTextareaElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTextareaElement>>;
61
+ declare const KolToastContainer: react.ForwardRefExoticComponent<JSX.KolToastContainer & Omit<react.HTMLAttributes<HTMLKolToastContainerElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolToastContainerElement>>;
62
+ declare const KolToolbar: react.ForwardRefExoticComponent<JSX.KolToolbar & Omit<react.HTMLAttributes<HTMLKolToolbarElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolToolbarElement>>;
63
+ declare const KolTree: react.ForwardRefExoticComponent<JSX.KolTree & Omit<react.HTMLAttributes<HTMLKolTreeElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTreeElement>>;
64
+ declare const KolTreeItem: react.ForwardRefExoticComponent<JSX.KolTreeItem & Omit<react.HTMLAttributes<HTMLKolTreeItemElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTreeItemElement>>;
65
+ declare const KolTreeItemWc: react.ForwardRefExoticComponent<JSX.KolTreeItemWc & Omit<react.HTMLAttributes<HTMLKolTreeItemWcElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolTreeItemWcElement>>;
66
+ declare const KolVersion: react.ForwardRefExoticComponent<JSX.KolVersion & Omit<react.HTMLAttributes<HTMLKolVersionElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolVersionElement>>;
67
+
68
+ declare function createReactRenderElement(hostElement: HTMLElement): HTMLDivElement;
69
+
70
+ export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCardWc, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion, createReactRenderElement, setTagNameTransformer };
package/dist/index.d.ts CHANGED
@@ -21,6 +21,7 @@ declare const KolBreadcrumb: react.ForwardRefExoticComponent<JSX.KolBreadcrumb &
21
21
  declare const KolButton: react.ForwardRefExoticComponent<JSX.KolButton & Omit<react.HTMLAttributes<HTMLKolButtonElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolButtonElement>>;
22
22
  declare const KolButtonLink: react.ForwardRefExoticComponent<JSX.KolButtonLink & Omit<react.HTMLAttributes<HTMLKolButtonLinkElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolButtonLinkElement>>;
23
23
  declare const KolCard: react.ForwardRefExoticComponent<JSX.KolCard & Omit<react.HTMLAttributes<HTMLKolCardElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolCardElement>>;
24
+ declare const KolCardWc: react.ForwardRefExoticComponent<JSX.KolCardWc & Omit<react.HTMLAttributes<HTMLKolCardWcElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolCardWcElement>>;
24
25
  declare const KolCombobox: react.ForwardRefExoticComponent<JSX.KolCombobox & Omit<react.HTMLAttributes<HTMLKolComboboxElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolComboboxElement>>;
25
26
  declare const KolDetails: react.ForwardRefExoticComponent<JSX.KolDetails & Omit<react.HTMLAttributes<HTMLKolDetailsElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolDetailsElement>>;
26
27
  declare const KolDrawer: react.ForwardRefExoticComponent<JSX.KolDrawer & Omit<react.HTMLAttributes<HTMLKolDrawerElement>, "style"> & StyleReactProps & react.RefAttributes<HTMLKolDrawerElement>>;
@@ -66,4 +67,4 @@ declare const KolVersion: react.ForwardRefExoticComponent<JSX.KolVersion & Omit<
66
67
 
67
68
  declare function createReactRenderElement(hostElement: HTMLElement): HTMLDivElement;
68
69
 
69
- export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion, createReactRenderElement, setTagNameTransformer };
70
+ export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCardWc, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion, createReactRenderElement, setTagNameTransformer };
package/dist/index.mjs CHANGED
@@ -121,16 +121,14 @@ const createForwardRef = (ReactComponent, displayName) => {
121
121
  };
122
122
 
123
123
  const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
124
- if (defineCustomElement !== void 0) {
125
- defineCustomElement();
126
- }
127
124
  const displayName = dashToPascalCase(tagName);
128
125
  const ReactComponent = class extends React.Component {
126
+ componentEl;
127
+ setComponentElRef = (element) => {
128
+ this.componentEl = element;
129
+ };
129
130
  constructor(props) {
130
131
  super(props);
131
- this.setComponentElRef = (element) => {
132
- this.componentEl = element;
133
- };
134
132
  }
135
133
  componentDidMount() {
136
134
  this.componentDidUpdate(this.props);
@@ -155,9 +153,6 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
155
153
  }
156
154
  return acc;
157
155
  }, {});
158
- if (manipulatePropsFunction) {
159
- propsToPass = manipulatePropsFunction(this.props, propsToPass);
160
- }
161
156
  const newProps = {
162
157
  ...propsToPass,
163
158
  ref: mergeRefs(forwardedRef, this.setComponentElRef),
@@ -170,9 +165,6 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
170
165
  return displayName;
171
166
  }
172
167
  };
173
- if (ReactComponentContext) {
174
- ReactComponent.contextType = ReactComponentContext;
175
- }
176
168
  return createForwardRef(ReactComponent, displayName);
177
169
  };
178
170
 
@@ -185,6 +177,7 @@ const KolBreadcrumb = /* @__PURE__ */ createReactComponent("kol-breadcrumb");
185
177
  const KolButton = /* @__PURE__ */ createReactComponent("kol-button");
186
178
  const KolButtonLink = /* @__PURE__ */ createReactComponent("kol-button-link");
187
179
  const KolCard = /* @__PURE__ */ createReactComponent("kol-card");
180
+ const KolCardWc = /* @__PURE__ */ createReactComponent("kol-card-wc");
188
181
  const KolCombobox = /* @__PURE__ */ createReactComponent("kol-combobox");
189
182
  const KolDetails = /* @__PURE__ */ createReactComponent("kol-details");
190
183
  const KolDrawer = /* @__PURE__ */ createReactComponent("kol-drawer");
@@ -236,4 +229,4 @@ function createReactRenderElement(hostElement) {
236
229
  return renderElement;
237
230
  }
238
231
 
239
- export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion, createReactRenderElement, setTagNameTransformer };
232
+ export { KolAbbr, KolAccordion, KolAlert, KolAvatar, KolBadge, KolBreadcrumb, KolButton, KolButtonLink, KolCard, KolCardWc, KolCombobox, KolDetails, KolDrawer, KolForm, KolHeading, KolIcon, KolImage, KolInputCheckbox, KolInputColor, KolInputDate, KolInputEmail, KolInputFile, KolInputNumber, KolInputPassword, KolInputRadio, KolInputRange, KolInputText, KolKolibri, KolLink, KolLinkButton, KolModal, KolNav, KolPagination, KolPopoverButton, KolPopoverButtonWc, KolProgress, KolQuote, KolSelect, KolSingleSelect, KolSkipNav, KolSpin, KolSplitButton, KolTableStateful, KolTableStateless, KolTabs, KolTextarea, KolToastContainer, KolToolbar, KolTree, KolTreeItem, KolTreeItemWc, KolVersion, createReactRenderElement, setTagNameTransformer };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@public-ui/react",
3
- "version": "3.0.1-rc.0",
3
+ "version": "3.0.2-6ae0104cda0b7b19a5b0d6bbc5f990b9fe544fa0.0",
4
4
  "license": "EUPL-1.2",
5
5
  "homepage": "https://public-ui.github.io",
6
6
  "repository": {
@@ -49,17 +49,17 @@
49
49
  "@types/minimist": "1.2.5",
50
50
  "@types/normalize-package-data": "2.4.4",
51
51
  "@types/react": "18.3.4",
52
- "@types/react-dom": "18.3.5",
53
- "react": "18.2.0",
54
- "react-dom": "18.2.0",
55
- "typescript": "5.8.2",
56
- "unbuild": "1.2.1",
57
- "@public-ui/components": "3.0.1-rc.0"
52
+ "@types/react-dom": "18.3.7",
53
+ "react": "18.3.1",
54
+ "react-dom": "18.3.1",
55
+ "typescript": "5.8.3",
56
+ "unbuild": "3.5.0",
57
+ "@public-ui/components": "3.0.2-6ae0104cda0b7b19a5b0d6bbc5f990b9fe544fa0.0"
58
58
  },
59
59
  "peerDependencies": {
60
60
  "react": ">=16.14.0",
61
61
  "react-dom": ">=16.14.0",
62
- "@public-ui/components": "3.0.1-rc.0"
62
+ "@public-ui/components": "3.0.2-6ae0104cda0b7b19a5b0d6bbc5f990b9fe544fa0.0"
63
63
  },
64
64
  "sideEffects": false,
65
65
  "type": "module",