@codecademy/styleguide 78.5.5-alpha.86116a.0 → 78.5.5-alpha.ebe1b3.0
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/CHANGELOG.md +1 -1
- package/package.json +2 -2
- package/src/lib/Molecules/Tips/InfoTip/InfoTip.stories.tsx +0 -1
- package/src/lib/Organisms/ConnectedForm/ConnectedFormGroup/ConnectedFormGroup.stories.tsx +5 -1
- package/src/lib/Organisms/GridForm/Fields.stories.tsx +1 -0
- package/src/lib/Organisms/GridForm/Layout.mdx +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
-
### [78.5.5-alpha.
|
|
6
|
+
### [78.5.5-alpha.ebe1b3.0](https://github.com/Codecademy/gamut/compare/@codecademy/styleguide@78.5.4...@codecademy/styleguide@78.5.5-alpha.ebe1b3.0) (2026-01-06)
|
|
7
7
|
|
|
8
8
|
**Note:** Version bump only for package @codecademy/styleguide
|
|
9
9
|
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@codecademy/styleguide",
|
|
3
3
|
"description": "Styleguide & Component library for codecademy.com",
|
|
4
|
-
"version": "78.5.5-alpha.
|
|
4
|
+
"version": "78.5.5-alpha.ebe1b3.0",
|
|
5
5
|
"author": "Codecademy Engineering",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"publishConfig": {
|
|
8
8
|
"access": "public"
|
|
9
9
|
},
|
|
10
10
|
"repository": "git@github.com:Codecademy/gamut.git",
|
|
11
|
-
"gitHead": "
|
|
11
|
+
"gitHead": "873587dd5513aace45c681f478a5ceb4de320604"
|
|
12
12
|
}
|
|
@@ -107,7 +107,6 @@ export const AriaLabel: Story = {
|
|
|
107
107
|
I am some helpful yet concise text that needs more explanation
|
|
108
108
|
</Text>
|
|
109
109
|
<InfoTip
|
|
110
|
-
{...args}
|
|
111
110
|
alignment="bottom-left"
|
|
112
111
|
ariaLabelledby="custom-info-id"
|
|
113
112
|
info="I am clarifying information related to the concise text."
|
|
@@ -134,7 +134,10 @@ export const InfoTipAutoLabelling: Story = {
|
|
|
134
134
|
>
|
|
135
135
|
<ConnectedFormGroup
|
|
136
136
|
field={{ component: ConnectedInput, type: 'email' }}
|
|
137
|
-
infotip={{
|
|
137
|
+
infotip={{
|
|
138
|
+
info: 'We will never share your email with third parties.',
|
|
139
|
+
placement: 'floating',
|
|
140
|
+
}}
|
|
138
141
|
label="Email address"
|
|
139
142
|
name="email"
|
|
140
143
|
/>
|
|
@@ -160,6 +163,7 @@ export const InfoTipWithReactNodeLabel: Story = {
|
|
|
160
163
|
<ConnectedFormGroup
|
|
161
164
|
field={{ component: ConnectedInput }}
|
|
162
165
|
infotip={{
|
|
166
|
+
alignment: 'top-left',
|
|
163
167
|
info: 'Choose a unique username between 3-20 characters.',
|
|
164
168
|
labelledByFieldLabel: true,
|
|
165
169
|
}}
|
|
@@ -34,7 +34,7 @@ Solo field form should always have their solo input be required. They should aut
|
|
|
34
34
|
|
|
35
35
|
## InfoTips
|
|
36
36
|
|
|
37
|
-
A field can include our existing `InfoTip`. See the <LinkTo id="Molecules/Tips/InfoTip">InfoTip</LinkTo> story for more information on what props are available.
|
|
37
|
+
A field can include our existing `InfoTip`. See the <LinkTo id="Molecules/Tips/InfoTip">Fields</LinkTo> story for specific accessibility tooling and <LinkTo id="Molecules/Tips/InfoTip">InfoTip</LinkTo> story for more information on what props are available.
|
|
38
38
|
|
|
39
39
|
See the <LinkTo id="Atoms/FormInputs/Radio">Radio</LinkTo> story for an example of how to add a infotip to a radio option.
|
|
40
40
|
|