@canonical/react-components 4.5.4 → 4.6.1

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 (31) hide show
  1. package/dist/components/ActionButton/ActionButton.d.ts +4 -29
  2. package/dist/components/ActionButton/ActionButton.js +7 -19
  3. package/dist/components/Button/Button.d.ts +5 -1
  4. package/dist/components/CheckboxInput/CheckboxInput.d.ts +12 -3
  5. package/dist/components/CheckboxInput/CheckboxInput.js +53 -7
  6. package/dist/components/CheckboxInput/CheckboxInput.stories.d.ts +7 -3
  7. package/dist/components/CheckboxInput/CheckboxInput.stories.js +43 -15
  8. package/dist/components/ConfirmationModal/ConfirmationModal.stories.js +9 -2
  9. package/dist/components/Field/Field.d.ts +5 -1
  10. package/dist/components/Field/Field.js +13 -6
  11. package/dist/components/Input/Input.js +26 -16
  12. package/dist/components/RadioInput/RadioInput.d.ts +13 -3
  13. package/dist/components/RadioInput/RadioInput.js +52 -5
  14. package/dist/components/RadioInput/RadioInput.stories.d.ts +5 -1
  15. package/dist/components/RadioInput/RadioInput.stories.js +33 -6
  16. package/dist/esm/components/ActionButton/ActionButton.d.ts +4 -29
  17. package/dist/esm/components/ActionButton/ActionButton.js +7 -19
  18. package/dist/esm/components/Button/Button.d.ts +5 -1
  19. package/dist/esm/components/CheckboxInput/CheckboxInput.d.ts +12 -3
  20. package/dist/esm/components/CheckboxInput/CheckboxInput.js +52 -7
  21. package/dist/esm/components/CheckboxInput/CheckboxInput.stories.d.ts +7 -3
  22. package/dist/esm/components/CheckboxInput/CheckboxInput.stories.js +42 -14
  23. package/dist/esm/components/ConfirmationModal/ConfirmationModal.stories.js +9 -2
  24. package/dist/esm/components/Field/Field.d.ts +5 -1
  25. package/dist/esm/components/Field/Field.js +13 -6
  26. package/dist/esm/components/Input/Input.js +26 -16
  27. package/dist/esm/components/RadioInput/RadioInput.d.ts +13 -3
  28. package/dist/esm/components/RadioInput/RadioInput.js +51 -5
  29. package/dist/esm/components/RadioInput/RadioInput.stories.d.ts +5 -1
  30. package/dist/esm/components/RadioInput/RadioInput.stories.js +32 -5
  31. package/package.json +3 -3
@@ -4,7 +4,11 @@ declare const meta: Meta<typeof RadioInput>;
4
4
  export default meta;
5
5
  type Story = StoryObj<typeof RadioInput>;
6
6
  export declare const Default: Story;
7
+ export declare const Caution: Story;
7
8
  export declare const Children: Story;
8
9
  export declare const Disabled: Story;
9
- export declare const Required: Story;
10
+ export declare const Error: Story;
11
+ export declare const Help: Story;
10
12
  export declare const Inline: Story;
13
+ export declare const Required: Story;
14
+ export declare const Success: Story;
@@ -41,6 +41,13 @@ export var Default = {
41
41
  }),
42
42
  name: "Default"
43
43
  };
44
+ export var Caution = {
45
+ render: () => /*#__PURE__*/React.createElement(RadioInput, {
46
+ label: "Caution",
47
+ caution: "This is a caution message"
48
+ }),
49
+ name: "Caution"
50
+ };
44
51
  export var Children = {
45
52
  render: () => /*#__PURE__*/React.createElement(RadioInput, {
46
53
  label: /*#__PURE__*/React.createElement(React.Fragment, null, "I agree to", /*#__PURE__*/React.createElement("a", {
@@ -58,6 +65,27 @@ export var Disabled = {
58
65
  }),
59
66
  name: "Disabled"
60
67
  };
68
+ export var Error = {
69
+ render: () => /*#__PURE__*/React.createElement(RadioInput, {
70
+ label: "Error",
71
+ error: "This is an error message"
72
+ }),
73
+ name: "Error"
74
+ };
75
+ export var Help = {
76
+ render: () => /*#__PURE__*/React.createElement(RadioInput, {
77
+ label: "Help",
78
+ help: "This is a help message"
79
+ }),
80
+ name: "Help"
81
+ };
82
+ export var Inline = {
83
+ render: () => /*#__PURE__*/React.createElement(RadioInput, {
84
+ inline: true,
85
+ label: "Inline"
86
+ }),
87
+ name: "Inline"
88
+ };
61
89
  export var Required = {
62
90
  render: () => /*#__PURE__*/React.createElement(RadioInput, {
63
91
  label: "Required",
@@ -66,11 +94,10 @@ export var Required = {
66
94
  }),
67
95
  name: "Required"
68
96
  };
69
- export var Inline = {
97
+ export var Success = {
70
98
  render: () => /*#__PURE__*/React.createElement(RadioInput, {
71
- label: "Inline",
72
- name: "RadioInput",
73
- inline: true
99
+ label: "Success",
100
+ success: "This is a success message"
74
101
  }),
75
- name: "Inline"
102
+ name: "Success"
76
103
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@canonical/react-components",
3
- "version": "4.5.4",
3
+ "version": "4.6.1",
4
4
  "main": "dist/index.js",
5
5
  "module": "dist/index.js",
6
6
  "author": {
@@ -37,7 +37,7 @@
37
37
  "@eslint/compat": "2.0.1",
38
38
  "@eslint/eslintrc": "3.3.3",
39
39
  "@eslint/js": "9.39.2",
40
- "@percy/cli": "1.31.8",
40
+ "@percy/cli": "1.31.14",
41
41
  "@percy/storybook": "9.1.0",
42
42
  "@semantic-release/changelog": "6.0.3",
43
43
  "@semantic-release/git": "10.0.1",
@@ -96,7 +96,7 @@
96
96
  "tsc-alias": "1.8.10",
97
97
  "typescript": "5.7.3",
98
98
  "typescript-eslint": "8.24.1",
99
- "vanilla-framework": "4.51.0",
99
+ "vanilla-framework": "4.52.0",
100
100
  "wait-on": "9.0.3",
101
101
  "webpack": "5.105.0"
102
102
  },