@govtechsg/sgds-web-component 3.19.0 → 3.20.0-rc.0

package/css/fouc.css

@@ -51,6 +51,7 @@ sgds-sidenav-link:not(:defined),
 sgds-sidenav:not(:defined),
 sgds-skeleton:not(:defined),
 sgds-spinner:not(:defined),
+sgds-step:not(:defined),
 sgds-stepper:not(:defined),
 sgds-subnav-item:not(:defined),
 sgds-subnav:not(:defined),

package/custom-elements.json

@@ -4243,6 +4243,17 @@
               "attribute": "clearable",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "noValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables native and sgds validation for the combo box.",
+              "attribute": "noValidate",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "async",
@@ -4723,6 +4734,25 @@
                 "module": "src/base/select-element.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "setInvalid",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "bool",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "Programatically sets the invalid state of the component. Pass in boolean value in the argument",
+              "type": {},
+              "inheritedFrom": {
+                "name": "SelectElement",
+                "module": "src/base/select-element.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "menuList",
@@ -5320,6 +5350,16 @@
               "name": "sgds-blur",
               "reactName": "onSgdsBlur"
             },
+            {
+              "description": "Emitted when the combo box's invalid state is set to true.",
+              "name": "sgds-invalid",
+              "reactName": "onSgdsInvalid"
+            },
+            {
+              "description": "Emitted when the combo box's invalid state is set to false.",
+              "name": "sgds-valid",
+              "reactName": "onSgdsValid"
+            },
             {
               "description": "Emitted event when show instance is called",
               "name": "sgds-show",
@@ -5385,6 +5425,15 @@
               "description": "If true, a clear button will be enabled on focus",
               "fieldName": "clearable"
             },
+            {
+              "name": "noValidate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables native and sgds validation for the combo box.",
+              "fieldName": "noValidate"
+            },
             {
               "name": "async",
               "type": {
@@ -16556,6 +16605,25 @@
                 "module": "src/base/select-element.ts"
               }
             },
+            {
+              "kind": "method",
+              "name": "setInvalid",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "bool",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "Programatically sets the invalid state of the component. Pass in boolean value in the argument",
+              "type": {},
+              "inheritedFrom": {
+                "name": "SelectElement",
+                "module": "src/base/select-element.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "menuList",
@@ -19216,6 +19284,166 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/Stepper/sgds-step.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SgdsStep",
+          "slots": [
+            {
+              "description": "Additional content to display under the step header",
+              "name": "default"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "stepHeader",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "The header text for the step",
+              "attribute": "stepHeader",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "iconName",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional icon name to display instead of step number",
+              "attribute": "iconName",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "component",
+              "type": {
+                "text": "unknown"
+              },
+              "description": "Optional component to render for this step",
+              "attribute": "component"
+            },
+            {
+              "kind": "method",
+              "name": "emit",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "CustomEventInit<T>"
+                  }
+                }
+              ],
+              "description": "Emits a custom event with more convenient defaults.",
+              "type": {},
+              "inheritedFrom": {
+                "name": "SgdsElement",
+                "module": "src/base/sgds-element.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "define",
+              "static": true,
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "elementConstructor",
+                  "default": "this"
+                },
+                {
+                  "name": "options",
+                  "default": "{}",
+                  "type": {
+                    "text": "ElementDefinitionOptions"
+                  }
+                }
+              ],
+              "type": {},
+              "inheritedFrom": {
+                "name": "SgdsElement",
+                "module": "src/base/sgds-element.ts"
+              }
+            }
+          ],
+          "attributes": [
+            {
+              "name": "stepHeader",
+              "type": {
+                "text": "string"
+              },
+              "default": "\"\"",
+              "description": "The header text for the step",
+              "fieldName": "stepHeader"
+            },
+            {
+              "name": "iconName",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "Optional icon name to display instead of step number",
+              "fieldName": "iconName"
+            },
+            {
+              "name": "component",
+              "type": {
+                "text": "unknown"
+              },
+              "description": "Optional component to render for this step",
+              "fieldName": "component"
+            }
+          ],
+          "superclass": {
+            "name": "SgdsElement",
+            "module": "/src/base/sgds-element"
+          },
+          "summary": "A step within a stepper component",
+          "tagName": "sgds-step",
+          "customElement": true,
+          "modulePath": "src/components/Stepper/sgds-step.ts",
+          "cssProperties": [],
+          "cssParts": [],
+          "cssStates": [],
+          "events": []
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "SgdsStep",
+          "declaration": {
+            "name": "SgdsStep",
+            "module": "src/components/Stepper/sgds-step.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SgdsStep",
+            "module": "src/components/Stepper/sgds-step.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/Stepper/sgds-stepper.ts",
@@ -19224,6 +19452,12 @@
           "kind": "class",
           "description": "",
           "name": "SgdsStepper",
+          "slots": [
+            {
+              "description": "slot for sgds-step children",
+              "name": "default"
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -19232,7 +19466,8 @@
                 "text": "IStepMetaData[]"
               },
               "default": "[]",
-              "description": "The metadata of stepper, type `IStepMetaData`, that consist of `stepHeader: string`, `component:unknown`, `iconName:string`. `stepHeader` is the name of the step and `component` is the content that should appear at the each step. `component` is set to `unknown` to allow users to pass in their desired component based on the framework of choice. e.g. pass in your own react/angular/vue component or it can also be a text content.\nIt is required to populate this array to properly render the stepper. By default, stepper markers will render numbers. For icon stepper markers, pass the name of sgds icon via `iconName` key. `iconName` is optional.",
+              "description": "The metadata of stepper, type `IStepMetaData`. Deprecated: use sgds-step child components instead.",
+              "deprecated": "Use sgds-step child components instead of the steps property",
               "attribute": "steps"
             },
             {
@@ -19268,6 +19503,33 @@
               "attribute": "clickable",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "linear",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, the stepper's steps can only be clicked in a linear manner",
+              "attribute": "linear",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "_totalSteps",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private",
+              "default": "0"
+            },
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "default": "new HasSlotController(this, \"[default]\")",
+              "type": {}
+            },
             {
               "kind": "method",
               "name": "getComponent",
@@ -19413,7 +19675,8 @@
                 "text": "IStepMetaData[]"
               },
               "default": "[]",
-              "description": "The metadata of stepper, type `IStepMetaData`, that consist of `stepHeader: string`, `component:unknown`, `iconName:string`. `stepHeader` is the name of the step and `component` is the content that should appear at the each step. `component` is set to `unknown` to allow users to pass in their desired component based on the framework of choice. e.g. pass in your own react/angular/vue component or it can also be a text content.\nIt is required to populate this array to properly render the stepper. By default, stepper markers will render numbers. For icon stepper markers, pass the name of sgds icon via `iconName` key. `iconName` is optional.",
+              "description": "The metadata of stepper, type `IStepMetaData`. Deprecated: use sgds-step child components instead.",
+              "deprecated": "Use sgds-step child components instead of the steps property",
               "fieldName": "steps"
             },
             {
@@ -19442,6 +19705,15 @@
               "default": "false",
               "description": "When true, the stepper's steps will be clickable",
               "fieldName": "clickable"
+            },
+            {
+              "name": "linear",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, the stepper's steps can only be clicked in a linear manner",
+              "fieldName": "linear"
             }
           ],
           "superclass": {
@@ -19454,8 +19726,7 @@
           "modulePath": "src/components/Stepper/sgds-stepper.ts",
           "cssProperties": [],
           "cssParts": [],
-          "cssStates": [],
-          "slots": []
+          "cssStates": []
         }
       ],
       "exports": [
@@ -22780,6 +23051,16 @@
               "description": "Emitted when textarea loses focus.",
               "name": "sgds-blur",
               "reactName": "onSgdsBlur"
+            },
+            {
+              "description": "Emitted when the textarea's invalid state is set to true.",
+              "name": "sgds-invalid",
+              "reactName": "onSgdsInvalid"
+            },
+            {
+              "description": "Emitted when the textarea's invalid state is set to false.",
+              "name": "sgds-valid",
+              "reactName": "onSgdsValid"
             }
           ],
           "attributes": [
@@ -26174,6 +26455,21 @@
               "attribute": "invalid",
               "reflects": true
             },
+            {
+              "kind": "method",
+              "name": "setInvalid",
+              "privacy": "public",
+              "parameters": [
+                {
+                  "name": "bool",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "Programatically sets the invalid state of the component. Pass in boolean value in the argument",
+              "type": {}
+            },
             {
               "kind": "field",
               "name": "menuList",
@@ -26948,7 +27244,7 @@
   "package": {
     "name": "@govtechsg/sgds-web-component",
     "description": "",
-    "version": "3.19.0",
+    "version": "3.20.0-rc.0",
     "author": "GovTechSG",
     "license": "MIT"
   }