@govtechsg/sgds-web-component 3.21.2-rc.3 → 3.21.2-rc.5
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/base/button-element.d.ts +1 -1
- package/base/button-element.js +1 -1
- package/base/button-element.js.map +1 -1
- package/components/Button/index.umd.min.js.map +1 -1
- package/components/Datepicker/index.umd.min.js.map +1 -1
- package/components/FileUpload/index.umd.min.js.map +1 -1
- package/components/Footer/index.umd.min.js +1 -1
- package/components/Footer/index.umd.min.js.map +1 -1
- package/components/IconButton/index.umd.min.js.map +1 -1
- package/components/Mainnav/index.umd.min.js.map +1 -1
- package/components/Pagination/index.umd.min.js.map +1 -1
- package/components/QuantityToggle/index.umd.min.js.map +1 -1
- package/components/Sidebar/index.umd.min.js.map +1 -1
- package/components/Subnav/index.umd.min.js +1 -1
- package/components/Subnav/index.umd.min.js.map +1 -1
- package/components/SystemBanner/index.umd.min.js.map +1 -1
- package/components/Table/index.umd.min.js +6 -7
- package/components/Table/index.umd.min.js.map +1 -1
- package/components/Table/sgds-table.js +6 -6
- package/components/Table/sgds-table.js.map +1 -1
- package/components/index.umd.min.js +7 -8
- package/components/index.umd.min.js.map +1 -1
- package/css/grid.css +30 -4
- package/css/grid.js +1 -1
- package/custom-elements.json +7 -7
- package/index.umd.min.js +7 -8
- package/index.umd.min.js.map +1 -1
- package/package.json +1 -1
- package/react/base/button-element.cjs.js +1 -1
- package/react/base/button-element.cjs.js.map +1 -1
- package/react/base/button-element.js +1 -1
- package/react/base/button-element.js.map +1 -1
- package/react/components/Table/sgds-table.cjs.js +6 -6
- package/react/components/Table/sgds-table.cjs.js.map +1 -1
- package/react/components/Table/sgds-table.js +6 -6
- package/react/components/Table/sgds-table.js.map +1 -1
- package/react/css/grid.cjs.js +1 -1
- package/react/css/grid.js +1 -1
- package/themes/root.css +2 -0
- package/types/react.d.ts +122 -5
package/base/button-element.d.ts
CHANGED
|
@@ -8,7 +8,7 @@ export default class ButtonElement extends SgdsElement {
|
|
|
8
8
|
static styles: import("lit").CSSResult[];
|
|
9
9
|
/** @internal */
|
|
10
10
|
protected button: HTMLButtonElement | HTMLLinkElement;
|
|
11
|
-
/** Sets the visual variants such as: `primary`, `outline`, `ghost`. `danger` is
|
|
11
|
+
/** Sets the visual variants such as: `primary`, `outline`, `ghost`. The `danger` value is deprecated since v3.5.6 — use `variant="primary"` with `tone="danger"` instead. */
|
|
12
12
|
variant: ButtonVariant;
|
|
13
13
|
/** Sets the visual colour of the button: `brand`, `danger`, `fixed-light`, `neutral` */
|
|
14
14
|
tone: ButtonTone;
|
package/base/button-element.js
CHANGED
|
@@ -6,7 +6,7 @@ import css_248z from './button.js';
|
|
|
6
6
|
class ButtonElement extends SgdsElement {
|
|
7
7
|
constructor() {
|
|
8
8
|
super(...arguments);
|
|
9
|
-
/** Sets the visual variants such as: `primary`, `outline`, `ghost`. `danger` is
|
|
9
|
+
/** Sets the visual variants such as: `primary`, `outline`, `ghost`. The `danger` value is deprecated since v3.5.6 — use `variant="primary"` with `tone="danger"` instead. */
|
|
10
10
|
this.variant = "primary";
|
|
11
11
|
/** Sets the visual colour of the button: `brand`, `danger`, `fixed-light`, `neutral` */
|
|
12
12
|
this.tone = "brand";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-element.js","sources":["../../src/base/button-element.ts"],"sourcesContent":["import { property, query } from \"lit/decorators.js\";\nimport SgdsElement from \"./sgds-element\";\nimport buttonStyles from \"./button.css\";\nimport { SpinnerTone } from \"../components\";\n\nexport type ButtonTone = \"brand\" | \"danger\" | \"fixed-light\" | \"neutral\";\nexport type ButtonVariant =\n | \"primary\"\n | \"outline\"\n | \"ghost\"\n /** @deprecated since v3.5.6 */\n | \"danger\";\n\nexport default class ButtonElement extends SgdsElement {\n static styles = [...SgdsElement.styles, buttonStyles];\n /** @internal */\n @query(\".btn\") protected button: HTMLButtonElement | HTMLLinkElement;\n\n /** Sets the visual variants such as: `primary`, `outline`, `ghost`. `danger` is
|
|
1
|
+
{"version":3,"file":"button-element.js","sources":["../../src/base/button-element.ts"],"sourcesContent":["import { property, query } from \"lit/decorators.js\";\nimport SgdsElement from \"./sgds-element\";\nimport buttonStyles from \"./button.css\";\nimport { SpinnerTone } from \"../components\";\n\nexport type ButtonTone = \"brand\" | \"danger\" | \"fixed-light\" | \"neutral\";\nexport type ButtonVariant =\n | \"primary\"\n | \"outline\"\n | \"ghost\"\n /** @deprecated since v3.5.6 */\n | \"danger\";\n\nexport default class ButtonElement extends SgdsElement {\n static styles = [...SgdsElement.styles, buttonStyles];\n /** @internal */\n @query(\".btn\") protected button: HTMLButtonElement | HTMLLinkElement;\n\n /** Sets the visual variants such as: `primary`, `outline`, `ghost`. The `danger` value is deprecated since v3.5.6 — use `variant=\"primary\"` with `tone=\"danger\"` instead. */\n @property({ reflect: true }) variant: ButtonVariant = \"primary\";\n\n /** Sets the visual colour of the button: `brand`, `danger`, `fixed-light`, `neutral` */\n @property({ reflect: true }) tone: ButtonTone = \"brand\";\n\n /** Specifies a small, medium or large button, the size is medium by default. */\n @property({ reflect: true }) size: \"xs\" | \"sm\" | \"md\" | \"lg\" = \"md\";\n\n /** Manually set the visual state of the button to `:active` */\n @property({ type: Boolean, reflect: true }) active = false;\n\n /** The disabled state of the button */\n @property({ type: Boolean, reflect: true }) disabled = false;\n\n /** When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`. */\n @property({ type: String, reflect: true }) href: string;\n\n /** Where to display the linked URL, as the name for a browsing context. Forwards to the HTMLAnchor target attribute */\n @property({ type: String, reflect: true })\n target: \"_blank\" | \"_parent\" | \"_self\" | \"_top\" = \"_self\";\n /** Tells the browser to download the linked file as this filename. Only used when `href` is set. */\n @property({ type: String, reflect: true }) download: string;\n\n /** The aria-label attribute to passed to button element when necessary */\n @property({ type: String }) ariaLabel: string;\n\n /** When true, shows a loading spinner */\n @property({ type: Boolean }) loading: boolean;\n\n /** Sets focus on the button. */\n public focus(options?: FocusOptions) {\n this.button.focus(options);\n }\n\n /** Simulates a click on the button. */\n public click() {\n this.button.click();\n }\n\n /** Removes focus from the button. */\n public blur() {\n this.button.blur();\n }\n protected _handleBlur() {\n this.emit(\"sgds-blur\");\n }\n\n protected _handleFocus() {\n this.emit(\"sgds-focus\");\n }\n protected _handleClick(event: MouseEvent) {\n if (this.disabled || this.loading) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n }\n protected _handleKeydown(event: KeyboardEvent) {\n if (event.key === \"Enter\" && this.loading) {\n event.preventDefault();\n event.stopPropagation();\n return;\n }\n }\n protected _assignSpinnerSize(buttonSize: \"xs\" | \"sm\" | \"md\" | \"lg\") {\n if (buttonSize === \"xs\" || buttonSize === \"sm\") return \"xs\";\n if (buttonSize === \"md\" || buttonSize === \"lg\") return \"sm\";\n }\n protected _assignSpinnerTone(buttonTone: ButtonTone, buttonVariant: ButtonVariant): SpinnerTone {\n // Default spinner tone\n if (buttonTone === \"fixed-light\" && buttonVariant === \"primary\") return \"fixed-dark\";\n if (buttonTone === \"neutral\" && buttonVariant === \"primary\") return \"inverse\";\n if (buttonTone === \"fixed-light\" || buttonVariant === \"primary\") return \"fixed-light\";\n if (buttonTone === \"neutral\" && (buttonVariant === \"outline\" || buttonVariant === \"ghost\")) return \"neutral\";\n return \"brand\";\n }\n}\n"],"names":["buttonStyles"],"mappings":"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"}
|