@ncino/web-components 5.1.0-preview.11 → 5.1.0-preview.13

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.
Files changed (29) hide show
  1. package/dist/components/boolean/boolean.gator.js +8 -9
  2. package/dist/components/checkbox/checkbox.gator.js +26 -23
  3. package/dist/components/checkbox-group/checkbox-group.gator.js +7 -8
  4. package/dist/components/icon/gator/icon.gator.js +2 -2
  5. package/dist/components/input/gator/input-text/input-text.gator.js +13 -13
  6. package/dist/components/radio/radio.gator.js +28 -22
  7. package/dist/components/radio-group/radio-group.gator.js +13 -15
  8. package/dist/components/selection-box-group/selection-box-group.gator.js +10 -12
  9. package/dist/packages/web-components/src/components/boolean/boolean.gator.scss.js +1 -1
  10. package/dist/packages/web-components/src/components/boolean/boolean.gator.tokens.scss.js +1 -1
  11. package/dist/packages/web-components/src/components/checkbox-group/checkbox-group.gator.scss.js +1 -1
  12. package/dist/packages/web-components/src/components/icon/gator/icon.gator.scss.js +1 -1
  13. package/dist/packages/web-components/src/components/input/gator/help-text/help-text.gator.scss.js +1 -1
  14. package/dist/packages/web-components/src/components/radio/radio.gator.scss.js +1 -1
  15. package/dist/packages/web-components/src/components/radio-group/radio-group.gator.scss.js +1 -1
  16. package/dist/packages/web-components/src/components/selection-box/selection-box.gator.tokens.scss.js +1 -1
  17. package/dist/packages/web-components/src/tokens/primitive.tokens.scss.js +1 -1
  18. package/dist/packages/web-components/src/tokens/semantic.tokens.scss.js +1 -1
  19. package/dist/types/components/boolean/boolean.gator.d.ts +2 -36
  20. package/dist/types/components/checkbox/checkbox.gator.d.ts +5 -10
  21. package/dist/types/components/checkbox-group/checkbox-group.gator.d.ts +2 -30
  22. package/dist/types/components/icon/gator/icon.gator.d.ts +2 -0
  23. package/dist/types/components/progress-bar/gator/progress-bar.gator.d.ts +1 -1
  24. package/dist/types/components/radio/radio.gator.d.ts +9 -25
  25. package/dist/types/components/radio-group/radio-group.gator.d.ts +2 -30
  26. package/dist/types/components/scoped-notification/scoped-notification.slds.d.ts +1 -1
  27. package/dist/types/components/selection-box-group/selection-box-group.gator.d.ts +2 -32
  28. package/package.json +1 -1
  29. package/web-types.json +680 -207
@@ -1,46 +1,30 @@
1
- import { PropertyValueMap } from 'lit';
2
- import { TestableLitElement } from '../../utils/components/testable-lit-element/testable-lit-element.ts';
1
+ import { PropertyValueMap, nothing } from 'lit';
3
2
  import { Ref } from 'lit/directives/ref.js';
4
- export declare class NgcRadio extends TestableLitElement {
5
- static shadowRootOptions: {
6
- delegatesFocus: boolean;
7
- mode: ShadowRootMode;
8
- serializable?: boolean;
9
- slotAssignment?: SlotAssignmentMode;
10
- };
3
+ import { NgcInputText } from '../input/gator/input-text/input-text.gator.ts';
4
+ export declare class NgcRadio extends NgcInputText {
11
5
  static styles: import('lit').CSSResult[];
12
6
  /**
13
- * @property {string} id - The title text for the radio button option.
14
- */
15
- id: string;
16
- /**
17
7
  * @property {string} title - The title text for the radio button option.
18
8
  */
19
9
  titleText: string;
20
10
  /**
21
- * @property {string} value - The text label for the radio button option.
22
- */
23
- value: string;
24
- /**
25
11
  * @property {boolean} selected - Indicates whether the radio button is currently selected.
26
12
  */
27
13
  selected: boolean;
28
14
  /**
29
- * @property {boolean} disabled - Indicates whether the radio button is disabled.
30
- */
31
- disabled: boolean;
32
- /**
33
- * @property {boolean} hasError - Indicates if the radio button should render in an error state.
34
- */
35
- hasError: boolean;
36
- /**
37
15
  * @property {number} radioTabindex - The tabindex for the radio button.
38
16
  */
39
17
  radioTabindex: number;
18
+ /**
19
+ * @property {boolean} grouped - Indicates if the radio is apart of a radio group
20
+ */
21
+ grouped: boolean;
40
22
  inputRef: Ref<HTMLInputElement>;
41
23
  private _randomId;
42
24
  protected updated(_changedProperties: PropertyValueMap<any> | Map<PropertyKey, unknown>): void;
25
+ connectedCallback(): void;
43
26
  render(): import('lit').TemplateResult<1>;
27
+ get bottomText(): import('lit').TemplateResult<1> | typeof nothing;
44
28
  get elementId(): string;
45
29
  get tabindex(): number;
46
30
  handleChange(): void;
@@ -1,5 +1,5 @@
1
1
  import { NgcRadio } from '../radio/radio.gator';
2
- import { TestableLitElement } from '../../utils/components/testable-lit-element/testable-lit-element.ts';
2
+ import { NgcInputText } from '../input/gator/input-text/input-text.gator.ts';
3
3
  /**
4
4
  * @slot - The radios within the group
5
5
  */
@@ -7,36 +7,8 @@ export type NGC_RADIO_GROUP_OPTION = {
7
7
  title: string;
8
8
  value: string;
9
9
  };
10
- export declare class NgcRadioGroup extends TestableLitElement {
10
+ export declare class NgcRadioGroup extends NgcInputText {
11
11
  static styles: import('lit').CSSResult[];
12
- /**
13
- * @property {string} id - `id` for the radio group. If not provided, one will be uniquely generated.
14
- */
15
- id: string;
16
- /**
17
- * @property {string} label - Defines the visible label of the radio group.
18
- */
19
- label: string;
20
- /**
21
- * @property {string} helpText - Defines optional help text to be displayed below the radio group.
22
- */
23
- helpText: string;
24
- /**
25
- * @property {string} value - The value of the radio group.
26
- */
27
- value: string;
28
- /**
29
- * @property {boolean} disabled - Indicates whether the radio group is disabled.
30
- */
31
- disabled: boolean;
32
- /**
33
- * @property {boolean} hasError - Indicates if the radio group should render in an error state.
34
- */
35
- hasError: boolean;
36
- /**
37
- * @property {string} errorMessage - Defines an optional error message to be displayed below the radio group when in an error state.
38
- */
39
- errorMessage: string;
40
12
  /**
41
13
  * @property {NGC_RADIO_GROUP_OPTION[]} options - Options to render as radio buttons. Each option must have a title and value property.
42
14
  */
@@ -7,7 +7,7 @@ export declare class NjcSldsScopedNotification extends NjcScopedNotification {
7
7
  render(): import('lit').TemplateResult<1>;
8
8
  get modeClass(): string;
9
9
  get containerClass(): string;
10
- get iconName(): "info" | "warning" | "success" | "error";
10
+ get iconName(): "success" | "warning" | "error" | "info";
11
11
  }
12
12
  declare global {
13
13
  interface HTMLElementTagNameMap {
@@ -1,5 +1,5 @@
1
1
  import { NgcSelectionBox } from '../selection-box/selection-box.gator';
2
- import { TestableLitElement } from '../../utils/components/testable-lit-element/testable-lit-element';
2
+ import { NgcInputText } from '../input/gator/input-text/input-text.gator.ts';
3
3
  export type NGC_SELECTION_BOX_GROUP_OPTION = {
4
4
  title: string;
5
5
  subtitle?: string;
@@ -8,47 +8,17 @@ export type NGC_SELECTION_BOX_GROUP_OPTION = {
8
8
  /**
9
9
  * @slot - The selection boxes within the group
10
10
  */
11
- export declare class NgcSelectionBoxGroup extends TestableLitElement {
11
+ export declare class NgcSelectionBoxGroup extends NgcInputText {
12
12
  static styles: import('lit').CSSResult[];
13
- /**
14
- * @property {string} id - The id for the selection group. If one is not provided, a random id will be generated.
15
- */
16
- id: string;
17
13
  /**
18
14
  * @property {NGC_SELECTION_BOX_GROUP_OPTION[]} options - Options to render as radio buttons. Each option must have a title and value property and can optionally have a subtitle property.
19
15
  */
20
16
  options: NGC_SELECTION_BOX_GROUP_OPTION[];
21
- /**
22
- * @property {boolean} disabled - Defines if the selection group should be disabled. Disabled selection groups cannot be selected.
23
- */
24
- disabled: boolean;
25
- /**
26
- * @property {string} value - Defines the current value of the selection group.
27
- */
28
- value: string | undefined;
29
- /**
30
- * @property {string} label - Defines the visible label of the selection group.
31
- */
32
- label: string;
33
- /**
34
- * @property {string} helpText - Defines optional help text to be displayed below the selection group.
35
- */
36
- helpText: string;
37
17
  /**
38
18
  * @property {string} type - Defines if the selection box group should be multi-select or single-select.
39
19
  */
40
20
  type: string;
41
- /**
42
- * @property {boolean} hasError - Defines if the selection group should be rendered in an error state.
43
- */
44
- hasError: boolean;
45
- /**
46
- * @property {string} errorMessage - Defines an optional error message to be displayed below the selection group when in an error state.
47
- */
48
- errorMessage: string;
49
- private _randomId;
50
21
  render(): import('lit').TemplateResult<1>;
51
- get elementId(): string;
52
22
  get radioGroupMarkup(): import('lit').TemplateResult<1>;
53
23
  get checkboxGroupMarkup(): import('lit').TemplateResult<1>;
54
24
  get optionsMarkup(): import('lit').TemplateResult<1>;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ncino/web-components",
3
3
  "author": "nCino",
4
- "version": "5.1.0-preview.11",
4
+ "version": "5.1.0-preview.13",
5
5
  "license": "(c) Copyright 2023 nCino, Inc., all rights reserved",
6
6
  "publishConfig": {
7
7
  "registry": "https://registry.npmjs.org/"