diff --git a/package-lock.json b/package-lock.json index f847e4f..eb643d4 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "root", - "version": "0.3.3", + "version": "0.3.4", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "root", - "version": "0.3.3", + "version": "0.3.4", "workspaces": [ "packages/*", "tests/*" @@ -9105,7 +9105,7 @@ }, "packages/core": { "name": "@poppy-ui/core", - "version": "0.3.3", + "version": "0.3.4", "license": "MIT", "dependencies": { "@stencil/core": "^4.22.3" @@ -9131,19 +9131,19 @@ }, "packages/docs": { "name": "@poppy-ui/docs", - "version": "0.3.3", + "version": "0.3.4", "license": "MIT" }, "packages/vue": { "name": "@poppy-ui/vue", - "version": "0.3.3", + "version": "0.3.4", "license": "MIT", "dependencies": { - "@poppy-ui/core": "^0.3.3" + "@poppy-ui/core": "^0.3.4" }, "devDependencies": { "@biomejs/biome": "^1.9.4", - "@poppy-ui/docs": "^0.3.3", + "@poppy-ui/docs": "^0.3.4", "@rollup/plugin-typescript": "^12.1.1", "change-case": "^5.4.4", "rimraf": "^6.0.1", @@ -9155,7 +9155,7 @@ }, "tests/vue": { "name": "test-vue", - "version": "0.3.3", + "version": "0.3.4", "dependencies": { "@poppy-ui/vue": "0.3.1", "vue": "~3.5.11", diff --git a/package.json b/package.json index e2d3b4c..017fd99 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "root", "private": true, - "version": "0.3.3", + "version": "0.3.4", "workspaces": [ "packages/*", "tests/*" diff --git a/packages/core/api.txt b/packages/core/api.txt index 086de73..c9afced 100644 --- a/packages/core/api.txt +++ b/packages/core/api.txt @@ -170,7 +170,7 @@ pop-input,prop,maxLength,number,undefined,false,false pop-input,prop,min,number,undefined,false,false pop-input,prop,minLength,number,undefined,false,false pop-input,prop,multiple,boolean,undefined,false,false -pop-input,prop,name,string,this.inputId,false,false +pop-input,prop,name,string,this.inputId,false,true pop-input,prop,pattern,string,undefined,false,false pop-input,prop,placeholder,string,undefined,false,false pop-input,prop,readonly,boolean,undefined,false,true @@ -203,12 +203,12 @@ pop-input-file,prop,color,"accent" | "error" | "ghost" | "info" | "primary" | "s pop-input-file,prop,disabled,boolean,undefined,false,true pop-input-file,prop,errorText,string,undefined,false,false pop-input-file,prop,helperText,string,undefined,false,false -pop-input-file,prop,multiple,boolean,undefined,false,false -pop-input-file,prop,name,string,this.inputId,false,false +pop-input-file,prop,multiple,boolean,undefined,false,true +pop-input-file,prop,name,string,this.inputId,false,true pop-input-file,prop,readonly,boolean,undefined,false,true pop-input-file,prop,required,boolean,undefined,false,true pop-input-file,prop,size,"lg" | "md" | "sm" | "xs",undefined,false,true -pop-input-file,prop,value,File | File[],undefined,false,false +pop-input-file,prop,value,File | File[],new File([], ''),false,false pop-input-file,method,setFocus,setFocus() => Promise pop-input-file,event,popBlur,void,true pop-input-file,event,popChange,InputFileChangeEventDetail,true @@ -302,7 +302,7 @@ pop-radio,prop,autoFocus,boolean,false,false,true pop-radio,prop,checked,boolean,false,false,true pop-radio,prop,color,"accent" | "error" | "info" | "primary" | "secondary" | "success" | "warning",undefined,false,true pop-radio,prop,disabled,boolean,undefined,false,true -pop-radio,prop,name,string,this.inputId,false,false +pop-radio,prop,name,string,this.inputId,false,true pop-radio,prop,required,boolean,undefined,false,true pop-radio,prop,size,"lg" | "md" | "sm" | "xs",undefined,false,true pop-radio,prop,value,any,'',false,false @@ -323,7 +323,7 @@ pop-radio-group,prop,allowEmpty,boolean,undefined,false,false pop-radio-group,prop,color,"accent" | "error" | "info" | "primary" | "secondary" | "success" | "warning",undefined,false,true pop-radio-group,prop,compare,((currentValue: any, newValue: any) => boolean) | string,undefined,false,false pop-radio-group,prop,disabled,boolean,undefined,false,true -pop-radio-group,prop,name,string,this.inputId,false,false +pop-radio-group,prop,name,string,this.inputId,false,true pop-radio-group,prop,required,boolean,undefined,false,true pop-radio-group,prop,size,"lg" | "md" | "sm" | "xs",undefined,false,true pop-radio-group,prop,value,any,undefined,false,false @@ -336,11 +336,11 @@ pop-range,prop,debounce,number,undefined,false,false pop-range,prop,disabled,boolean,undefined,false,true pop-range,prop,max,number,undefined,false,true pop-range,prop,min,number,undefined,false,true -pop-range,prop,name,string,this.inputId,false,false +pop-range,prop,name,string,this.inputId,false,true pop-range,prop,required,boolean,undefined,false,true pop-range,prop,size,"lg" | "md" | "sm" | "xs",undefined,false,true pop-range,prop,step,number,undefined,false,true -pop-range,prop,value,number,undefined,false,false +pop-range,prop,value,number,null,false,true pop-range,method,setFocus,setFocus() => Promise pop-range,event,popBlur,void,true pop-range,event,popChange,RangeChangeEventDetail,true @@ -363,14 +363,14 @@ pop-select,prop,helperText,string,undefined,false,false pop-select,prop,max,number,undefined,false,true pop-select,prop,min,number,undefined,false,true pop-select,prop,multiple,boolean,undefined,false,true -pop-select,prop,name,string,this.inputId,false,false +pop-select,prop,name,string,this.inputId,false,true pop-select,prop,notEnoughErrorText,string,undefined,false,false pop-select,prop,placeholder,string,undefined,false,false pop-select,prop,required,boolean,undefined,false,true pop-select,prop,selectedText,string,undefined,false,false pop-select,prop,size,"lg" | "md" | "sm" | "xs",undefined,false,true pop-select,prop,tooManyErrorText,string,undefined,false,false -pop-select,prop,value,any,undefined,false,false +pop-select,prop,value,any,null,false,false pop-select,method,close,close() => Promise pop-select,method,open,open(event?: any) => Promise pop-select,method,setFocus,setFocus() => Promise @@ -411,7 +411,7 @@ pop-textarea,prop,helperText,string,undefined,false,false pop-textarea,prop,keyboard,"decimal" | "email" | "none" | "numeric" | "search" | "tel" | "text" | "url",undefined,false,false pop-textarea,prop,maxLength,number,undefined,false,false pop-textarea,prop,minLength,number,undefined,false,false -pop-textarea,prop,name,string,this.inputId,false,false +pop-textarea,prop,name,string,this.inputId,false,true pop-textarea,prop,placeholder,string,undefined,false,false pop-textarea,prop,readonly,boolean,undefined,false,true pop-textarea,prop,required,boolean,undefined,false,true @@ -441,7 +441,7 @@ pop-toggle,prop,checked,boolean,undefined,false,true pop-toggle,prop,color,"accent" | "error" | "ghost" | "info" | "primary" | "secondary" | "success" | "warning",undefined,false,true pop-toggle,prop,disabled,boolean,undefined,false,true pop-toggle,prop,indeterminate,boolean,undefined,false,true -pop-toggle,prop,name,string,this.inputId,false,false +pop-toggle,prop,name,string,this.inputId,false,true pop-toggle,prop,readonly,boolean,undefined,false,true pop-toggle,prop,required,boolean,undefined,false,true pop-toggle,prop,size,"lg" | "md" | "sm" | "xs",undefined,false,true diff --git a/packages/core/package.json b/packages/core/package.json index 45e3604..7b1d403 100644 --- a/packages/core/package.json +++ b/packages/core/package.json @@ -1,6 +1,6 @@ { "name": "@poppy-ui/core", - "version": "0.3.3", + "version": "0.3.4", "description": "Base component for Poppy based on Daisy-ui", "author": "Sukaato ", "homepage": "https://github.com/CheeseGrinder/poppy-ui#readme", diff --git a/packages/core/src/components/input-file/readme.md b/packages/core/src/components/input-file/readme.md index cfdcce4..da99a4c 100644 --- a/packages/core/src/components/input-file/readme.md +++ b/packages/core/src/components/input-file/readme.md @@ -10,20 +10,20 @@ File Input is a an input field for uploading files. ## Properties -| Property | Attribute | Description | Type | Default | -| ------------ | ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ | -------------- | -| `autoFocus` | `auto-focus` | If `true`, the element will be focused on page load. | `boolean` | `false` | -| `bordered` | `bordered` | if `true`, adds border to textarea when `color` property is not set. | `boolean` | `false` | -| `color` | `color` | The color to use from your application's color palette.
Default options are: `"primary"`, `"secondary"`, `"accent"`, `"ghost"`, `"info"`, `"success"`, `"warning"`, `"error"`.
For more information on colors, see [theming](/docs/theming/basics). | `"accent" \| "error" \| "ghost" \| "info" \| "primary" \| "secondary" \| "success" \| "warning"` | `undefined` | -| `disabled` | `disabled` | If `true`, the user cannot interact with the element. | `boolean` | `false` | -| `errorText` | `error-text` | Text that is placed under the input-file and displayed when an error is detected. | `string` | `undefined` | -| `helperText` | `helper-text` | Text that is placed under the input-file and displayed when no error is detected. | `string` | `undefined` | -| `multiple` | `multiple` | If `true`, the user can enter more than one value.
This attribute applies when the type attribute is set to `"email"`, otherwise it is ignored. | `boolean` | `false` | -| `name` | `name` | The name of the control, which is submitted with the form data. | `string` | `this.inputId` | -| `readonly` | `readonly` | If `true`, the user cannot modify the value. | `boolean` | `false` | -| `required` | `required` | If `true`, the user must fill in a value before submitting a form. | `boolean` | `false` | -| `size` | `size` | Change size of the component
Options are: `"xs"`, `"sm"`, `"md"`, `"lg"`. | `"lg" \| "md" \| "sm" \| "xs"` | `"md"` | -| `value` | -- | The value of the toggle does not mean if it's checked or not, use the `checked`
property for that.

The value of a toggle is analogous to the value of a ``,
it's only used when the toggle participates in a native `
`. | `File \| File[]` | `undefined` | +| Property | Attribute | Description | Type | Default | +| ------------ | ------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------ | ------------------ | +| `autoFocus` | `auto-focus` | If `true`, the element will be focused on page load. | `boolean` | `false` | +| `bordered` | `bordered` | if `true`, adds border to textarea when `color` property is not set. | `boolean` | `false` | +| `color` | `color` | The color to use from your application's color palette.
Default options are: `"primary"`, `"secondary"`, `"accent"`, `"ghost"`, `"info"`, `"success"`, `"warning"`, `"error"`.
For more information on colors, see [theming](/docs/theming/basics). | `"accent" \| "error" \| "ghost" \| "info" \| "primary" \| "secondary" \| "success" \| "warning"` | `undefined` | +| `disabled` | `disabled` | If `true`, the user cannot interact with the element. | `boolean` | `false` | +| `errorText` | `error-text` | Text that is placed under the input-file and displayed when an error is detected. | `string` | `undefined` | +| `helperText` | `helper-text` | Text that is placed under the input-file and displayed when no error is detected. | `string` | `undefined` | +| `multiple` | `multiple` | If `true`, the user can enter more than one value.
This attribute applies when the type attribute is set to `"email"`, otherwise it is ignored. | `boolean` | `false` | +| `name` | `name` | The name of the control, which is submitted with the form data. | `string` | `this.inputId` | +| `readonly` | `readonly` | If `true`, the user cannot modify the value. | `boolean` | `false` | +| `required` | `required` | If `true`, the user must fill in a value before submitting a form. | `boolean` | `false` | +| `size` | `size` | Change size of the component
Options are: `"xs"`, `"sm"`, `"md"`, `"lg"`. | `"lg" \| "md" \| "sm" \| "xs"` | `"md"` | +| `value` | -- | The value of the toggle does not mean if it's checked or not, use the `checked`
property for that.

The value of a toggle is analogous to the value of a ``,
it's only used when the toggle participates in a native ``. | `File \| File[]` | `new File([], '')` | ## Events diff --git a/packages/core/src/components/radio-group/readme.md b/packages/core/src/components/radio-group/readme.md index a63372b..4656706 100644 --- a/packages/core/src/components/radio-group/readme.md +++ b/packages/core/src/components/radio-group/readme.md @@ -11,9 +11,9 @@ | `allowEmpty` | `allow-empty` | If `true`, the radios can be deselected. | `boolean` | `false` | | `color` | `color` | The color to use from your application's color palette.
Default options are: `"primary"`, `"secondary"`, `"accent"`, `"info"`, `"success"`, `"warning"`, `"error"`.
For more information on colors, see [theming](/docs/theming/basics).

If the `pop-radio` as no color, it will apply to it | `"accent" \| "error" \| "info" \| "primary" \| "secondary" \| "success" \| "warning"` | `undefined` | | `compare` | `compare` | This property allows developers to specify a custom function
for comparing objects when determining the selected option in the
ion-radio-group. When not specified, the default behavior will use strict
equality (===) for comparison. | `((currentValue: any, newValue: any) => boolean) \| string` | `undefined` | -| `disabled` | `disabled` | If `true`, apply the disabled property to all `pop-radio`. | `boolean` | `false` | +| `disabled` | `disabled` | If `true`, apply the disabled property to every `pop-radio`. | `boolean` | `false` | | `name` | `name` | The name of the control, which is submitted with the form data. | `string` | `this.inputId` | -| `required` | `required` | If `true`, apply the required property to all `pop-radio`. | `boolean` | `false` | +| `required` | `required` | If `true`, apply the required property to every `pop-radio`. | `boolean` | `false` | | `size` | `size` | Change size of the component
Options are: `"xs"`, `"sm"`, `"md"`, `"lg"`.

If the `pop-radio` as no size, it will apply to it | `"lg" \| "md" \| "sm" \| "xs"` | `"md"` | | `value` | `value` | the value of the radio group. | `any` | `undefined` | diff --git a/packages/core/src/components/range/readme.md b/packages/core/src/components/range/readme.md index f4ad1aa..a1ad74a 100644 --- a/packages/core/src/components/range/readme.md +++ b/packages/core/src/components/range/readme.md @@ -22,7 +22,7 @@ Range slider is used to select a value by sliding a handle. | `required` | `required` | If `true`, the user must fill in a value before submitting a form. | `boolean` | `false` | | `size` | `size` | Change size of the component
Options are: `"xs"`, `"sm"`, `"md"`, `"lg"`. | `"lg" \| "md" \| "sm" \| "xs"` | `"md"` | | `step` | `step` | Works with the min and max attributes to limit the increments at which a value can be set. | `number` | `1` | -| `value` | `value` | The value of the toggle does not mean if it's checked or not, use the `checked`
property for that.

The value of a toggle is analogous to the value of a ``,
it's only used when the toggle participates in a native ``. | `number` | `undefined` | +| `value` | `value` | The value of the toggle does not mean if it's checked or not, use the `checked`
property for that.

The value of a toggle is analogous to the value of a ``,
it's only used when the toggle participates in a native ``. | `number` | `null` | ## Events diff --git a/packages/core/src/components/select/readme.md b/packages/core/src/components/select/readme.md index eef01a6..d99c531 100644 --- a/packages/core/src/components/select/readme.md +++ b/packages/core/src/components/select/readme.md @@ -24,7 +24,7 @@ | `selectedText` | `selected-text` | The text to display instead of the selected option's value. | `string` | `undefined` | | `size` | `size` | Change size of the component
Options are: `"xs"`, `"sm"`, `"md"`, `"lg"`. | `"lg" \| "md" \| "sm" \| "xs"` | `"md"` | | `tooManyErrorText` | `too-many-error-text` | Only apply when `multiple` property is used.
Text that is placed under the select and displayed when the amount of selected option is greater of the `max` property. | `string` | `undefined` | -| `value` | `value` | The value of a select is analogous to the value of a ``,
it's only used when the toggle participates in a native ``. | `any` | `null` | ## Events diff --git a/packages/docs/package.json b/packages/docs/package.json index b9122b1..a729a80 100644 --- a/packages/docs/package.json +++ b/packages/docs/package.json @@ -1,6 +1,6 @@ { "name": "@poppy-ui/docs", - "version": "0.3.3", + "version": "0.3.4", "description": "Pre-packaged API documentation for the Poppy docs.", "author": "Sukaato ", "homepage": "https://github.com/CheeseGrinder/poppy-ui#readme", diff --git a/packages/vue/package.json b/packages/vue/package.json index d603e27..1afffe5 100644 --- a/packages/vue/package.json +++ b/packages/vue/package.json @@ -1,7 +1,7 @@ { "name": "@poppy-ui/vue", "type": "module", - "version": "0.3.3", + "version": "0.3.4", "description": "Vue specific wrapper for @poppy-ui/core", "author": "Sukaato ", "homepage": "https://github.com/CheeseGrinder/poppy-ui#readme", @@ -45,7 +45,7 @@ }, "devDependencies": { "@biomejs/biome": "^1.9.4", - "@poppy-ui/docs": "^0.3.3", + "@poppy-ui/docs": "^0.3.4", "@rollup/plugin-typescript": "^12.1.1", "change-case": "^5.4.4", "rimraf": "^6.0.1", @@ -63,6 +63,6 @@ "css/*.css" ], "dependencies": { - "@poppy-ui/core": "^0.3.3" + "@poppy-ui/core": "^0.3.4" } } diff --git a/tests/vue/package.json b/tests/vue/package.json index 7ff6013..2a1be97 100644 --- a/tests/vue/package.json +++ b/tests/vue/package.json @@ -1,7 +1,7 @@ { "name": "test-vue", "private": true, - "version": "0.3.3", + "version": "0.3.4", "type": "module", "scripts": { "dev": "vite",