@pine-ds/core 3.13.0 → 3.14.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/components/mock-pds-modal.js.map +1 -1
- package/components/pds-avatar.js +18 -5
- package/components/pds-avatar.js.map +1 -1
- package/components/pds-button2.js.map +1 -1
- package/components/pds-checkbox2.js.map +1 -1
- package/components/pds-chip2.js.map +1 -1
- package/components/pds-combobox.js +1 -1
- package/components/pds-combobox.js.map +1 -1
- package/components/pds-dropdown-menu-item.js +1 -1
- package/components/pds-dropdown-menu-item.js.map +1 -1
- package/components/pds-filter.js +1 -1
- package/components/pds-filter.js.map +1 -1
- package/components/pds-input.js +6 -2
- package/components/pds-input.js.map +1 -1
- package/components/pds-modal.js.map +1 -1
- package/components/pds-radio.js.map +1 -1
- package/components/pds-select.js +14 -2
- package/components/pds-select.js.map +1 -1
- package/components/pds-table-cell2.js.map +1 -1
- package/components/pds-table-head-cell2.js +15 -3
- package/components/pds-table-head-cell2.js.map +1 -1
- package/components/pds-table.js +44 -3
- package/components/pds-table.js.map +1 -1
- package/components/pds-textarea.js +8 -4
- package/components/pds-textarea.js.map +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/mock-pds-modal.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-avatar.cjs.entry.js +17 -5
- package/dist/cjs/pds-avatar.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-button.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-checkbox.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-chip.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-combobox.cjs.entry.js +1 -1
- package/dist/cjs/pds-combobox.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-dropdown-menu-item.cjs.entry.js +1 -1
- package/dist/cjs/pds-dropdown-menu-item.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-filter.cjs.entry.js +1 -1
- package/dist/cjs/pds-filter.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-input.cjs.entry.js +6 -2
- package/dist/cjs/pds-input.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-modal.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-radio.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-select.cjs.entry.js +14 -2
- package/dist/cjs/pds-select.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-table-cell.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-table-head-cell.cjs.entry.js +13 -2
- package/dist/cjs/pds-table-head-cell.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-table.cjs.entry.js +42 -3
- package/dist/cjs/pds-table.entry.cjs.js.map +1 -1
- package/dist/cjs/pds-textarea.cjs.entry.js +8 -4
- package/dist/cjs/pds-textarea.entry.cjs.js.map +1 -1
- package/dist/cjs/pine-core.cjs.js +1 -1
- package/dist/collection/components/pds-avatar/pds-avatar.css +14 -1
- package/dist/collection/components/pds-avatar/pds-avatar.js +39 -4
- package/dist/collection/components/pds-avatar/pds-avatar.js.map +1 -1
- package/dist/collection/components/pds-avatar/stories/pds-avatar.stories.js +15 -0
- package/dist/collection/components/pds-button/pds-button.css +3 -0
- package/dist/collection/components/pds-checkbox/pds-checkbox.css +2 -0
- package/dist/collection/components/pds-chip/pds-chip.css +7 -0
- package/dist/collection/components/pds-combobox/pds-combobox.css +6 -1
- package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu-item/pds-dropdown-menu-item.css +4 -3
- package/dist/collection/components/pds-filters/pds-filter/pds-filter.css +1 -1
- package/dist/collection/components/pds-input/pds-input.css +2 -2
- package/dist/collection/components/pds-input/pds-input.js +24 -1
- package/dist/collection/components/pds-input/pds-input.js.map +1 -1
- package/dist/collection/components/pds-modal/pds-modal.css +1 -0
- package/dist/collection/components/pds-radio/pds-radio.css +1 -0
- package/dist/collection/components/pds-select/pds-select.css +2 -2
- package/dist/collection/components/pds-select/pds-select.js +71 -2
- package/dist/collection/components/pds-select/pds-select.js.map +1 -1
- package/dist/collection/components/pds-table/pds-table-cell/pds-table-cell.css +1 -0
- package/dist/collection/components/pds-table/pds-table-head-cell/pds-table-head-cell.css +1 -0
- package/dist/collection/components/pds-table/pds-table-head-cell/pds-table-head-cell.js +41 -2
- package/dist/collection/components/pds-table/pds-table-head-cell/pds-table-head-cell.js.map +1 -1
- package/dist/collection/components/pds-table/pds-table.css +2 -0
- package/dist/collection/components/pds-table/pds-table.js +84 -3
- package/dist/collection/components/pds-table/pds-table.js.map +1 -1
- package/dist/collection/components/pds-table/stories/pds-table.stories.js +77 -0
- package/dist/collection/components/pds-textarea/pds-textarea.js +27 -4
- package/dist/collection/components/pds-textarea/pds-textarea.js.map +1 -1
- package/dist/docs.json +224 -3
- package/dist/esm/loader.js +1 -1
- package/dist/esm/mock-pds-modal.entry.js.map +1 -1
- package/dist/esm/pds-avatar.entry.js +17 -5
- package/dist/esm/pds-avatar.entry.js.map +1 -1
- package/dist/esm/pds-button.entry.js.map +1 -1
- package/dist/esm/pds-checkbox.entry.js.map +1 -1
- package/dist/esm/pds-chip.entry.js.map +1 -1
- package/dist/esm/pds-combobox.entry.js +1 -1
- package/dist/esm/pds-combobox.entry.js.map +1 -1
- package/dist/esm/pds-dropdown-menu-item.entry.js +1 -1
- package/dist/esm/pds-dropdown-menu-item.entry.js.map +1 -1
- package/dist/esm/pds-filter.entry.js +1 -1
- package/dist/esm/pds-filter.entry.js.map +1 -1
- package/dist/esm/pds-input.entry.js +6 -2
- package/dist/esm/pds-input.entry.js.map +1 -1
- package/dist/esm/pds-modal.entry.js.map +1 -1
- package/dist/esm/pds-radio.entry.js.map +1 -1
- package/dist/esm/pds-select.entry.js +14 -2
- package/dist/esm/pds-select.entry.js.map +1 -1
- package/dist/esm/pds-table-cell.entry.js.map +1 -1
- package/dist/esm/pds-table-head-cell.entry.js +13 -2
- package/dist/esm/pds-table-head-cell.entry.js.map +1 -1
- package/dist/esm/pds-table.entry.js +42 -3
- package/dist/esm/pds-table.entry.js.map +1 -1
- package/dist/esm/pds-textarea.entry.js +8 -4
- package/dist/esm/pds-textarea.entry.js.map +1 -1
- package/dist/esm/pine-core.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/mock-pds-modal.entry.js.map +1 -1
- package/dist/esm-es5/pds-avatar.entry.js +1 -1
- package/dist/esm-es5/pds-avatar.entry.js.map +1 -1
- package/dist/esm-es5/pds-button.entry.js.map +1 -1
- package/dist/esm-es5/pds-checkbox.entry.js.map +1 -1
- package/dist/esm-es5/pds-chip.entry.js.map +1 -1
- package/dist/esm-es5/pds-combobox.entry.js +1 -1
- package/dist/esm-es5/pds-combobox.entry.js.map +1 -1
- package/dist/esm-es5/pds-dropdown-menu-item.entry.js +1 -1
- package/dist/esm-es5/pds-dropdown-menu-item.entry.js.map +1 -1
- package/dist/esm-es5/pds-filter.entry.js +1 -1
- package/dist/esm-es5/pds-filter.entry.js.map +1 -1
- package/dist/esm-es5/pds-input.entry.js +1 -1
- package/dist/esm-es5/pds-input.entry.js.map +1 -1
- package/dist/esm-es5/pds-modal.entry.js.map +1 -1
- package/dist/esm-es5/pds-radio.entry.js.map +1 -1
- package/dist/esm-es5/pds-select.entry.js +1 -1
- package/dist/esm-es5/pds-select.entry.js.map +1 -1
- package/dist/esm-es5/pds-table-cell.entry.js.map +1 -1
- package/dist/esm-es5/pds-table-head-cell.entry.js +1 -1
- package/dist/esm-es5/pds-table-head-cell.entry.js.map +1 -1
- package/dist/esm-es5/pds-table.entry.js +1 -1
- package/dist/esm-es5/pds-table.entry.js.map +1 -1
- package/dist/esm-es5/pds-textarea.entry.js +1 -1
- package/dist/esm-es5/pds-textarea.entry.js.map +1 -1
- package/dist/esm-es5/pine-core.js +1 -1
- package/dist/pine-core/mock-pds-modal.entry.esm.js.map +1 -1
- package/dist/pine-core/p--gPqixhD.system.js.map +1 -1
- package/dist/pine-core/p-002fe322.system.entry.js +2 -0
- package/dist/pine-core/p-002fe322.system.entry.js.map +1 -0
- package/dist/pine-core/{p-131a8cff.system.entry.js → p-098cbcd7.system.entry.js} +2 -2
- package/dist/pine-core/p-098cbcd7.system.entry.js.map +1 -0
- package/dist/pine-core/p-478d1107.entry.js +2 -0
- package/dist/pine-core/{p-41cc9270.entry.js.map → p-478d1107.entry.js.map} +1 -1
- package/dist/pine-core/p-4SEjggIC.system.js.map +1 -0
- package/dist/pine-core/p-4d25449c.entry.js +2 -0
- package/dist/pine-core/p-4d25449c.entry.js.map +1 -0
- package/dist/pine-core/p-534e44cb.system.entry.js +4 -0
- package/dist/pine-core/{p-bee8d4b8.system.entry.js.map → p-534e44cb.system.entry.js.map} +1 -1
- package/dist/pine-core/p-54a56826.entry.js +3 -0
- package/dist/pine-core/{p-66160018.entry.js.map → p-54a56826.entry.js.map} +1 -1
- package/dist/pine-core/p-646ac76d.entry.js +2 -0
- package/dist/pine-core/p-646ac76d.entry.js.map +1 -0
- package/dist/pine-core/p-6bc7d67f.system.entry.js +2 -0
- package/dist/pine-core/{p-c03e2c5d.system.entry.js.map → p-6bc7d67f.system.entry.js.map} +1 -1
- package/dist/pine-core/p-9c0ec80a.entry.js +2 -0
- package/dist/pine-core/p-9c0ec80a.entry.js.map +1 -0
- package/dist/pine-core/p-9e62c418.system.entry.js +2 -0
- package/dist/pine-core/p-9e62c418.system.entry.js.map +1 -0
- package/dist/pine-core/p-B4EMeCRH.system.js.map +1 -0
- package/dist/pine-core/p-BCKPcTKX.system.js.map +1 -1
- package/dist/pine-core/p-Bjj4Pcbb.system.js.map +1 -0
- package/dist/pine-core/p-Bnp3zJ0T.system.js.map +1 -0
- package/dist/pine-core/p-C48G0LPH.system.js.map +1 -1
- package/dist/pine-core/p-CCgKUhC7.system.js.map +1 -0
- package/dist/pine-core/p-CTfQ_9yC.system.js.map +1 -1
- package/dist/pine-core/p-CXGuX44q.system.js.map +1 -1
- package/dist/pine-core/p-DSwKfctG.system.js.map +1 -0
- package/dist/pine-core/p-DfCCzxYg.system.js.map +1 -0
- package/dist/pine-core/p-DpeOrUYB.system.js.map +1 -1
- package/dist/pine-core/p-JAVnELnm.system.js +1 -1
- package/dist/pine-core/p-PMNjgK0C.system.js.map +1 -0
- package/dist/pine-core/p-WhfStK1C.system.js.map +1 -1
- package/dist/pine-core/p-XCTiWii8.system.js.map +1 -0
- package/dist/pine-core/p-a847fad3.entry.js +2 -0
- package/dist/pine-core/p-a847fad3.entry.js.map +1 -0
- package/dist/pine-core/p-ac2f9463.entry.js +2 -0
- package/dist/pine-core/p-ac2f9463.entry.js.map +1 -0
- package/dist/pine-core/p-d98310b9.system.entry.js +2 -0
- package/dist/pine-core/p-d98310b9.system.entry.js.map +1 -0
- package/dist/pine-core/{p-b8047816.system.entry.js → p-dcc6ad67.system.entry.js} +2 -2
- package/dist/pine-core/{p-b8047816.system.entry.js.map → p-dcc6ad67.system.entry.js.map} +1 -1
- package/dist/pine-core/p-e011d7e5.entry.js +2 -0
- package/dist/pine-core/p-e011d7e5.entry.js.map +1 -0
- package/dist/pine-core/p-e3d76aa3.system.entry.js +2 -0
- package/dist/pine-core/p-e3d76aa3.system.entry.js.map +1 -0
- package/dist/pine-core/p-f82b464c.entry.js +2 -0
- package/dist/pine-core/{p-4c0797f2.entry.js.map → p-f82b464c.entry.js.map} +1 -1
- package/dist/pine-core/p-fe28b975.system.entry.js +2 -0
- package/dist/pine-core/p-fe28b975.system.entry.js.map +1 -0
- package/dist/pine-core/pds-avatar.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-button.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-checkbox.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-chip.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-combobox.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-dropdown-menu-item.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-filter.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-input.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-modal.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-radio.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-select.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-table-cell.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-table-head-cell.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-table.entry.esm.js.map +1 -1
- package/dist/pine-core/pds-textarea.entry.esm.js.map +1 -1
- package/dist/pine-core/pine-core.esm.js +1 -1
- package/dist/types/components/pds-avatar/pds-avatar.d.ts +5 -0
- package/dist/types/components/pds-input/pds-input.d.ts +5 -0
- package/dist/types/components/pds-select/pds-select.d.ts +16 -1
- package/dist/types/components/pds-table/pds-table-head-cell/pds-table-head-cell.d.ts +6 -0
- package/dist/types/components/pds-table/pds-table.d.ts +17 -1
- package/dist/types/components/pds-textarea/pds-textarea.d.ts +5 -0
- package/dist/types/components.d.ts +59 -1
- package/dist/vscode.html-data.json +34 -5
- package/hydrate/index.js +108 -22
- package/hydrate/index.mjs +108 -22
- package/package.json +5 -5
- package/dist/pine-core/p-0c84a3f4.entry.js +0 -2
- package/dist/pine-core/p-0c84a3f4.entry.js.map +0 -1
- package/dist/pine-core/p-0fdffed5.entry.js +0 -2
- package/dist/pine-core/p-0fdffed5.entry.js.map +0 -1
- package/dist/pine-core/p-1282026f.entry.js +0 -2
- package/dist/pine-core/p-1282026f.entry.js.map +0 -1
- package/dist/pine-core/p-131a8cff.system.entry.js.map +0 -1
- package/dist/pine-core/p-198abda7.system.entry.js +0 -2
- package/dist/pine-core/p-198abda7.system.entry.js.map +0 -1
- package/dist/pine-core/p-20f255e6.entry.js +0 -2
- package/dist/pine-core/p-20f255e6.entry.js.map +0 -1
- package/dist/pine-core/p-41cc9270.entry.js +0 -2
- package/dist/pine-core/p-49c1eab0.entry.js +0 -2
- package/dist/pine-core/p-49c1eab0.entry.js.map +0 -1
- package/dist/pine-core/p-4c0797f2.entry.js +0 -2
- package/dist/pine-core/p-54a02bb5.system.entry.js +0 -2
- package/dist/pine-core/p-54a02bb5.system.entry.js.map +0 -1
- package/dist/pine-core/p-66160018.entry.js +0 -3
- package/dist/pine-core/p-98824683.entry.js +0 -2
- package/dist/pine-core/p-98824683.entry.js.map +0 -1
- package/dist/pine-core/p-BOn7G6db.system.js.map +0 -1
- package/dist/pine-core/p-CTjTtD1R.system.js.map +0 -1
- package/dist/pine-core/p-Ch7MRoFE.system.js.map +0 -1
- package/dist/pine-core/p-DQawTYre.system.js.map +0 -1
- package/dist/pine-core/p-DQs506y8.system.js.map +0 -1
- package/dist/pine-core/p-RO-Y2DRT.system.js.map +0 -1
- package/dist/pine-core/p-bee8d4b8.system.entry.js +0 -4
- package/dist/pine-core/p-c03e2c5d.system.entry.js +0 -2
- package/dist/pine-core/p-c2d17093.system.entry.js +0 -2
- package/dist/pine-core/p-c2d17093.system.entry.js.map +0 -1
- package/dist/pine-core/p-e3d81bee.system.entry.js +0 -2
- package/dist/pine-core/p-e3d81bee.system.entry.js.map +0 -1
- package/dist/pine-core/p-e846b67f.system.entry.js +0 -2
- package/dist/pine-core/p-e846b67f.system.entry.js.map +0 -1
- package/dist/pine-core/p-pw5cGGlu.system.js.map +0 -1
- package/dist/pine-core/p-qkIMFuAW.system.js.map +0 -1
- package/dist/pine-core/p-uv97KtT8.system.js.map +0 -1
|
@@ -101,7 +101,7 @@
|
|
|
101
101
|
"name": "pds-avatar",
|
|
102
102
|
"description": {
|
|
103
103
|
"kind": "markdown",
|
|
104
|
-
"value": "The avatar component is used to display a thumbnail representation of an admin, customer, or business.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#default), [Admin](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#admin), [Badge](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#badge), [Custom Sizes](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#custom-sizes), [Dropdown](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#dropdown), [Image](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#image)\n\n**CSS Parts:**\n- `asset-wrapper` - No description\n- `image` - The main image element that represents the avatar component."
|
|
104
|
+
"value": "The avatar component is used to display a thumbnail representation of an admin, customer, or business.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#default), [Admin](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#admin), [Badge](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#badge), [Custom Sizes](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#custom-sizes), [Dropdown](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#dropdown), [Image](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#image), [Initials](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#initials), [Initials with Badge](https://pine-design-system.netlify.app/?path=/docs/components-avatar--docs#initials-with-badge)\n\n**CSS Parts:**\n- `asset-wrapper` - No description\n- `image` - The main image element that represents the avatar component."
|
|
105
105
|
},
|
|
106
106
|
"attributes": [
|
|
107
107
|
{
|
|
@@ -139,6 +139,13 @@
|
|
|
139
139
|
"value": "The src for a custom user image.\n\n**Default:** `null`"
|
|
140
140
|
}
|
|
141
141
|
},
|
|
142
|
+
{
|
|
143
|
+
"name": "initials",
|
|
144
|
+
"description": {
|
|
145
|
+
"kind": "markdown",
|
|
146
|
+
"value": "The initials to display in the avatar when no image is provided.\n\n**Default:** `null`"
|
|
147
|
+
}
|
|
148
|
+
},
|
|
142
149
|
{
|
|
143
150
|
"name": "size",
|
|
144
151
|
"description": {
|
|
@@ -7687,7 +7694,7 @@
|
|
|
7687
7694
|
"name": "pds-input",
|
|
7688
7695
|
"description": {
|
|
7689
7696
|
"kind": "markdown",
|
|
7690
|
-
"value": "An input field coupled with a label and supplemental helper text that aids in user input and feedback.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#default), [Input Types](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#input-types), [Required](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#required), [Placeholder](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#placeholder), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#disabled), [Readonly](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#readonly), [Highlight](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#highlight), [Full Width](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#full-width), [Helper Message](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#helper-message), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#invalid), [Prefix and Suffix](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#prefix-and-suffix), [Action Slot](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#action-slot), [Prepend and Append](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#prepend-and-append), [Usage Guidelines](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#usage-guidelines)\n\n**Slots:**\n- `action` - Content to be displayed in the label area, typically for help icons or links\n- `append` - Content to be displayed after the input field\n- `prefix` - Content that is displayed visually within the input field before the input field\n- `prepend` - Content to be displayed before the input field\n- `suffix` - Content that is displayed visually within the input field after the input field\n\n**CSS Parts:**\n- `action` - No description\n- `append` - No description\n- `prefix` - No description\n- `prepend` - No description\n- `suffix` - No description\n\n**Events:**\n- `pdsBlur` - Emitted when the input loses focus.\n- `pdsChange` - Emitted when the value has changed.\n\nThis event will not emit when programmatically setting the `value` property.\n- `pdsFocus` - Emitted when the input has focus.\n- `pdsInput` - Emitted when a keyboard input occurs."
|
|
7697
|
+
"value": "An input field coupled with a label and supplemental helper text that aids in user input and feedback.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#default), [Input Types](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#input-types), [Required](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#required), [Placeholder](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#placeholder), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#disabled), [Readonly](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#readonly), [Highlight](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#highlight), [Full Width](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#full-width), [Helper Message](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#helper-message), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#invalid), [Prefix and Suffix](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#prefix-and-suffix), [Action Slot](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#action-slot), [Prepend and Append](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#prepend-and-append), [Usage Guidelines](https://pine-design-system.netlify.app/?path=/docs/components-input--docs#usage-guidelines)\n\n**Slots:**\n- `action` - Content to be displayed in the label area, typically for help icons or links\n- `append` - Content to be displayed after the input field\n- `prefix` - Content that is displayed visually within the input field before the input field\n- `prepend` - Content to be displayed before the input field\n- `suffix` - Content that is displayed visually within the input field after the input field\n\n**CSS Parts:**\n- `action` - No description\n- `append` - No description\n- `prefix` - No description\n- `prepend` - No description\n- `suffix` - No description\n\n**Events:**\n- `pdsBlur` - Emitted when the input loses focus.\n- `pdsChange` - Emitted when the value has changed.\n\nThis event will not emit when programmatically setting the `value` property.\n- `pdsFocus` - Emitted when the input has focus.\n- `pdsInput` - Emitted when a keyboard input occurs.\n- `pdsKeyDown` - Emitted when a key is pressed down in the input."
|
|
7691
7698
|
},
|
|
7692
7699
|
"attributes": [
|
|
7693
7700
|
{
|
|
@@ -8855,7 +8862,7 @@
|
|
|
8855
8862
|
"name": "pds-select",
|
|
8856
8863
|
"description": {
|
|
8857
8864
|
"kind": "markdown",
|
|
8858
|
-
"value": "The select component provides a dropdown list of options, allowing users to make a selection from a predefined set.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#default), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#disabled), [Highlight](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#highlight), [With Message](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#with-message), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#invalid), [Autocomplete](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#autocomplete), [Multiple](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#multiple), [With Optgroup](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#with-optgroup), [Action Slot](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#action-slot)\n\n**Slots:**\n- `action` - Content to be displayed in the label area, typically for help icons or links\n\n**CSS Parts:**\n- `action` - No description\n- `select` - No description\n\n**Events:**\n- `
|
|
8865
|
+
"value": "The select component provides a dropdown list of options, allowing users to make a selection from a predefined set.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#default), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#disabled), [Highlight](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#highlight), [With Message](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#with-message), [Invalid](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#invalid), [Autocomplete](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#autocomplete), [Multiple](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#multiple), [With Optgroup](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#with-optgroup), [Action Slot](https://pine-design-system.netlify.app/?path=/docs/components-select--docs#action-slot)\n\n**Slots:**\n- `action` - Content to be displayed in the label area, typically for help icons or links\n\n**CSS Parts:**\n- `action` - No description\n- `select` - No description\n\n**Events:**\n- `pdsBlur` - Emitted when the select loses focus.\n- `pdsFocus` - Emitted when the select gains focus.\n- `pdsKeyDown` - Emitted when a key is pressed down in the select.\n- `pdsSelectChange` - Emitted when the select value changes."
|
|
8859
8866
|
},
|
|
8860
8867
|
"attributes": [
|
|
8861
8868
|
{
|
|
@@ -9169,7 +9176,7 @@
|
|
|
9169
9176
|
"name": "pds-table",
|
|
9170
9177
|
"description": {
|
|
9171
9178
|
"kind": "markdown",
|
|
9172
|
-
"value": "The table (`pds-table`), consisting of rows and columns, is used to display and organize tabular data.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#default), [Compact](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#compact), [Head Background and Row Dividers](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#head-background-and-row-dividers), [Selectable](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#selectable), [Responsive](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#responsive), [Fixed Column](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#fixed-column), [Fixed w/ Checkbox](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#fixed-w/-checkbox), [Cell Truncation](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#cell-truncation), [Cell Alignment](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#cell-alignment), [Sorting](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#sorting), [Event payload](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#event-payload), [Preventing built-in sorting](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#preventing-built-in-sorting)\n\n**CSS Parts:**\n- `responsive-container` - No description\n- `responsive-table` - No description\n- `responsive-wrapper` - No description\n- `scroll-shadow-left` - No description\n- `scroll-shadow-right` - No description\n- `table` - No description\n- `table-inner` - No description\n\n**Events:**\n- `pdsTableSelect` - Event that is emitted when the checkbox is clicked, carrying the rowIndex and selected value.\n- `pdsTableSelectAll` - Event that is emitted when the select all checkbox is clicked, carrying the selected value."
|
|
9179
|
+
"value": "The table (`pds-table`), consisting of rows and columns, is used to display and organize tabular data.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#default), [Compact](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#compact), [Head Background and Row Dividers](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#head-background-and-row-dividers), [Selectable](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#selectable), [Responsive](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#responsive), [Fixed Column](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#fixed-column), [Fixed w/ Checkbox](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#fixed-w/-checkbox), [Cell Truncation](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#cell-truncation), [Cell Alignment](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#cell-alignment), [Sorting](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#sorting), [Event payload](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#event-payload), [Preventing built-in sorting](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#preventing-built-in-sorting), [Default Sort](https://pine-design-system.netlify.app/?path=/docs/components-table--docs#default-sort)\n\n**CSS Parts:**\n- `responsive-container` - No description\n- `responsive-table` - No description\n- `responsive-wrapper` - No description\n- `scroll-shadow-left` - No description\n- `scroll-shadow-right` - No description\n- `table` - No description\n- `table-inner` - No description\n\n**Events:**\n- `pdsTableSelect` - Event that is emitted when the checkbox is clicked, carrying the rowIndex and selected value.\n- `pdsTableSelectAll` - Event that is emitted when the select all checkbox is clicked, carrying the selected value."
|
|
9173
9180
|
},
|
|
9174
9181
|
"attributes": [
|
|
9175
9182
|
{
|
|
@@ -9186,6 +9193,28 @@
|
|
|
9186
9193
|
"value": "A unique identifier used for the table `id` attribute."
|
|
9187
9194
|
}
|
|
9188
9195
|
},
|
|
9196
|
+
{
|
|
9197
|
+
"name": "default-sort-column",
|
|
9198
|
+
"description": {
|
|
9199
|
+
"kind": "markdown",
|
|
9200
|
+
"value": "The name of the column to sort by on initial load.\nMust match the text content of a sortable column header."
|
|
9201
|
+
}
|
|
9202
|
+
},
|
|
9203
|
+
{
|
|
9204
|
+
"name": "default-sort-direction",
|
|
9205
|
+
"description": {
|
|
9206
|
+
"kind": "markdown",
|
|
9207
|
+
"value": "The direction to sort the default column on initial load.\nOnly applies if `defaultSortColumn` is set.\n\n**Type:** `\"asc\" | \"desc\"`\n\n**Default:** `'asc'`"
|
|
9208
|
+
},
|
|
9209
|
+
"values": [
|
|
9210
|
+
{
|
|
9211
|
+
"name": "asc"
|
|
9212
|
+
},
|
|
9213
|
+
{
|
|
9214
|
+
"name": "desc"
|
|
9215
|
+
}
|
|
9216
|
+
]
|
|
9217
|
+
},
|
|
9189
9218
|
{
|
|
9190
9219
|
"name": "fixed-column",
|
|
9191
9220
|
"description": {
|
|
@@ -9696,7 +9725,7 @@
|
|
|
9696
9725
|
"name": "pds-textarea",
|
|
9697
9726
|
"description": {
|
|
9698
9727
|
"kind": "markdown",
|
|
9699
|
-
"value": "A textarea field coupled with a label and supplemental helper text that aids in user input and feedback.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#default), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#disabled), [Error Message](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#error-message), [Helper Message](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#helper-message), [Placeholder](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#placeholder), [Readonly](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#readonly), [Highlight](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#highlight), [Required](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#required), [Rows](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#rows), [Max Length](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#max-length), [Action Slot](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#action-slot)\n\n**Slots:**\n- `action` - Content to be displayed in the label area, typically for help icons or links\n\n**CSS Parts:**\n- `action` - No description\n\n**Events:**\n- `pdsBlur` - Emitted when the input loses focus.\n- `pdsFocus` - Emitted when the input has focus.\n- `pdsInput` - Emitted when a keyboard input occurs.\n\nFor elements that accept text input (`type=text`, `type=tel`, etc.), the interface\nis [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,\nthe interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If\nthe input is cleared on edit, the type is `null`.\n- `pdsTextareaChange` - Event emitted whenever the value of the textarea changes.\n\nThis event will not emit when programmatically setting the `value` property."
|
|
9728
|
+
"value": "A textarea field coupled with a label and supplemental helper text that aids in user input and feedback.\n\n**Examples:**\n[Default](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#default), [Disabled](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#disabled), [Error Message](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#error-message), [Helper Message](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#helper-message), [Placeholder](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#placeholder), [Readonly](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#readonly), [Highlight](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#highlight), [Required](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#required), [Rows](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#rows), [Max Length](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#max-length), [Action Slot](https://pine-design-system.netlify.app/?path=/docs/components-textarea--docs#action-slot)\n\n**Slots:**\n- `action` - Content to be displayed in the label area, typically for help icons or links\n\n**CSS Parts:**\n- `action` - No description\n\n**Events:**\n- `pdsBlur` - Emitted when the input loses focus.\n- `pdsFocus` - Emitted when the input has focus.\n- `pdsInput` - Emitted when a keyboard input occurs.\n\nFor elements that accept text input (`type=text`, `type=tel`, etc.), the interface\nis [`InputEvent`](https://developer.mozilla.org/en-US/docs/Web/API/InputEvent); for others,\nthe interface is [`Event`](https://developer.mozilla.org/en-US/docs/Web/API/Event). If\nthe input is cleared on edit, the type is `null`.\n- `pdsKeyDown` - Emitted when a key is pressed down in the textarea.\n- `pdsTextareaChange` - Event emitted whenever the value of the textarea changes.\n\nThis event will not emit when programmatically setting the `value` property."
|
|
9700
9729
|
},
|
|
9701
9730
|
"attributes": [
|
|
9702
9731
|
{
|