@arbor-education/design-system.components 3.4.1 → 3.4.2
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 +12 -0
- package/dist/components/section/Section.d.ts +4 -2
- package/dist/components/section/Section.d.ts.map +1 -1
- package/dist/components/tabs/Tabs.d.ts +6 -10
- package/dist/components/tabs/Tabs.d.ts.map +1 -1
- package/dist/components/tabs/Tabs.stories.d.ts +1 -10
- package/dist/components/tabs/Tabs.stories.d.ts.map +1 -1
- package/dist/components/tabs/TabsItem.d.ts +4 -2
- package/dist/components/tabs/TabsItem.d.ts.map +1 -1
- package/dist/components/tabs/TabsItem.stories.d.ts +1 -10
- package/dist/components/tabs/TabsItem.stories.d.ts.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/section/Section.tsx +5 -1
- package/src/components/tabs/Tabs.tsx +4 -0
- package/src/components/tabs/TabsItem.tsx +5 -1
- package/src/docs/Contributing.mdx +1 -1
- package/src/docs/UsingComponents.mdx +56 -0
- package/src/index.ts +2 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## 3.4.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#267](https://github.com/arbor-education/design-system.components/pull/267) [`9c42d51`](https://github.com/arbor-education/design-system.components/commit/9c42d515946981148dd73f2b9ae9b653fc0ca598) Thanks [@rickbairstow](https://github.com/rickbairstow)! - MIS-73876 export Section.Props namespace- #267
|
|
8
|
+
|
|
9
|
+
- [#265](https://github.com/arbor-education/design-system.components/pull/265) [`8f15e59`](https://github.com/arbor-education/design-system.components/commit/8f15e59525d3569d7889fba24fb3f2508455e843) Thanks [@rickbairstow](https://github.com/rickbairstow)! - MIS-75092 Document DS class targeting risks
|
|
10
|
+
|
|
11
|
+
- [#268](https://github.com/arbor-education/design-system.components/pull/268) [`caae233`](https://github.com/arbor-education/design-system.components/commit/caae233707cf3d3a7ebdd073b3d65d54af4edb04) Thanks [@rickbairstow](https://github.com/rickbairstow)! - MIS-73784 Export allowedIcons and IconName from DS package root
|
|
12
|
+
|
|
13
|
+
- [#266](https://github.com/arbor-education/design-system.components/pull/266) [`e789acf`](https://github.com/arbor-education/design-system.components/commit/e789acfbdb531ee51f27f2180f8915706ddb5c51) Thanks [@rickbairstow](https://github.com/rickbairstow)! - MIS-73905 Add Tabs/TabsItem prop namespaces
|
|
14
|
+
|
|
3
15
|
## 3.4.1
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -2,7 +2,7 @@ import { type ButtonProps } from '../button/Button.js';
|
|
|
2
2
|
import { type HeadingLevel } from '../heading/Heading.js';
|
|
3
3
|
import type { IconName } from '../icon/allowedIcons.js';
|
|
4
4
|
import { type HTMLAttributes } from 'react';
|
|
5
|
-
type SectionProps = {
|
|
5
|
+
export type SectionProps = {
|
|
6
6
|
title?: string;
|
|
7
7
|
headingLevel?: HeadingLevel;
|
|
8
8
|
titleIconName?: IconName;
|
|
@@ -13,5 +13,7 @@ type SectionProps = {
|
|
|
13
13
|
headerButtonProps?: ButtonProps;
|
|
14
14
|
} & HTMLAttributes<HTMLElement>;
|
|
15
15
|
export declare const Section: (props: SectionProps) => import("react").JSX.Element;
|
|
16
|
-
export {
|
|
16
|
+
export declare namespace Section {
|
|
17
|
+
type Props = SectionProps;
|
|
18
|
+
}
|
|
17
19
|
//# sourceMappingURL=Section.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/section/Section.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGtD,
|
|
1
|
+
{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/components/section/Section.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACpE,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,EAAY,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAGtD,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,yBAAyB,CAAC,EAAE,MAAM,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,WAAW,CAAC;CACjC,GAAG,cAAc,CAAC,WAAW,CAAC,CAAC;AAEhC,eAAO,MAAM,OAAO,GAAI,OAAO,YAAY,gCA0G1C,CAAC;AAEF,yBAAiB,OAAO,CAAC;IACvB,KAAY,KAAK,GAAG,YAAY,CAAC;CAClC"}
|
|
@@ -3,15 +3,11 @@ export declare const Tabs: {
|
|
|
3
3
|
(props: HTMLAttributes<HTMLUListElement> & {
|
|
4
4
|
children: React.ReactNode;
|
|
5
5
|
}): import("react").JSX.Element;
|
|
6
|
-
Item: (props:
|
|
7
|
-
active?: boolean;
|
|
8
|
-
iconName?: import("../icon/allowedIcons.js").IconName;
|
|
9
|
-
} & (({
|
|
10
|
-
tabElement?: "button";
|
|
11
|
-
tabElementProps?: import("react").ButtonHTMLAttributes<HTMLButtonElement>;
|
|
12
|
-
} | {
|
|
13
|
-
tabElement?: "link";
|
|
14
|
-
tabElementProps?: import("react").AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
15
|
-
}) & HTMLAttributes<HTMLLIElement>)) => import("react").JSX.Element;
|
|
6
|
+
Item: (props: import("./TabsItem.js").TabsItemProps) => import("react").JSX.Element;
|
|
16
7
|
};
|
|
8
|
+
export declare namespace Tabs {
|
|
9
|
+
type Props = HTMLAttributes<HTMLUListElement> & {
|
|
10
|
+
children: React.ReactNode;
|
|
11
|
+
};
|
|
12
|
+
}
|
|
17
13
|
//# sourceMappingURL=Tabs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,eAAO,MAAM,IAAI;YAAW,cAAc,CAAC,gBAAgB,CAAC,GAAG;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE
|
|
1
|
+
{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,OAAO,CAAC;AAG5C,eAAO,MAAM,IAAI;YAAW,cAAc,CAAC,gBAAgB,CAAC,GAAG;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE;;CAO3F,CAAC;AAIF,yBAAiB,IAAI,CAAC;IACpB,KAAY,KAAK,GAAG,cAAc,CAAC,gBAAgB,CAAC,GAAG;QAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;KAAE,CAAC;CACtF"}
|
|
@@ -6,16 +6,7 @@ declare const meta: {
|
|
|
6
6
|
(props: import("react").HTMLAttributes<HTMLUListElement> & {
|
|
7
7
|
children: React.ReactNode;
|
|
8
8
|
}): import("react").JSX.Element;
|
|
9
|
-
Item: (props:
|
|
10
|
-
active?: boolean;
|
|
11
|
-
iconName?: import("../icon/allowedIcons.js").IconName;
|
|
12
|
-
} & (({
|
|
13
|
-
tabElement?: "button";
|
|
14
|
-
tabElementProps?: import("react").ButtonHTMLAttributes<HTMLButtonElement>;
|
|
15
|
-
} | {
|
|
16
|
-
tabElement?: "link";
|
|
17
|
-
tabElementProps?: import("react").AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
18
|
-
}) & import("react").HTMLAttributes<HTMLLIElement>)) => import("react").JSX.Element;
|
|
9
|
+
Item: (props: import("./TabsItem.js").TabsItemProps) => import("react").JSX.Element;
|
|
19
10
|
};
|
|
20
11
|
tags: string[];
|
|
21
12
|
parameters: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAuI5D,iBAAS,YAAY,gCAmBpB;AAMD,QAAA,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"Tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAuI5D,iBAAS,YAAY,gCAmBpB;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BmB,CAAC;AAE9B,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAuInC,eAAO,MAAM,OAAO,EAAE,KAuDrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAoDvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA0C1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KA0C1B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,KA8ChC,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { IconName } from '../icon/allowedIcons.js';
|
|
2
2
|
import type { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes } from 'react';
|
|
3
|
-
type TabsItemProps = {
|
|
3
|
+
export type TabsItemProps = {
|
|
4
4
|
active?: boolean;
|
|
5
5
|
iconName?: IconName;
|
|
6
6
|
} & ({
|
|
@@ -11,5 +11,7 @@ type TabsItemProps = {
|
|
|
11
11
|
tabElementProps?: AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
12
12
|
}) & HTMLAttributes<HTMLLIElement>;
|
|
13
13
|
export declare const TabsItem: (props: TabsItemProps) => import("react").JSX.Element;
|
|
14
|
-
export {
|
|
14
|
+
export declare namespace TabsItem {
|
|
15
|
+
type Props = TabsItemProps;
|
|
16
|
+
}
|
|
15
17
|
//# sourceMappingURL=TabsItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/TabsItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAExF,
|
|
1
|
+
{"version":3,"file":"TabsItem.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/TabsItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAE7D,OAAO,KAAK,EAAE,oBAAoB,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAExF,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB,GAAG,CACA;IAAE,UAAU,CAAC,EAAE,QAAQ,CAAC;IAAC,eAAe,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAA;CAAE,GACpF;IAAE,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,eAAe,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAA;CAAE,CACnF,GAAG,cAAc,CAAC,aAAa,CAAC,CAAC;AAEpC,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,gCA4B5C,CAAC;AAEF,yBAAiB,QAAQ,CAAC;IACxB,KAAY,KAAK,GAAG,aAAa,CAAC;CACnC"}
|
|
@@ -3,16 +3,7 @@ import type { IconName } from '../icon/allowedIcons.js';
|
|
|
3
3
|
declare function TabsItemDocsPage(): import("react").JSX.Element;
|
|
4
4
|
declare const meta: {
|
|
5
5
|
title: string;
|
|
6
|
-
component: (props:
|
|
7
|
-
active?: boolean;
|
|
8
|
-
iconName?: IconName;
|
|
9
|
-
} & (({
|
|
10
|
-
tabElement?: "button";
|
|
11
|
-
tabElementProps?: import("react").ButtonHTMLAttributes<HTMLButtonElement>;
|
|
12
|
-
} | {
|
|
13
|
-
tabElement?: "link";
|
|
14
|
-
tabElementProps?: import("react").AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
15
|
-
}) & import("react").HTMLAttributes<HTMLLIElement>)) => import("react").JSX.Element;
|
|
6
|
+
component: (props: import("./TabsItem.js").TabsItemProps) => import("react").JSX.Element;
|
|
16
7
|
tags: string[];
|
|
17
8
|
decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
|
|
18
9
|
active?: boolean | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsItem.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/TabsItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAM7D,iBAAS,gBAAgB,gCAmBxB;AAMD,QAAA,MAAM,IAAI
|
|
1
|
+
{"version":3,"file":"TabsItem.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/TabsItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAW5D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAM7D,iBAAS,gBAAgB,gCAmBxB;AAMD,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgFuB,CAAC;AAElC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ export { AvatarGroup } from './components/avatarGroup/AvatarGroup.js';
|
|
|
5
5
|
export { Badge } from './components/badge/Badge.js';
|
|
6
6
|
export { Banner } from './components/banner/Banner.js';
|
|
7
7
|
export { Breadcrumbs } from './components/breadcrumbs/Breadcrumbs.js';
|
|
8
|
-
export { Button } from './components/button/Button.js';
|
|
8
|
+
export { Button, type ButtonProps, type ButtonVariant, type ButtonSize } from './components/button/Button.js';
|
|
9
9
|
export { Card, type CardProps } from './components/card/Card.js';
|
|
10
10
|
export { Combobox } from './components/combobox/Combobox.js';
|
|
11
11
|
export { DataViewCard, type DataViewCardProps } from './components/dataViewCard/DataViewCard.js';
|
|
@@ -32,6 +32,7 @@ export { TextArea } from './components/formField/inputs/textArea/TextArea.js';
|
|
|
32
32
|
export { TimeInput } from './components/formField/inputs/time/TimeInput.js';
|
|
33
33
|
export { Heading } from './components/heading/Heading.js';
|
|
34
34
|
export { Icon } from './components/icon/Icon.js';
|
|
35
|
+
export { allowedIcons, isIconName, type IconName } from './components/icon/allowedIcons.js';
|
|
35
36
|
export { IconText, type IconTextHeadingProps, type IconTextIconProps, type IconTextParagraphProps, type IconTextProps } from './components/iconText/IconText.js';
|
|
36
37
|
export { KPICard, type KPICardProps } from './components/kpiCard/KPICard.js';
|
|
37
38
|
export { KVPList, type KVPListDefinitionProps, type KVPListProps, type KVPListRowProps, type KVPListTermProps } from './components/kvpList/KVPList.js';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,oCAAoC,CAAC;AACxF,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -32,6 +32,7 @@ export { TextArea } from './components/formField/inputs/textArea/TextArea.js';
|
|
|
32
32
|
export { TimeInput } from './components/formField/inputs/time/TimeInput.js';
|
|
33
33
|
export { Heading } from './components/heading/Heading.js';
|
|
34
34
|
export { Icon } from './components/icon/Icon.js';
|
|
35
|
+
export { allowedIcons, isIconName } from './components/icon/allowedIcons.js';
|
|
35
36
|
export { IconText } from './components/iconText/IconText.js';
|
|
36
37
|
export { KPICard } from './components/kpiCard/KPICard.js';
|
|
37
38
|
export { KVPList } from './components/kvpList/KVPList.js';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAuB,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,WAAW,EAAyB,MAAM,oCAAoC,CAAC;AACxF,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@ import { Icon } from 'Components/icon/Icon';
|
|
|
6
6
|
import { useState, type HTMLAttributes } from 'react';
|
|
7
7
|
import { ENTER_KEY, SPACE_KEY } from 'Utils/keyboardConstants';
|
|
8
8
|
|
|
9
|
-
type SectionProps = {
|
|
9
|
+
export type SectionProps = {
|
|
10
10
|
title?: string;
|
|
11
11
|
headingLevel?: HeadingLevel;
|
|
12
12
|
titleIconName?: IconName;
|
|
@@ -124,3 +124,7 @@ export const Section = (props: SectionProps) => {
|
|
|
124
124
|
</section>
|
|
125
125
|
);
|
|
126
126
|
};
|
|
127
|
+
|
|
128
|
+
export namespace Section {
|
|
129
|
+
export type Props = SectionProps;
|
|
130
|
+
}
|
|
@@ -3,7 +3,7 @@ import type { IconName } from 'Components/icon/allowedIcons';
|
|
|
3
3
|
import { Icon } from 'Components/icon/Icon';
|
|
4
4
|
import type { AnchorHTMLAttributes, ButtonHTMLAttributes, HTMLAttributes } from 'react';
|
|
5
5
|
|
|
6
|
-
type TabsItemProps = {
|
|
6
|
+
export type TabsItemProps = {
|
|
7
7
|
active?: boolean;
|
|
8
8
|
iconName?: IconName;
|
|
9
9
|
} & (
|
|
@@ -40,3 +40,7 @@ export const TabsItem = (props: TabsItemProps) => {
|
|
|
40
40
|
</li>
|
|
41
41
|
);
|
|
42
42
|
};
|
|
43
|
+
|
|
44
|
+
export namespace TabsItem {
|
|
45
|
+
export type Props = TabsItemProps;
|
|
46
|
+
}
|
|
@@ -12,7 +12,7 @@ This guide is for developers working on the design system itself — adding new
|
|
|
12
12
|
|
|
13
13
|
## Design System rules
|
|
14
14
|
|
|
15
|
-
- **Don't override design system styles
|
|
15
|
+
- **Don't override design system styles, use tokens.** If a token or component doesn't fit your case, raise it in #design-system-help rather than patching around it with custom CSS. See <a href="/?path=/docs/getting-started-using-the-components--docs">Styling and Customisation</a> for the detail.
|
|
16
16
|
- **Talk to us before contributing a new component.** It may already exist, or the design may need revisiting first.
|
|
17
17
|
|
|
18
18
|
Questions or contributions go in <a href="https://arbor-education.slack.com/archives/C0BJU1K3HH9" target="_blank" rel="noopener noreferrer">#design-system-help</a>. Full context and the rest of the rules live on <a href="https://orchard.atlassian.net/wiki/spaces/AG/pages/2682749029/Design+System+Start+Here" target="_blank" rel="noopener noreferrer">Design System: Start Here</a>.
|
|
@@ -88,6 +88,62 @@ Not sure which component to reach for? A few tips:
|
|
|
88
88
|
|
|
89
89
|
---
|
|
90
90
|
|
|
91
|
+
## Styling and Customisation
|
|
92
|
+
|
|
93
|
+
Classes beginning with `ds-` are internal structure, not a supported API, so a `ds-` selector in your own stylesheet is a smell. There are two supported ways to change how a component looks, in order of preference.
|
|
94
|
+
|
|
95
|
+
### 1. Design tokens
|
|
96
|
+
|
|
97
|
+
Tokens are the best way to restyle a component. They are CSS custom properties, they ship inside the `dist/index.css` you already import, and they keep styling consistent as design decisions change:
|
|
98
|
+
|
|
99
|
+
```scss
|
|
100
|
+
.chat-panel {
|
|
101
|
+
padding: var(--spacing-large);
|
|
102
|
+
color: var(--color-grey-900);
|
|
103
|
+
background-color: var(--color-mono-white);
|
|
104
|
+
}
|
|
105
|
+
```
|
|
106
|
+
|
|
107
|
+
The full set is the `:root` custom property block in `dist/index.css`. Components also expose their own semantic tokens, such as `--slideover-color-background` and `--slideover-spacing-padding`. Rebinding one of those for a specific context is supported. Rebinding it globally is not, which is covered below.
|
|
108
|
+
|
|
109
|
+
If there is no token for what you need, ask in <a href="https://arbor-education.slack.com/archives/C0BJU1K3HH9" target="_blank" rel="noopener noreferrer">#design-system-help</a> before falling back to a literal value, as it usually means one is worth adding.
|
|
110
|
+
|
|
111
|
+
### 2. The `className` prop
|
|
112
|
+
|
|
113
|
+
Where no token covers it, most components accept a `className` and merge it onto their root element, so custom styles layer on top of the component's own:
|
|
114
|
+
|
|
115
|
+
```tsx
|
|
116
|
+
import { Button } from '@arbor-education/design-system.components';
|
|
117
|
+
|
|
118
|
+
<Button variant="primary" className="chat-panel__submit">
|
|
119
|
+
Send
|
|
120
|
+
</Button>
|
|
121
|
+
```
|
|
122
|
+
|
|
123
|
+
### If you must override, always scope it
|
|
124
|
+
|
|
125
|
+
A rule written against a bare `ds-` class is global. It applies to every instance of that component in the application, including ones well outside the area being worked on:
|
|
126
|
+
|
|
127
|
+
```scss
|
|
128
|
+
/* Don't do this. Unscoped, so every button in the application is affected. */
|
|
129
|
+
.ds-button {
|
|
130
|
+
width: 100%;
|
|
131
|
+
}
|
|
132
|
+
```
|
|
133
|
+
|
|
134
|
+
Anchor the override to a class that belongs to the feature, and keep it to the block class rather than reaching into `__element` internals:
|
|
135
|
+
|
|
136
|
+
```scss
|
|
137
|
+
/* Buttons in the filter drawer are full width to suit its stacked layout. */
|
|
138
|
+
.filter-drawer .ds-button {
|
|
139
|
+
width: 100%;
|
|
140
|
+
}
|
|
141
|
+
```
|
|
142
|
+
|
|
143
|
+
One short comment above the block explaining the constraint is enough, along with a line in the pull request describing why no token or prop covered it.
|
|
144
|
+
|
|
145
|
+
---
|
|
146
|
+
|
|
91
147
|
## Useful links
|
|
92
148
|
|
|
93
149
|
- <a href="https://www.npmjs.com/package/@arbor-education/design-system.components" target="_blank" rel="noopener noreferrer">NPM package</a>
|
package/src/index.ts
CHANGED
|
@@ -5,7 +5,7 @@ export { AvatarGroup } from 'Components/avatarGroup/AvatarGroup';
|
|
|
5
5
|
export { Badge } from 'Components/badge/Badge';
|
|
6
6
|
export { Banner } from 'Components/banner/Banner';
|
|
7
7
|
export { Breadcrumbs } from 'Components/breadcrumbs/Breadcrumbs';
|
|
8
|
-
export { Button } from 'Components/button/Button';
|
|
8
|
+
export { Button, type ButtonProps, type ButtonVariant, type ButtonSize } from 'Components/button/Button';
|
|
9
9
|
export { Card, type CardProps } from 'Components/card/Card';
|
|
10
10
|
export { Combobox } from 'Components/combobox/Combobox';
|
|
11
11
|
export { DataViewCard, type DataViewCardProps } from 'Components/dataViewCard/DataViewCard';
|
|
@@ -41,6 +41,7 @@ export { TextArea } from 'Components/formField/inputs/textArea/TextArea';
|
|
|
41
41
|
export { TimeInput } from 'Components/formField/inputs/time/TimeInput';
|
|
42
42
|
export { Heading } from 'Components/heading/Heading';
|
|
43
43
|
export { Icon } from 'Components/icon/Icon';
|
|
44
|
+
export { allowedIcons, isIconName, type IconName } from 'Components/icon/allowedIcons';
|
|
44
45
|
export { IconText, type IconTextHeadingProps, type IconTextIconProps, type IconTextParagraphProps, type IconTextProps } from 'Components/iconText/IconText';
|
|
45
46
|
export { KPICard, type KPICardProps } from 'Components/kpiCard/KPICard';
|
|
46
47
|
export { KVPList, type KVPListDefinitionProps, type KVPListProps, type KVPListRowProps, type KVPListTermProps } from 'Components/kvpList/KVPList';
|