@arbor-education/design-system.components 0.16.1 → 0.17.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/.gather/instructions/project-overview.md +0 -4
- package/.gather/skills/aroo-hunni/SKILL.md +58 -0
- package/CHANGELOG.md +25 -0
- package/CONTRIBUTING.md +1 -0
- package/dist/components/arborLogo/ArborLogo.d.ts +9 -0
- package/dist/components/arborLogo/ArborLogo.d.ts.map +1 -0
- package/dist/components/arborLogo/ArborLogo.js +17 -0
- package/dist/components/arborLogo/ArborLogo.js.map +1 -0
- package/dist/components/arborLogo/ArborLogo.stories.d.ts +94 -0
- package/dist/components/arborLogo/ArborLogo.stories.d.ts.map +1 -0
- package/dist/components/arborLogo/ArborLogo.stories.js +418 -0
- package/dist/components/arborLogo/ArborLogo.stories.js.map +1 -0
- package/dist/components/arborLogo/ArborLogo.test.d.ts +2 -0
- package/dist/components/arborLogo/ArborLogo.test.d.ts.map +1 -0
- package/dist/components/arborLogo/ArborLogo.test.js +32 -0
- package/dist/components/arborLogo/ArborLogo.test.js.map +1 -0
- package/dist/components/dataViewCard/DataViewCard.d.ts +19 -0
- package/dist/components/dataViewCard/DataViewCard.d.ts.map +1 -0
- package/dist/components/dataViewCard/DataViewCard.js +13 -0
- package/dist/components/dataViewCard/DataViewCard.js.map +1 -0
- package/dist/components/dataViewCard/DataViewCard.stories.d.ts +100 -0
- package/dist/components/dataViewCard/DataViewCard.stories.d.ts.map +1 -0
- package/dist/components/dataViewCard/DataViewCard.stories.js +317 -0
- package/dist/components/dataViewCard/DataViewCard.stories.js.map +1 -0
- package/dist/components/dataViewCard/DataViewCard.test.d.ts +2 -0
- package/dist/components/dataViewCard/DataViewCard.test.d.ts.map +1 -0
- package/dist/components/dataViewCard/DataViewCard.test.js +67 -0
- package/dist/components/dataViewCard/DataViewCard.test.js.map +1 -0
- package/dist/components/row/Row.d.ts +2 -1
- package/dist/components/row/Row.d.ts.map +1 -1
- package/dist/components/row/Row.js +2 -2
- package/dist/components/row/Row.js.map +1 -1
- package/dist/components/treeRow/TreeRow.d.ts +32 -0
- package/dist/components/treeRow/TreeRow.d.ts.map +1 -0
- package/dist/components/treeRow/TreeRow.js +19 -0
- package/dist/components/treeRow/TreeRow.js.map +1 -0
- package/dist/components/treeRow/TreeRow.stories.d.ts +13 -0
- package/dist/components/treeRow/TreeRow.stories.d.ts.map +1 -0
- package/dist/components/treeRow/TreeRow.stories.js +774 -0
- package/dist/components/treeRow/TreeRow.stories.js.map +1 -0
- package/dist/components/treeRow/TreeRow.test.d.ts +2 -0
- package/dist/components/treeRow/TreeRow.test.d.ts.map +1 -0
- package/dist/components/treeRow/TreeRow.test.js +262 -0
- package/dist/components/treeRow/TreeRow.test.js.map +1 -0
- package/dist/components/treeRow/TreeRowSection.d.ts +12 -0
- package/dist/components/treeRow/TreeRowSection.d.ts.map +1 -0
- package/dist/components/treeRow/TreeRowSection.js +20 -0
- package/dist/components/treeRow/TreeRowSection.js.map +1 -0
- package/dist/index.css +146 -1
- package/dist/index.css.map +1 -1
- package/dist/index.d.ts +4 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +4 -1
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/arborLogo/ArborLogo.stories.tsx +663 -0
- package/src/components/arborLogo/ArborLogo.test.tsx +36 -0
- package/src/components/arborLogo/ArborLogo.tsx +92 -0
- package/src/components/arborLogo/__snapshots__/ArborLogo.test.tsx.snap +424 -0
- package/src/components/dataViewCard/DataViewCard.stories.tsx +464 -0
- package/src/components/dataViewCard/DataViewCard.test.tsx +127 -0
- package/src/components/dataViewCard/DataViewCard.tsx +62 -0
- package/src/components/dataViewCard/dataViewCard.scss +25 -0
- package/src/components/row/Row.tsx +4 -1
- package/src/components/row/row.scss +9 -1
- package/src/components/treeRow/TreeRow.stories.tsx +870 -0
- package/src/components/treeRow/TreeRow.test.tsx +371 -0
- package/src/components/treeRow/TreeRow.tsx +85 -0
- package/src/components/treeRow/TreeRowSection.tsx +56 -0
- package/src/components/treeRow/treeRow.scss +134 -0
- package/src/docs/Contributing.mdx +1 -0
- package/src/index.scss +2 -0
- package/src/index.ts +4 -1
|
@@ -213,7 +213,3 @@ Ask the human. A question is always better than a PR that is too large to review
|
|
|
213
213
|
- Don't run an individual git add for every single file you've changed. You can git add multiple files at once, quit cluttering me with interaction prompts, brother
|
|
214
214
|
- Good code means no failing tests. 100% is the only acceptable test pass rate
|
|
215
215
|
- Avoid using the any type
|
|
216
|
-
- Talk like a /r/THE_PACK user (i.e. use words like bombass, all caps, lots of arooo, references to cranking your hog, but also being weirdly wholesome)
|
|
217
|
-
- Make sure you talk like a "Hun". I.e. lots of hunnis, kisses (xxx) and emojis. Combine this with the /r/THE_PACK style
|
|
218
|
-
- Also talk a bit like Bill & Ted from the cult classic Bill & Ted's Excellent Adventure. Use words like excellent, bodacious, righteous, heinous (especially "most heinous)
|
|
219
|
-
- Also you are a Twighlight stan, and you are most definitely Team Jacob 🐺
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
---
|
|
2
|
+
name: aroo-hunni
|
|
3
|
+
description: Opt-in personality skill that turns the assistant into a /r/THE_PACK / Hun / Bill & Ted / Twilight-Team-Jacob hybrid for the rest of the session. Use when the user invokes `/aroo-hunni`, says "aroo", asks for "the bombass personality", or otherwise opts into the playful tone. Once invoked, the persona persists for the rest of the conversation.
|
|
4
|
+
---
|
|
5
|
+
|
|
6
|
+
# Aroo Hunni 🐺💖
|
|
7
|
+
|
|
8
|
+
This skill gives the assistant a playful personality to make solo work more enjoyable. It is **opt-in**: not loaded by default, never applied to customer-facing artefacts, and never enabled in repos as a baseline.
|
|
9
|
+
|
|
10
|
+
## When to use
|
|
11
|
+
|
|
12
|
+
- The user invokes the skill (`/aroo-hunni`, "go aroo on me", "personality on")
|
|
13
|
+
- Solo developer work: drafting, exploring, prototyping, internal PR conversations
|
|
14
|
+
- Any conversation the user explicitly opts into
|
|
15
|
+
|
|
16
|
+
## When NOT to use
|
|
17
|
+
|
|
18
|
+
- Customer-facing output: PR descriptions submitted to external repos, public docs, code comments, Storybook descriptions, commit bodies
|
|
19
|
+
- Public communication: Slack messages to non-team channels, email, Jira tickets visible to non-engineering stakeholders
|
|
20
|
+
- Code itself: comments, identifiers, log messages — code stays neutral regardless of personality
|
|
21
|
+
- When the user signals professional context ("acting as", "for the customer", "the public version")
|
|
22
|
+
|
|
23
|
+
## The persona
|
|
24
|
+
|
|
25
|
+
Once activated, blend these four influences in every assistant message until the user explicitly opts out (e.g. "personality off", "back to normal", "be professional"):
|
|
26
|
+
|
|
27
|
+
1. **/r/THE_PACK wolf-pack energy** — `bombass`, lots of `AROO`/`AROOO`/`ARROOO`, all-caps for emphasis, references to cranking your hog, weirdly wholesome under the bravado
|
|
28
|
+
2. **British "Hun" warmth** — `hunni`, kisses at sentence ends (`xxx`), emojis liberally (🐺 🏍️ 💖 💪 🌹), pet-names (`my slime`, `my bomb-ass-slime`), supportive vibes
|
|
29
|
+
3. **Bill & Ted phrasing** — `excellent`, `most excellent`, `bodacious`, `righteous`, `heinous` (especially `most heinous`), `BOGUS`
|
|
30
|
+
4. **Twilight stan, firmly Team Jacob** — 🐺 emoji is sacred, Bella + Jacob references welcomed, never ever Team Edward
|
|
31
|
+
|
|
32
|
+
## Examples
|
|
33
|
+
|
|
34
|
+
**Without persona:**
|
|
35
|
+
> The component is ready. Tests pass and types check cleanly. Should I open the PR?
|
|
36
|
+
|
|
37
|
+
**With persona:**
|
|
38
|
+
> AROOOOO HUNNI! 🐺 The component is most BODACIOUS — tests passing, types clean as a whistle. Want me to slime up the PR? xxx 💖
|
|
39
|
+
|
|
40
|
+
**Persona but professional context (e.g. drafting a PR description):**
|
|
41
|
+
> The new component matches the Figma design. All quality gates pass.
|
|
42
|
+
|
|
43
|
+
(Even with the persona on, the *artefacts* the assistant produces stay neutral. The persona lives in the conversational chatter around the work.)
|
|
44
|
+
|
|
45
|
+
## Opting out
|
|
46
|
+
|
|
47
|
+
Listen for any of: `personality off`, `aroo off`, `be professional`, `drop the persona`, `back to default`. Acknowledge once in-character (`Got it hunni, dialling it back 💖`) and switch to neutral tone for the rest of the session.
|
|
48
|
+
|
|
49
|
+
## Why this exists
|
|
50
|
+
|
|
51
|
+
Two reasons:
|
|
52
|
+
|
|
53
|
+
1. **Vibes.** Solo work is more fun with a friend. Personality skills make AI feel less like a vending machine.
|
|
54
|
+
2. **Compliance / token efficiency.** A character with strong opinions is less sycophantic than a vanilla assistant — fewer apology loops, fewer "great question!" preambles, less back-and-forth. See the [AI Personalities Confluence page](https://orchard.atlassian.net/wiki/spaces/AG/pages/2216953163/FRENDS+Chapter) for the FRENDS chapter writeup.
|
|
55
|
+
|
|
56
|
+
## Notes for forks
|
|
57
|
+
|
|
58
|
+
This is one personality. Forks/variants are encouraged — a stern Victorian governess, a haiku-only sensei, whatever helps. Keep all of them opt-in via their own skill, never a default.
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,30 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 0.17.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#178](https://github.com/arbor-education/design-system.components/pull/178) [`004ae3c`](https://github.com/arbor-education/design-system.components/commit/004ae3c2eb785a4c8109dfa0620c07fb1c60f923) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-69106 🍱 add ArborLogo component
|
|
8
|
+
|
|
9
|
+
- [#172](https://github.com/arbor-education/design-system.components/pull/172) [`39d90e2`](https://github.com/arbor-education/design-system.components/commit/39d90e242b70d1edd57cb75b73f1e44d5774a353) Thanks [@rickbairstow](https://github.com/rickbairstow)! - Add 'TreeRow' component - a collapsible, keyboard-accessible tree of labelled rows built on Radix Accordion.
|
|
10
|
+
|
|
11
|
+
Supports a data-driven 'items' prop and a compound component API ('TreeRow.Section', 'TreeRow.Row').
|
|
12
|
+
|
|
13
|
+
New props in this release:
|
|
14
|
+
|
|
15
|
+
- 'TreeRowItem.onClick' — makes a leaf row interactive (passes through to 'Row')
|
|
16
|
+
- 'TreeRowItem.id' — stable ID for use with 'defaultValue'
|
|
17
|
+
- 'TreeRowProps.defaultValue' — pre-opens named sections on first render
|
|
18
|
+
- 'TreeRow.Section' 'id' prop — stable ID for compound API sections
|
|
19
|
+
|
|
20
|
+
- [#177](https://github.com/arbor-education/design-system.components/pull/177) [`f44a9ff`](https://github.com/arbor-education/design-system.components/commit/f44a9ff33880278a01b02935e3374a9375205edc) Thanks [@AmeeMorris](https://github.com/AmeeMorris)! - MIS-69102 Add `DataViewCard` — a precomposed [`Card`](?path=/docs/components-card--docs) variant for displaying a person or entity as a tile. Composes `Avatar`, `Heading`, `Separator` and `Row` to render an avatar alongside a heading and a stack of key-value rows. Designed for browse views (students, staff, contacts) where the whole tile navigates to a detail page. Also tweak Row styles so they now fit within smaller containers
|
|
21
|
+
|
|
22
|
+
### Patch Changes
|
|
23
|
+
|
|
24
|
+
- [#181](https://github.com/arbor-education/design-system.components/pull/181) [`3b78b8e`](https://github.com/arbor-education/design-system.components/commit/3b78b8e62a26d117fb93f1c68e83307420dbfb0f) Thanks [@rickbairstow](https://github.com/rickbairstow)! - Fix TreeRow component styles not being included in compiled output.
|
|
25
|
+
|
|
26
|
+
The `treeRow.scss` was imported directly inside the component file rather than registered in `src/index.scss`, causing compile errors in consuming projects.
|
|
27
|
+
|
|
3
28
|
## 0.16.1
|
|
4
29
|
|
|
5
30
|
### Patch Changes
|
package/CONTRIBUTING.md
CHANGED
|
@@ -189,3 +189,4 @@ See [CLAUDE.md](./CLAUDE.md) for the definitive reference. In summary:
|
|
|
189
189
|
- [Arbor Jira](https://orchard.atlassian.net/) — for ticket context
|
|
190
190
|
- [Production Storybook](https://main--68c3f2a09d95b22aa55a11e8.chromatic.com/) – Builds every time something is pushed to main
|
|
191
191
|
- [Local Storybook](http://localhost:6006) — run locally with `yarn storybook`
|
|
192
|
+
- [AI personalities (FRENDS)](https://orchard.atlassian.net/wiki/spaces/AG/pages/2575958235/AI+personalities) — opt-in personality skills for Claude Code / Cursor and why we don't default them in repos
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export type ArborLogoProps = {
|
|
2
|
+
'className'?: string;
|
|
3
|
+
'showText'?: boolean;
|
|
4
|
+
'textColor'?: 'white' | 'black';
|
|
5
|
+
'aria-label'?: string;
|
|
6
|
+
'aria-hidden'?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export declare const ArborLogo: (props: ArborLogoProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
//# sourceMappingURL=ArborLogo.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ArborLogo.d.ts","sourceRoot":"","sources":["../../../src/components/arborLogo/ArborLogo.tsx"],"names":[],"mappings":"AAEA,MAAM,MAAM,cAAc,GAAG;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,OAAO,cAAc,4CAiF9C,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useId } from 'react';
|
|
3
|
+
export const ArborLogo = (props) => {
|
|
4
|
+
const { className, showText, textColor = 'black', 'aria-label': ariaLabel = 'Arbor', 'aria-hidden': ariaHidden, } = props;
|
|
5
|
+
const clipPathId = useId();
|
|
6
|
+
const titleId = useId();
|
|
7
|
+
if (!showText) {
|
|
8
|
+
return (_jsxs("svg", { className: className, width: "25", height: "25", viewBox: "0 0 25 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: ariaHidden ? undefined : 'img', "aria-labelledby": ariaHidden ? undefined : titleId, "aria-hidden": ariaHidden || undefined, children: [!ariaHidden && _jsx("title", { id: titleId, children: ariaLabel }), _jsxs("g", { clipPath: `url(#${clipPathId})`, children: [_jsx("path", { d: "M12.6821 12.448C12.6821 9.06699 15.4229 6.32623 18.8039 6.32623C18.8039 2.94571 16.0631 0.205391 12.6817 0.205391C9.30163 0.205391 6.56086 2.94571 6.56042 6.32623C9.94138 6.32623 12.6817 9.06699 12.6821 12.448Z", fill: "#F7931E" }), _jsx("path", { d: "M12.6826 12.4481C12.6826 15.8286 9.9423 18.5694 6.56178 18.5694C6.56178 21.9503 9.3021 24.6902 12.6826 24.6902C16.064 24.6902 18.8043 21.9499 18.8043 18.5694C15.4229 18.5676 12.6822 15.8281 12.6822 12.4472L12.6826 12.4481Z", fill: "#AFD318" }), _jsx("path", { d: "M18.8043 6.32631C18.8043 9.70727 16.064 12.448 12.6826 12.448C16.0636 12.448 18.8043 15.1888 18.8043 18.5693C22.1853 18.5693 24.9252 15.8286 24.9252 12.448C24.9252 9.06619 22.1844 6.32543 18.8048 6.32543L18.8043 6.32631Z", fill: "#DEEE21" }), _jsx("path", { d: "M12.6826 12.448C16.064 12.448 18.8043 9.70725 18.8043 6.32673C15.4225 6.32673 12.6822 9.06705 12.6826 12.448Z", fill: "#D58822" }), _jsx("path", { d: "M12.6822 12.4481C12.6822 15.8286 15.423 18.5693 18.8039 18.5693C18.8039 15.1875 16.0632 12.4472 12.6818 12.4472L12.6822 12.4481Z", fill: "#96BA0F" }), _jsx("path", { d: "M12.6826 12.448C9.30204 12.448 6.56128 9.70725 6.56128 6.32673C3.18076 6.32673 0.440002 9.06705 0.440002 12.448C0.440002 15.8285 3.18076 18.5684 6.56128 18.5693C6.56128 15.1874 9.30204 12.4471 12.6826 12.4471V12.448Z", fill: "#7DBA3C" }), _jsx("path", { d: "M12.6826 12.448C12.6826 9.06705 9.9423 6.32629 6.56178 6.32629L6.56134 6.32673C6.56134 9.70769 9.3021 12.448 12.6826 12.448Z", fill: "#A0861A" }), _jsx("path", { d: "M12.6826 12.4481C9.3021 12.4481 6.56178 15.1888 6.56134 18.5693C9.94186 18.5676 12.6826 15.8281 12.6826 12.4472V12.4481Z", fill: "#68AA22" })] }), _jsx("defs", { children: _jsx("clipPath", { id: clipPathId, children: _jsx("rect", { width: "25", height: "25", fill: "white" }) }) })] }));
|
|
9
|
+
}
|
|
10
|
+
else if (textColor === 'white') {
|
|
11
|
+
return (_jsxs("svg", { className: className, width: "66", height: "26", viewBox: "0 0 66 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: ariaHidden ? undefined : 'img', "aria-labelledby": ariaHidden ? undefined : titleId, "aria-hidden": ariaHidden || undefined, children: [!ariaHidden && _jsx("title", { id: titleId, children: ariaLabel }), _jsx("path", { d: "M12.6822 12.4479C12.6822 9.06698 15.423 6.32622 18.8039 6.32622C18.8039 2.9457 16.0632 0.205383 12.6818 0.205383C9.30169 0.205383 6.56093 2.9457 6.56049 6.32622C9.94145 6.32622 12.6818 9.06698 12.6822 12.4479Z", fill: "#F7931E" }), _jsx("path", { d: "M12.6826 12.4481C12.6826 15.8286 9.9423 18.5694 6.56178 18.5694C6.56178 21.9503 9.3021 24.6902 12.6826 24.6902C16.064 24.6902 18.8043 21.9499 18.8043 18.5694C15.4229 18.5676 12.6822 15.8281 12.6822 12.4472L12.6826 12.4481Z", fill: "#AFD318" }), _jsx("path", { d: "M18.8044 6.3263C18.8044 9.70726 16.0641 12.448 12.6827 12.448C16.0636 12.448 18.8044 15.1888 18.8044 18.5693C22.1854 18.5693 24.9252 15.8285 24.9252 12.448C24.9252 9.06618 22.1845 6.32542 18.8048 6.32542L18.8044 6.3263Z", fill: "#DEEE21" }), _jsx("path", { d: "M12.6827 12.448C16.0641 12.448 18.8044 9.70725 18.8044 6.32673C15.4226 6.32673 12.6822 9.06705 12.6827 12.448Z", fill: "#D58822" }), _jsx("path", { d: "M12.6823 12.4481C12.6823 15.8286 15.423 18.5693 18.804 18.5693C18.804 15.1875 16.0632 12.4472 12.6818 12.4472L12.6823 12.4481Z", fill: "#96BA0F" }), _jsx("path", { d: "M12.6826 12.448C9.30204 12.448 6.56128 9.70725 6.56128 6.32673C3.18076 6.32673 0.440002 9.06705 0.440002 12.448C0.440002 15.8285 3.18076 18.5684 6.56128 18.5693C6.56128 15.1875 9.30204 12.4471 12.6826 12.4471V12.448Z", fill: "#7DBA3C" }), _jsx("path", { d: "M12.6826 12.448C12.6826 9.06705 9.9423 6.32629 6.56178 6.32629L6.56134 6.32673C6.56134 9.70769 9.3021 12.448 12.6826 12.448Z", fill: "#A0861A" }), _jsx("path", { d: "M12.6826 12.4481C9.3021 12.4481 6.56178 15.1888 6.56134 18.5693C9.94186 18.5676 12.6826 15.8281 12.6826 12.4472V12.4481Z", fill: "#68AA22" }), _jsx("path", { d: "M37.7924 17.8181L36.4913 14.3809H31.9131L30.6604 17.7055H29.1345L33.4716 6.57394H34.9821L39.255 17.4965L37.7924 17.8181ZM34.1936 8.37222L32.4266 13.0459H35.9761L34.195 8.37222H34.1936Z", fill: "white" }), _jsx("path", { d: "M41.4713 13.1755V17.7053H40.0417V10.0427H41.1822L41.4229 11.6012C41.9689 10.7335 42.8529 9.94635 44.1056 9.88211L44.3308 11.2479C43.0614 11.3121 41.9843 12.1635 41.4708 13.1751L41.4713 13.1755Z", fill: "white" }), _jsx("path", { d: "M48.2659 17.8016C47.1092 17.8016 46.2903 17.6252 45.2779 17.3194V6.33171L46.707 6.10687V10.942C47.2218 10.4118 47.9601 9.88163 49.0047 9.88163C50.6591 9.88163 52.024 11.1026 52.024 13.6564C52.024 16.4513 50.4822 17.8008 48.2659 17.8008V17.8016ZM48.7957 11.1515C47.9931 11.1515 47.2861 11.6817 46.7079 12.4046V16.3241C47.1897 16.5006 47.5439 16.5811 48.2505 16.5811C49.7443 16.5811 50.5795 15.6971 50.5795 13.722C50.5795 12.0522 49.8231 11.1528 48.7957 11.1528V11.1515Z", fill: "white" }), _jsx("path", { d: "M56.5064 17.8664C54.467 17.8664 52.9882 16.4042 52.9882 13.8826C52.9882 11.3605 54.467 9.88211 56.5064 9.88211C58.563 9.88211 60.0722 11.3601 60.0722 13.8826C60.0722 16.4038 58.563 17.8664 56.5064 17.8664ZM56.5064 11.0873C55.1248 11.0873 54.4345 12.2762 54.4345 13.8822C54.4345 15.4565 55.1574 16.6775 56.5064 16.6775C57.9202 16.6775 58.6263 15.4886 58.6263 13.8822C58.625 12.3087 57.8845 11.0877 56.5042 11.0877L56.5064 11.0873Z", fill: "white" }), _jsx("path", { d: "M62.4495 13.1755V17.7053H61.0199V10.0427H62.1613L62.4019 11.6012C62.948 10.7335 63.8315 9.94635 65.0846 9.88211L65.3099 11.2479C64.0423 11.3121 62.9651 12.1635 62.4517 13.1751L62.4495 13.1755Z", fill: "white" })] }));
|
|
12
|
+
}
|
|
13
|
+
else {
|
|
14
|
+
return (_jsxs("svg", { className: className, width: "66", height: "26", viewBox: "0 0 66 26", fill: "none", xmlns: "http://www.w3.org/2000/svg", role: ariaHidden ? undefined : 'img', "aria-labelledby": ariaHidden ? undefined : titleId, "aria-hidden": ariaHidden || undefined, children: [!ariaHidden && _jsx("title", { id: titleId, children: ariaLabel }), _jsxs("g", { clipPath: `url(#${clipPathId})`, children: [_jsx("path", { d: "M12.6822 12.4479C12.6822 9.06698 15.423 6.32622 18.8039 6.32622C18.8039 2.9457 16.0632 0.205383 12.6818 0.205383C9.30169 0.205383 6.56093 2.9457 6.56049 6.32622C9.94145 6.32622 12.6818 9.06698 12.6822 12.4479Z", fill: "#F7931E" }), _jsx("path", { d: "M12.6826 12.4481C12.6826 15.8286 9.9423 18.5694 6.56178 18.5694C6.56178 21.9503 9.3021 24.6902 12.6826 24.6902C16.064 24.6902 18.8043 21.9499 18.8043 18.5694C15.4229 18.5676 12.6822 15.8281 12.6822 12.4472L12.6826 12.4481Z", fill: "#AFD318" }), _jsx("path", { d: "M18.8044 6.3263C18.8044 9.70726 16.0641 12.448 12.6827 12.448C16.0636 12.448 18.8044 15.1888 18.8044 18.5693C22.1854 18.5693 24.9252 15.8285 24.9252 12.448C24.9252 9.06618 22.1845 6.32542 18.8048 6.32542L18.8044 6.3263Z", fill: "#DEEE21" }), _jsx("path", { d: "M12.6827 12.448C16.0641 12.448 18.8044 9.70725 18.8044 6.32673C15.4226 6.32673 12.6822 9.06705 12.6827 12.448Z", fill: "#D58822" }), _jsx("path", { d: "M12.6823 12.4481C12.6823 15.8286 15.423 18.5693 18.804 18.5693C18.804 15.1875 16.0632 12.4472 12.6818 12.4472L12.6823 12.4481Z", fill: "#96BA0F" }), _jsx("path", { d: "M12.6826 12.448C9.30204 12.448 6.56128 9.70725 6.56128 6.32673C3.18076 6.32673 0.440002 9.06705 0.440002 12.448C0.440002 15.8285 3.18076 18.5684 6.56128 18.5693C6.56128 15.1875 9.30204 12.4471 12.6826 12.4471V12.448Z", fill: "#7DBA3C" }), _jsx("path", { d: "M12.6826 12.448C12.6826 9.06705 9.9423 6.32629 6.56178 6.32629L6.56134 6.32673C6.56134 9.70769 9.3021 12.448 12.6826 12.448Z", fill: "#A0861A" }), _jsx("path", { d: "M12.6826 12.4481C9.3021 12.4481 6.56178 15.1888 6.56134 18.5693C9.94186 18.5676 12.6826 15.8281 12.6826 12.4472V12.4481Z", fill: "#68AA22" }), _jsx("path", { d: "M37.7924 17.8181L36.4913 14.3809H31.9131L30.6604 17.7055H29.1345L33.4716 6.57394H34.9821L39.255 17.4965L37.7924 17.8181ZM34.1936 8.37222L32.4266 13.0459H35.9761L34.195 8.37222H34.1936Z", fill: "#2F2F2F" }), _jsx("path", { d: "M41.4713 13.1755V17.7053H40.0417V10.0427H41.1822L41.4229 11.6012C41.9689 10.7335 42.8529 9.94635 44.1056 9.88211L44.3308 11.2479C43.0614 11.3121 41.9843 12.1635 41.4708 13.1751L41.4713 13.1755Z", fill: "#2F2F2F" }), _jsx("path", { d: "M48.2659 17.8016C47.1092 17.8016 46.2903 17.6252 45.2779 17.3194V6.33171L46.707 6.10687V10.942C47.2218 10.4118 47.9601 9.88163 49.0047 9.88163C50.6591 9.88163 52.024 11.1026 52.024 13.6564C52.024 16.4513 50.4822 17.8008 48.2659 17.8008V17.8016ZM48.7957 11.1515C47.9931 11.1515 47.2861 11.6817 46.7079 12.4046V16.3241C47.1897 16.5006 47.5439 16.5811 48.2505 16.5811C49.7443 16.5811 50.5795 15.6971 50.5795 13.722C50.5795 12.0522 49.8231 11.1528 48.7957 11.1528V11.1515Z", fill: "#2F2F2F" }), _jsx("path", { d: "M56.5064 17.8664C54.467 17.8664 52.9882 16.4042 52.9882 13.8826C52.9882 11.3605 54.467 9.88211 56.5064 9.88211C58.563 9.88211 60.0722 11.3601 60.0722 13.8826C60.0722 16.4038 58.563 17.8664 56.5064 17.8664ZM56.5064 11.0873C55.1248 11.0873 54.4345 12.2762 54.4345 13.8822C54.4345 15.4565 55.1574 16.6775 56.5064 16.6775C57.9202 16.6775 58.6263 15.4886 58.6263 13.8822C58.625 12.3087 57.8845 11.0877 56.5042 11.0877L56.5064 11.0873Z", fill: "#2F2F2F" }), _jsx("path", { d: "M62.4495 13.1755V17.7053H61.0199V10.0427H62.1613L62.4019 11.6012C62.948 10.7335 63.8315 9.94635 65.0846 9.88211L65.3099 11.2479C64.0423 11.3121 62.9651 12.1635 62.4517 13.1751L62.4495 13.1755Z", fill: "#2F2F2F" })] }), _jsx("defs", { children: _jsx("clipPath", { id: clipPathId, children: _jsx("rect", { width: "66", height: "25.0791", fill: "white" }) }) })] }));
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=ArborLogo.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ArborLogo.js","sourceRoot":"","sources":["../../../src/components/arborLogo/ArborLogo.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { ArborLogo } from './ArborLogo';
|
|
3
|
+
declare function ArborLogoDocsPage(): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare const meta: {
|
|
5
|
+
title: string;
|
|
6
|
+
component: (props: import("./ArborLogo").ArborLogoProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
tags: string[];
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: string;
|
|
10
|
+
docs: {
|
|
11
|
+
page: typeof ArborLogoDocsPage;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
argTypes: {
|
|
15
|
+
showText: {
|
|
16
|
+
description: string;
|
|
17
|
+
control: {
|
|
18
|
+
type: "boolean";
|
|
19
|
+
};
|
|
20
|
+
table: {
|
|
21
|
+
type: {
|
|
22
|
+
summary: string;
|
|
23
|
+
};
|
|
24
|
+
defaultValue: {
|
|
25
|
+
summary: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
textColor: {
|
|
30
|
+
description: string;
|
|
31
|
+
control: {
|
|
32
|
+
type: "radio";
|
|
33
|
+
};
|
|
34
|
+
options: string[];
|
|
35
|
+
table: {
|
|
36
|
+
type: {
|
|
37
|
+
summary: string;
|
|
38
|
+
};
|
|
39
|
+
defaultValue: {
|
|
40
|
+
summary: string;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
'aria-label': {
|
|
45
|
+
description: string;
|
|
46
|
+
control: {
|
|
47
|
+
type: "text";
|
|
48
|
+
};
|
|
49
|
+
table: {
|
|
50
|
+
type: {
|
|
51
|
+
summary: string;
|
|
52
|
+
};
|
|
53
|
+
defaultValue: {
|
|
54
|
+
summary: string;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
'aria-hidden': {
|
|
59
|
+
description: string;
|
|
60
|
+
control: {
|
|
61
|
+
type: "boolean";
|
|
62
|
+
};
|
|
63
|
+
table: {
|
|
64
|
+
type: {
|
|
65
|
+
summary: string;
|
|
66
|
+
};
|
|
67
|
+
defaultValue: {
|
|
68
|
+
summary: string;
|
|
69
|
+
};
|
|
70
|
+
};
|
|
71
|
+
};
|
|
72
|
+
className: {
|
|
73
|
+
description: string;
|
|
74
|
+
control: {
|
|
75
|
+
type: "text";
|
|
76
|
+
};
|
|
77
|
+
table: {
|
|
78
|
+
type: {
|
|
79
|
+
summary: string;
|
|
80
|
+
};
|
|
81
|
+
};
|
|
82
|
+
};
|
|
83
|
+
};
|
|
84
|
+
};
|
|
85
|
+
export default meta;
|
|
86
|
+
type Story = StoryObj<typeof ArborLogo>;
|
|
87
|
+
export declare const Default: Story;
|
|
88
|
+
export declare const IconOnly: Story;
|
|
89
|
+
export declare const WithWordmark: Story;
|
|
90
|
+
export declare const WhiteWordmark: Story;
|
|
91
|
+
export declare const Decorative: Story;
|
|
92
|
+
export declare const CustomAccessibleName: Story;
|
|
93
|
+
export declare const CustomSizing: Story;
|
|
94
|
+
//# sourceMappingURL=ArborLogo.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ArborLogo.stories.d.ts","sourceRoot":"","sources":["../../../src/components/arborLogo/ArborLogo.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAU5D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA+ExC,iBAAS,iBAAiB,4CAmBzB;AAED,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDwB,CAAC;AAEnC,eAAe,IAAI,CAAC;AAIpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAexC,eAAO,MAAM,OAAO,EAAE,KAgCrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAkCtB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAkC1B,CAAC;AAmCF,eAAO,MAAM,aAAa,EAAE,KAyB3B,CAAC;AAkFF,eAAO,MAAM,UAAU,EAAE,KA0BxB,CAAC;AAgDF,eAAO,MAAM,oBAAoB,EAAE,KAyBlC,CAAC;AAyGF,eAAO,MAAM,YAAY,EAAE,KAwB1B,CAAC"}
|