@lookwe/lui
Version:
Lookwe UI web components
1,518 lines • 75.1 kB
JSON
{
"schemaVersion": "1.0.0",
"readme": "",
"modules": [
{
"kind": "javascript-module",
"path": "components/button/internal/controller/form-submitter-controller.js",
"declarations": [
{
"kind": "class",
"description": "A controller that handles click to submit form.",
"name": "FormSubmitterController",
"members": [
{
"kind": "field",
"name": "#host",
"privacy": "private",
"readonly": true
},
{
"kind": "field",
"name": "#clearController",
"privacy": "private",
"type": {
"text": "AbortController | undefined"
}
},
{
"kind": "method",
"name": "hostConnected",
"return": {
"type": {
"text": "void"
}
}
},
{
"kind": "method",
"name": "hostDisconnected",
"return": {
"type": {
"text": "void"
}
}
},
{
"kind": "method",
"name": "#handleClick",
"privacy": "private",
"parameters": [
{
"name": "event",
"type": {
"text": "MouseEvent"
}
}
]
}
]
}
],
"exports": [
{
"kind": "js",
"name": "FormSubmitterController",
"declaration": {
"name": "FormSubmitterController",
"module": "components/button/internal/controller/form-submitter-controller.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "components/button/internal/button.js",
"declarations": [
{
"kind": "class",
"description": "",
"name": "Button",
"members": [
{
"kind": "field",
"name": "href",
"type": {
"text": "string"
},
"default": "''",
"description": "The URL that the link button points to.",
"attribute": "href"
},
{
"kind": "field",
"name": "download",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
"attribute": "download"
},
{
"kind": "field",
"name": "target",
"type": {
"text": "'_blank' | '_parent' | '_self' | '_top' | ''"
},
"default": "''",
"description": "Where to display the linked `href` URL for a link button. Common options include `_blank` to open in a new tab.",
"attribute": "target"
},
{
"kind": "field",
"name": "trailingIcon",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Whether to render the icon at the inline end of the label rather than the inline start.",
"attribute": "trailing-icon",
"reflects": true
},
{
"kind": "field",
"name": "type",
"type": {
"text": "'button' | 'reset' | 'submit'"
},
"default": "'button'",
"description": "The default behavior of the button. May be \"button\", \"reset\", or \"submit\"\n(default=button).",
"attribute": "type"
},
{
"kind": "field",
"name": "value",
"type": {
"text": "string"
},
"default": "''",
"description": "The value added to a form with the button's name when the button submits a form.",
"attribute": "value",
"reflects": true
},
{
"kind": "field",
"name": "size",
"type": {
"text": "'small' | 'medium' | 'large'"
},
"default": "'medium'",
"description": "Button size.",
"attribute": "size"
},
{
"kind": "field",
"name": "#hasLabel",
"privacy": "private",
"type": {
"text": "boolean"
},
"default": "false"
},
{
"kind": "field",
"name": "#buttonElement",
"privacy": "private",
"type": {
"text": "HTMLButtonElement | HTMLAnchorElement | null"
}
},
{
"kind": "field",
"name": "#canClick",
"privacy": "private",
"readonly": true
},
{
"kind": "field",
"name": "#slotController",
"privacy": "private",
"default": "new SlotController(this)"
},
{
"kind": "field",
"name": "#_formSubmitterController",
"privacy": "private",
"default": "new FormSubmitterController(this)"
},
{
"kind": "method",
"name": "#classButton",
"privacy": "private"
},
{
"kind": "method",
"name": "#renderButton",
"privacy": "private"
},
{
"kind": "method",
"name": "#renderLink",
"privacy": "private"
},
{
"kind": "method",
"name": "#renderContent",
"privacy": "private"
},
{
"kind": "method",
"name": "[getFormValue]"
},
{
"kind": "method",
"name": "formResetCallback"
},
{
"kind": "method",
"name": "formStateRestoreCallback",
"parameters": [
{
"name": "_state",
"type": {
"text": "string"
}
}
]
},
{
"kind": "method",
"name": "[getFocusElement]",
"return": {
"type": {
"text": "HTMLElement | null"
}
}
}
],
"attributes": [
{
"name": "href",
"type": {
"text": "string"
},
"default": "''",
"description": "The URL that the link button points to.",
"fieldName": "href"
},
{
"name": "download",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
"fieldName": "download"
},
{
"name": "target",
"type": {
"text": "'_blank' | '_parent' | '_self' | '_top' | ''"
},
"default": "''",
"description": "Where to display the linked `href` URL for a link button. Common options include `_blank` to open in a new tab.",
"fieldName": "target"
},
{
"name": "trailing-icon",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Whether to render the icon at the inline end of the label rather than the inline start.",
"fieldName": "trailingIcon"
},
{
"name": "type",
"type": {
"text": "'button' | 'reset' | 'submit'"
},
"default": "'button'",
"description": "The default behavior of the button. May be \"button\", \"reset\", or \"submit\"\n(default=button).",
"fieldName": "type"
},
{
"name": "value",
"type": {
"text": "string"
},
"default": "''",
"description": "The value added to a form with the button's name when the button submits a form.",
"fieldName": "value"
},
{
"name": "size",
"type": {
"text": "'small' | 'medium' | 'large'"
},
"default": "'medium'",
"description": "Button size.",
"fieldName": "size"
}
],
"superclass": {
"name": "BaseClass",
"module": "components/button/internal/button.js"
}
}
],
"exports": [
{
"kind": "js",
"name": "Button",
"declaration": {
"name": "Button",
"module": "components/button/internal/button.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "components/button/lui-button.js",
"declarations": [
{
"kind": "class",
"description": "",
"name": "LuiButton",
"cssProperties": [
{
"name": "--lui-button-gap",
"default": "var(--lui-sys-spacing-small, 8px)"
},
{
"name": "--lui-button-font-weight",
"default": "700"
},
{
"name": "--lui-button-font-size",
"default": "var(--lui-sys-font-size-small, 0.875rem)"
},
{
"name": "--lui-button-font-family",
"default": "inherit"
},
{
"name": "--lui-button-line-height",
"default": "var(--lui-sys-line-height-large, 1.5)"
},
{
"name": "--lui-button-letter-spacing",
"default": "var(--lui-sys-letter-spacing-medium, 0.02857em)"
},
{
"name": "--lui-button-disabled-opacity",
"default": "0.8"
},
{
"name": "--lui-button-text-color",
"default": "var(--lui-sys-color-basic-white, #ffffff)"
},
{
"name": "--lui-button-hover-text-color",
"default": "var(--lui-sys-color-basic-white, #ffffff)"
},
{
"name": "--lui-button-focus-text-color",
"default": "var(--lui-sys-color-basic-white, #ffffff)"
},
{
"name": "--lui-button-active-text-color",
"default": "var(--lui-sys-color-basic-white, #ffffff)"
},
{
"name": "--lui-button-disabled-text-color",
"default": "var(--lui-sys-color-neutral-500, #9294a0)"
},
{
"name": "--lui-button-bg-color",
"default": "var(--lui-sys-color-primary-600, #5300e8)"
},
{
"name": "--lui-button-hover-bg-color",
"default": "var(--lui-sys-color-primary-500, #6002ee)"
},
{
"name": "--lui-button-focus-bg-color",
"default": "var(--lui-sys-color-primary-600, #5300e8)"
},
{
"name": "--lui-button-active-bg-color",
"default": "var(--lui-sys-color-primary-700, #5300e8)"
},
{
"name": "--lui-button-disabled-bg-color",
"default": "var(--lui-sys-color-neutral-100, #e4e5f2)"
},
{
"name": "--lui-button-transition",
"default": "var(--lui-sys-transition-medium, 0.3s)"
},
{
"name": "--lui-button-focus-ring",
"default": "var(--lui-sys-focus-ring, 2px solid #5067ef)"
},
{
"name": "--lui-button-focus-ring-offset",
"default": "var(--lui-sys-focus-ring-offset, 2px)"
},
{
"name": "--lui-button-border-radius",
"default": "var(--lui-sys-border-radius-large, 14px)"
},
{
"name": "--lui-button-padding-small",
"default": "6px 22px"
},
{
"name": "--lui-button-padding-medium",
"default": "10px 22px"
},
{
"name": "--lui-button-padding-large",
"default": "14px 22px"
}
],
"members": [
{
"kind": "field",
"name": "href",
"type": {
"text": "string"
},
"default": "''",
"description": "The URL that the link button points to.",
"attribute": "href",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "download",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
"attribute": "download",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "target",
"type": {
"text": "'_blank' | '_parent' | '_self' | '_top' | ''"
},
"default": "''",
"description": "Where to display the linked `href` URL for a link button. Common options include `_blank` to open in a new tab.",
"attribute": "target",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "trailingIcon",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Whether to render the icon at the inline end of the label rather than the inline start.",
"attribute": "trailing-icon",
"reflects": true,
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "type",
"type": {
"text": "'button' | 'reset' | 'submit'"
},
"default": "'button'",
"description": "The default behavior of the button. May be \"button\", \"reset\", or \"submit\"\n(default=button).",
"attribute": "type",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "value",
"type": {
"text": "string"
},
"default": "''",
"description": "The value added to a form with the button's name when the button submits a form.",
"attribute": "value",
"reflects": true,
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "size",
"type": {
"text": "'small' | 'medium' | 'large'"
},
"default": "'medium'",
"description": "Button size.",
"attribute": "size",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "#hasLabel",
"privacy": "private",
"type": {
"text": "boolean"
},
"default": "false",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "#buttonElement",
"privacy": "private",
"type": {
"text": "HTMLButtonElement | HTMLAnchorElement | null"
},
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "#canClick",
"privacy": "private",
"readonly": true,
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "#slotController",
"privacy": "private",
"default": "new SlotController(this)",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "#_formSubmitterController",
"privacy": "private",
"default": "new FormSubmitterController(this)",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "#classButton",
"privacy": "private",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "#renderButton",
"privacy": "private",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "#renderLink",
"privacy": "private",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "#renderContent",
"privacy": "private",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "[getFormValue]",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "formResetCallback",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "formStateRestoreCallback",
"parameters": [
{
"name": "_state",
"type": {
"text": "string"
}
}
],
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "[getFocusElement]",
"return": {
"type": {
"text": "HTMLElement | null"
}
},
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
}
],
"superclass": {
"name": "Button",
"module": "/components/button/internal/button.js"
},
"tagName": "lui-button",
"customElement": true,
"attributes": [
{
"name": "href",
"type": {
"text": "string"
},
"default": "''",
"description": "The URL that the link button points to.",
"fieldName": "href",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"name": "download",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
"fieldName": "download",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"name": "target",
"type": {
"text": "'_blank' | '_parent' | '_self' | '_top' | ''"
},
"default": "''",
"description": "Where to display the linked `href` URL for a link button. Common options include `_blank` to open in a new tab.",
"fieldName": "target",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"name": "trailing-icon",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Whether to render the icon at the inline end of the label rather than the inline start.",
"fieldName": "trailingIcon",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"name": "type",
"type": {
"text": "'button' | 'reset' | 'submit'"
},
"default": "'button'",
"description": "The default behavior of the button. May be \"button\", \"reset\", or \"submit\"\n(default=button).",
"fieldName": "type",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"name": "value",
"type": {
"text": "string"
},
"default": "''",
"description": "The value added to a form with the button's name when the button submits a form.",
"fieldName": "value",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"name": "size",
"type": {
"text": "'small' | 'medium' | 'large'"
},
"default": "'medium'",
"description": "Button size.",
"fieldName": "size",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
}
]
}
],
"exports": [
{
"kind": "js",
"name": "LuiButton",
"declaration": {
"name": "LuiButton",
"module": "components/button/lui-button.js"
}
},
{
"kind": "custom-element-definition",
"name": "lui-button",
"declaration": {
"name": "LuiButton",
"module": "components/button/lui-button.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "components/button/internal/outlined-button.js",
"declarations": [
{
"kind": "class",
"description": "",
"name": "OutlinedButton",
"superclass": {
"name": "Button",
"module": "/components/button/internal/button.js"
},
"attributes": [
{
"name": "href",
"type": {
"text": "string"
},
"default": "''",
"description": "The URL that the link button points to.",
"fieldName": "href",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"name": "download",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
"fieldName": "download",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"name": "target",
"type": {
"text": "'_blank' | '_parent' | '_self' | '_top' | ''"
},
"default": "''",
"description": "Where to display the linked `href` URL for a link button. Common options include `_blank` to open in a new tab.",
"fieldName": "target",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"name": "trailing-icon",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Whether to render the icon at the inline end of the label rather than the inline start.",
"fieldName": "trailingIcon",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"name": "type",
"type": {
"text": "'button' | 'reset' | 'submit'"
},
"default": "'button'",
"description": "The default behavior of the button. May be \"button\", \"reset\", or \"submit\"\n(default=button).",
"fieldName": "type",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"name": "value",
"type": {
"text": "string"
},
"default": "''",
"description": "The value added to a form with the button's name when the button submits a form.",
"fieldName": "value",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"name": "size",
"type": {
"text": "'small' | 'medium' | 'large'"
},
"default": "'medium'",
"description": "Button size.",
"fieldName": "size",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
}
],
"members": [
{
"kind": "field",
"name": "href",
"type": {
"text": "string"
},
"default": "''",
"description": "The URL that the link button points to.",
"attribute": "href",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "download",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
"attribute": "download",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "target",
"type": {
"text": "'_blank' | '_parent' | '_self' | '_top' | ''"
},
"default": "''",
"description": "Where to display the linked `href` URL for a link button. Common options include `_blank` to open in a new tab.",
"attribute": "target",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "trailingIcon",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Whether to render the icon at the inline end of the label rather than the inline start.",
"attribute": "trailing-icon",
"reflects": true,
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "type",
"type": {
"text": "'button' | 'reset' | 'submit'"
},
"default": "'button'",
"description": "The default behavior of the button. May be \"button\", \"reset\", or \"submit\"\n(default=button).",
"attribute": "type",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "value",
"type": {
"text": "string"
},
"default": "''",
"description": "The value added to a form with the button's name when the button submits a form.",
"attribute": "value",
"reflects": true,
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "size",
"type": {
"text": "'small' | 'medium' | 'large'"
},
"default": "'medium'",
"description": "Button size.",
"attribute": "size",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "#hasLabel",
"privacy": "private",
"type": {
"text": "boolean"
},
"default": "false",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "#buttonElement",
"privacy": "private",
"type": {
"text": "HTMLButtonElement | HTMLAnchorElement | null"
},
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "#canClick",
"privacy": "private",
"readonly": true,
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "#slotController",
"privacy": "private",
"default": "new SlotController(this)",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "#_formSubmitterController",
"privacy": "private",
"default": "new FormSubmitterController(this)",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "#classButton",
"privacy": "private",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "#renderButton",
"privacy": "private",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "#renderLink",
"privacy": "private",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "#renderContent",
"privacy": "private",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "[getFormValue]",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "formResetCallback",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "formStateRestoreCallback",
"parameters": [
{
"name": "_state",
"type": {
"text": "string"
}
}
],
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "[getFocusElement]",
"return": {
"type": {
"text": "HTMLElement | null"
}
},
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
}
]
}
],
"exports": [
{
"kind": "js",
"name": "OutlinedButton",
"declaration": {
"name": "OutlinedButton",
"module": "components/button/internal/outlined-button.js"
}
}
]
},
{
"kind": "javascript-module",
"path": "components/button/lui-outlined-button.js",
"declarations": [
{
"kind": "class",
"description": "",
"name": "LuiOutlinedButton",
"cssProperties": [
{
"name": "--lui-button-gap",
"default": "var(--lui-sys-spacing-small, 8px)"
},
{
"name": "--lui-button-font-weight",
"default": "700"
},
{
"name": "--lui-button-font-size",
"default": "var(--lui-sys-font-size-small, 0.875rem)"
},
{
"name": "--lui-button-font-family",
"default": "inherit"
},
{
"name": "--lui-button-line-height",
"default": "var(--lui-sys-line-height-large, 1.5)"
},
{
"name": "--lui-button-letter-spacing",
"default": "var(--lui-sys-letter-spacing-medium, 0.02857em)"
},
{
"name": "--lui-button-disabled-opacity",
"default": "0.8"
},
{
"name": "--lui-outlined-button-text-color",
"default": "var(--lui-sys-color-primary-700, #5300e8)"
},
{
"name": "--lui-outlined-button-hover-text-color",
"default": "var(--lui-sys-color-primary-700, #5300e8)"
},
{
"name": "--lui-outlined-button-focus-text-color",
"default": "var(--lui-sys-color-primary-700, #5300e8)"
},
{
"name": "--lui-outlined-button-active-text-color",
"default": "var(--lui-sys-color-primary-700, #5300e8)"
},
{
"name": "--lui-button-disabled-text-color",
"default": "var(--lui-sys-color-neutral-500, #9294a0)"
},
{
"name": "--lui-button-bg-color",
"default": "var(--lui-sys-color-primary-600, #5300e8)"
},
{
"name": "--lui-outlined-button-hover-bg-color",
"default": "var(--lui-sys-color-primary-50, #efe5fd)"
},
{
"name": "--lui-outlined-button-focus-bg-color",
"default": "var(--lui-sys-color-primary-50, #efe5fd)"
},
{
"name": "--lui-outlined-button-active-bg-color",
"default": "var(--lui-sys-color-primary-100, #d4bff9)"
},
{
"name": "--lui-button-disabled-bg-color",
"default": "var(--lui-sys-color-neutral-100, #e4e5f2)"
},
{
"name": "--lui-button-transition",
"default": "var(--lui-sys-transition-medium, 0.3s)"
},
{
"name": "--lui-button-focus-ring",
"default": "var(--lui-sys-focus-ring, 2px solid #5067ef)"
},
{
"name": "--lui-button-focus-ring-offset",
"default": "var(--lui-sys-focus-ring-offset, 2px)"
},
{
"name": "--lui-button-border-radius",
"default": "var(--lui-sys-border-radius-large, 14px)"
},
{
"name": "--lui-button-padding-small",
"default": "6px 22px"
},
{
"name": "--lui-button-padding-medium",
"default": "10px 22px"
},
{
"name": "--lui-button-padding-large",
"default": "14px 22px"
},
{
"name": "--lui-outlined-button-border-width",
"default": "1px"
},
{
"name": "--lui-outlined-button-border-color",
"default": "var(--lui-sys-color-primary-700, #5300e8)"
},
{
"name": "--lui-outlined-button-hover-border-color",
"default": "var(--lui-sys-color-primary-700, #5300e8)"
},
{
"name": "--lui-outlined-button-focus-border-color",
"default": "var(--lui-sys-color-primary-700, #5300e8)"
},
{
"name": "--lui-outlined-button-active-border-color",
"default": "var(--lui-sys-color-primary-700, #5300e8)"
}
],
"members": [
{
"kind": "field",
"name": "href",
"type": {
"text": "string"
},
"default": "''",
"description": "The URL that the link button points to.",
"attribute": "href",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "download",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
"attribute": "download",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "target",
"type": {
"text": "'_blank' | '_parent' | '_self' | '_top' | ''"
},
"default": "''",
"description": "Where to display the linked `href` URL for a link button. Common options include `_blank` to open in a new tab.",
"attribute": "target",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "trailingIcon",
"type": {
"text": "boolean"
},
"default": "false",
"description": "Whether to render the icon at the inline end of the label rather than the inline start.",
"attribute": "trailing-icon",
"reflects": true,
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "type",
"type": {
"text": "'button' | 'reset' | 'submit'"
},
"default": "'button'",
"description": "The default behavior of the button. May be \"button\", \"reset\", or \"submit\"\n(default=button).",
"attribute": "type",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "value",
"type": {
"text": "string"
},
"default": "''",
"description": "The value added to a form with the button's name when the button submits a form.",
"attribute": "value",
"reflects": true,
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "size",
"type": {
"text": "'small' | 'medium' | 'large'"
},
"default": "'medium'",
"description": "Button size.",
"attribute": "size",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "#hasLabel",
"privacy": "private",
"type": {
"text": "boolean"
},
"default": "false",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "#buttonElement",
"privacy": "private",
"type": {
"text": "HTMLButtonElement | HTMLAnchorElement | null"
},
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "#canClick",
"privacy": "private",
"readonly": true,
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "#slotController",
"privacy": "private",
"default": "new SlotController(this)",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "field",
"name": "#_formSubmitterController",
"privacy": "private",
"default": "new FormSubmitterController(this)",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "#classButton",
"privacy": "private",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "#renderButton",
"privacy": "private",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "#renderLink",
"privacy": "private",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "#renderContent",
"privacy": "private",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "[getFormValue]",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "formResetCallback",
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "formStateRestoreCallback",
"parameters": [
{
"name": "_state",
"type": {
"text": "string"
}
}
],
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
},
{
"kind": "method",
"name": "[getFocusElement]",
"return": {
"type": {
"text": "HTMLElement | null"
}
},
"inheritedFrom": {
"name": "Button",
"module": "components/button/internal/button.js"
}
}
],
"superclass": {
"name": "OutlinedButton",
"module": "/components/button/internal/outlined-button.js"
},
"tagName": "lui-outlined-button",
"customElement": true,
"attributes": [
{
"name": "href",
"type": {
"text": "string"
},
"default": "''",
"descript