@ltht-react/description-list 2.0.193 → 2.0.194

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/README.md CHANGED
@@ -1,15 +1,15 @@
1
- # DescriptionList
2
-
3
- <!-- STORY -->
4
-
5
- ### Import
6
-
7
- ```js
8
- import DescriptionList from '@ltht-react/description-list'
9
- ```
10
-
11
- ### Usage
12
-
13
- ```jsx
14
- <DescriptionList />
15
- ```
1
+ # DescriptionList
2
+
3
+ <!-- STORY -->
4
+
5
+ ### Import
6
+
7
+ ```js
8
+ import DescriptionList from '@ltht-react/description-list'
9
+ ```
10
+
11
+ ### Usage
12
+
13
+ ```jsx
14
+ <DescriptionList />
15
+ ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ltht-react/description-list",
3
- "version": "2.0.193",
3
+ "version": "2.0.194",
4
4
  "description": "ltht-react DescriptionList component.",
5
5
  "author": "LTHT",
6
6
  "homepage": "",
@@ -28,11 +28,11 @@
28
28
  "dependencies": {
29
29
  "@emotion/react": "^11.0.0",
30
30
  "@emotion/styled": "^11.0.0",
31
- "@ltht-react/styles": "^2.0.193",
32
- "@ltht-react/types": "^2.0.193",
33
- "@ltht-react/utils": "^2.0.193",
31
+ "@ltht-react/styles": "^2.0.194",
32
+ "@ltht-react/types": "^2.0.194",
33
+ "@ltht-react/utils": "^2.0.194",
34
34
  "classnames": "^2.2.6",
35
35
  "react": "^18.2.0"
36
36
  },
37
- "gitHead": "ce3fd03cc65353e177ca647dbb2b285a021ca387"
37
+ "gitHead": "2eb4b88fa2bc19baa1be9433dbe29fe1a947dc62"
38
38
  }
@@ -1,21 +1,21 @@
1
- import { HTMLAttributes, FC } from 'react'
2
- import classNames from 'classnames'
3
- import styled from '@emotion/styled'
4
- import { TEXT_COLOURS } from '@ltht-react/styles'
5
-
6
- const StyledDescription = styled.dd`
7
- color: ${TEXT_COLOURS.SECONDARY};
8
- margin-left: 0;
9
- `
10
-
11
- const Description: FC<Props> = ({ children, classes, ...rest }) => (
12
- <StyledDescription className={classNames('description-list__description', classes)} {...rest}>
13
- {children}
14
- </StyledDescription>
15
- )
16
-
17
- export interface Props extends HTMLAttributes<HTMLElement> {
18
- classes?: string
19
- }
20
-
21
- export default Description
1
+ import { HTMLAttributes, FC } from 'react'
2
+ import classNames from 'classnames'
3
+ import styled from '@emotion/styled'
4
+ import { TEXT_COLOURS } from '@ltht-react/styles'
5
+
6
+ const StyledDescription = styled.dd`
7
+ color: ${TEXT_COLOURS.SECONDARY};
8
+ margin-left: 0;
9
+ `
10
+
11
+ const Description: FC<Props> = ({ children, classes, ...rest }) => (
12
+ <StyledDescription className={classNames('description-list__description', classes)} {...rest}>
13
+ {children}
14
+ </StyledDescription>
15
+ )
16
+
17
+ export interface Props extends HTMLAttributes<HTMLElement> {
18
+ classes?: string
19
+ }
20
+
21
+ export default Description
@@ -1,21 +1,21 @@
1
- import { HTMLAttributes, FC } from 'react'
2
- import classNames from 'classnames'
3
- import styled from '@emotion/styled'
4
- import { TEXT_COLOURS } from '@ltht-react/styles'
5
-
6
- const StyledDescriptionTerm = styled.dt`
7
- color: ${TEXT_COLOURS.SECONDARY.LIGHTER25};
8
- margin-bottom: 0.25rem;
9
- `
10
-
11
- const Term: FC<Props> = ({ children, classes, ...rest }) => (
12
- <StyledDescriptionTerm className={classNames('description-list__term', classes)} {...rest}>
13
- {children}
14
- </StyledDescriptionTerm>
15
- )
16
-
17
- export interface Props extends HTMLAttributes<HTMLElement> {
18
- classes?: string
19
- }
20
-
21
- export default Term
1
+ import { HTMLAttributes, FC } from 'react'
2
+ import classNames from 'classnames'
3
+ import styled from '@emotion/styled'
4
+ import { TEXT_COLOURS } from '@ltht-react/styles'
5
+
6
+ const StyledDescriptionTerm = styled.dt`
7
+ color: ${TEXT_COLOURS.SECONDARY.LIGHTER25};
8
+ margin-bottom: 0.25rem;
9
+ `
10
+
11
+ const Term: FC<Props> = ({ children, classes, ...rest }) => (
12
+ <StyledDescriptionTerm className={classNames('description-list__term', classes)} {...rest}>
13
+ {children}
14
+ </StyledDescriptionTerm>
15
+ )
16
+
17
+ export interface Props extends HTMLAttributes<HTMLElement> {
18
+ classes?: string
19
+ }
20
+
21
+ export default Term
package/src/index.tsx CHANGED
@@ -1,36 +1,36 @@
1
- import { FC, HTMLAttributes } from 'react'
2
- import classNames from 'classnames'
3
- import styled from '@emotion/styled'
4
-
5
- import Term, { Props as TermProps } from './atoms/term'
6
- import Description, { Props as DescriptionProps } from './atoms/description'
7
-
8
- const StyledDescriptionList = styled.dl`
9
- list-style: none;
10
- margin-top: 1rem;
11
- margin-bottom: 0;
12
-
13
- &:first-of-type {
14
- margin-top: 0;
15
- }
16
- `
17
-
18
- const DescriptionList: FC<DescriptionListProps> & DescriptionListComposition = ({ classes, children, ...rest }) => (
19
- <StyledDescriptionList className={classNames('description-list', classes)} {...rest}>
20
- {children}
21
- </StyledDescriptionList>
22
- )
23
-
24
- DescriptionList.Term = Term
25
- DescriptionList.Description = Description
26
-
27
- interface DescriptionListComposition {
28
- Term: FC<TermProps>
29
- Description: FC<DescriptionProps>
30
- }
31
-
32
- export interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {
33
- classes?: string
34
- }
35
-
36
- export default DescriptionList
1
+ import { FC, HTMLAttributes } from 'react'
2
+ import classNames from 'classnames'
3
+ import styled from '@emotion/styled'
4
+
5
+ import Term, { Props as TermProps } from './atoms/term'
6
+ import Description, { Props as DescriptionProps } from './atoms/description'
7
+
8
+ const StyledDescriptionList = styled.dl`
9
+ list-style: none;
10
+ margin-top: 1rem;
11
+ margin-bottom: 0;
12
+
13
+ &:first-of-type {
14
+ margin-top: 0;
15
+ }
16
+ `
17
+
18
+ const DescriptionList: FC<DescriptionListProps> & DescriptionListComposition = ({ classes, children, ...rest }) => (
19
+ <StyledDescriptionList className={classNames('description-list', classes)} {...rest}>
20
+ {children}
21
+ </StyledDescriptionList>
22
+ )
23
+
24
+ DescriptionList.Term = Term
25
+ DescriptionList.Description = Description
26
+
27
+ interface DescriptionListComposition {
28
+ Term: FC<TermProps>
29
+ Description: FC<DescriptionProps>
30
+ }
31
+
32
+ export interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {
33
+ classes?: string
34
+ }
35
+
36
+ export default DescriptionList
@@ -1,6 +0,0 @@
1
- import { HTMLAttributes, FC } from 'react';
2
- declare const Description: FC<Props>;
3
- export interface Props extends HTMLAttributes<HTMLElement> {
4
- classes?: string;
5
- }
6
- export default Description;
@@ -1,43 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
- var __rest = (this && this.__rest) || function (s, e) {
18
- var t = {};
19
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
20
- t[p] = s[p];
21
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
22
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
23
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
24
- t[p[i]] = s[p[i]];
25
- }
26
- return t;
27
- };
28
- var __importDefault = (this && this.__importDefault) || function (mod) {
29
- return (mod && mod.__esModule) ? mod : { "default": mod };
30
- };
31
- Object.defineProperty(exports, "__esModule", { value: true });
32
- var jsx_runtime_1 = require("react/jsx-runtime");
33
- var classnames_1 = __importDefault(require("classnames"));
34
- var styled_1 = __importDefault(require("@emotion/styled"));
35
- var styles_1 = require("@ltht-react/styles");
36
- var StyledDescription = styled_1.default.dd(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n margin-left: 0;\n"], ["\n color: ", ";\n margin-left: 0;\n"])), styles_1.TEXT_COLOURS.SECONDARY);
37
- var Description = function (_a) {
38
- var children = _a.children, classes = _a.classes, rest = __rest(_a, ["children", "classes"]);
39
- return ((0, jsx_runtime_1.jsx)(StyledDescription, __assign({ className: (0, classnames_1.default)('description-list__description', classes) }, rest, { children: children })));
40
- };
41
- exports.default = Description;
42
- var templateObject_1;
43
- //# sourceMappingURL=description.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"description.js","sourceRoot":"","sources":["../../src/atoms/description.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0DAAmC;AACnC,2DAAoC;AACpC,6CAAiD;AAEjD,IAAM,iBAAiB,GAAG,gBAAM,CAAC,EAAE,0GAAA,aACxB,EAAsB,wBAEhC,KAFU,qBAAY,CAAC,SAAS,CAEhC,CAAA;AAED,IAAM,WAAW,GAAc,UAAC,EAA8B;IAA5B,IAAA,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAK,IAAI,cAA5B,uBAA8B,CAAF;IAAO,OAAA,CACjE,uBAAC,iBAAiB,aAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,+BAA+B,EAAE,OAAO,CAAC,IAAM,IAAI,cACzF,QAAQ,IACS,CACrB,CAAA;CAAA,CAAA;AAMD,kBAAe,WAAW,CAAA"}
@@ -1,6 +0,0 @@
1
- import { HTMLAttributes, FC } from 'react';
2
- declare const Term: FC<Props>;
3
- export interface Props extends HTMLAttributes<HTMLElement> {
4
- classes?: string;
5
- }
6
- export default Term;
package/lib/atoms/term.js DELETED
@@ -1,43 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
- var __rest = (this && this.__rest) || function (s, e) {
18
- var t = {};
19
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
20
- t[p] = s[p];
21
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
22
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
23
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
24
- t[p[i]] = s[p[i]];
25
- }
26
- return t;
27
- };
28
- var __importDefault = (this && this.__importDefault) || function (mod) {
29
- return (mod && mod.__esModule) ? mod : { "default": mod };
30
- };
31
- Object.defineProperty(exports, "__esModule", { value: true });
32
- var jsx_runtime_1 = require("react/jsx-runtime");
33
- var classnames_1 = __importDefault(require("classnames"));
34
- var styled_1 = __importDefault(require("@emotion/styled"));
35
- var styles_1 = require("@ltht-react/styles");
36
- var StyledDescriptionTerm = styled_1.default.dt(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n margin-bottom: 0.25rem;\n"], ["\n color: ", ";\n margin-bottom: 0.25rem;\n"])), styles_1.TEXT_COLOURS.SECONDARY.LIGHTER25);
37
- var Term = function (_a) {
38
- var children = _a.children, classes = _a.classes, rest = __rest(_a, ["children", "classes"]);
39
- return ((0, jsx_runtime_1.jsx)(StyledDescriptionTerm, __assign({ className: (0, classnames_1.default)('description-list__term', classes) }, rest, { children: children })));
40
- };
41
- exports.default = Term;
42
- var templateObject_1;
43
- //# sourceMappingURL=term.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"term.js","sourceRoot":"","sources":["../../src/atoms/term.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0DAAmC;AACnC,2DAAoC;AACpC,6CAAiD;AAEjD,IAAM,qBAAqB,GAAG,gBAAM,CAAC,EAAE,kHAAA,aAC5B,EAAgC,gCAE1C,KAFU,qBAAY,CAAC,SAAS,CAAC,SAAS,CAE1C,CAAA;AAED,IAAM,IAAI,GAAc,UAAC,EAA8B;IAA5B,IAAA,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAK,IAAI,cAA5B,uBAA8B,CAAF;IAAO,OAAA,CAC1D,uBAAC,qBAAqB,aAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,wBAAwB,EAAE,OAAO,CAAC,IAAM,IAAI,cACtF,QAAQ,IACa,CACzB,CAAA;CAAA,CAAA;AAMD,kBAAe,IAAI,CAAA"}
package/lib/index.d.ts DELETED
@@ -1,12 +0,0 @@
1
- import { FC, HTMLAttributes } from 'react';
2
- import { Props as TermProps } from './atoms/term';
3
- import { Props as DescriptionProps } from './atoms/description';
4
- declare const DescriptionList: FC<DescriptionListProps> & DescriptionListComposition;
5
- interface DescriptionListComposition {
6
- Term: FC<TermProps>;
7
- Description: FC<DescriptionProps>;
8
- }
9
- export interface DescriptionListProps extends HTMLAttributes<HTMLDListElement> {
10
- classes?: string;
11
- }
12
- export default DescriptionList;
package/lib/index.js DELETED
@@ -1,46 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
- var __rest = (this && this.__rest) || function (s, e) {
18
- var t = {};
19
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
20
- t[p] = s[p];
21
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
22
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
23
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
24
- t[p[i]] = s[p[i]];
25
- }
26
- return t;
27
- };
28
- var __importDefault = (this && this.__importDefault) || function (mod) {
29
- return (mod && mod.__esModule) ? mod : { "default": mod };
30
- };
31
- Object.defineProperty(exports, "__esModule", { value: true });
32
- var jsx_runtime_1 = require("react/jsx-runtime");
33
- var classnames_1 = __importDefault(require("classnames"));
34
- var styled_1 = __importDefault(require("@emotion/styled"));
35
- var term_1 = __importDefault(require("./atoms/term"));
36
- var description_1 = __importDefault(require("./atoms/description"));
37
- var StyledDescriptionList = styled_1.default.dl(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n list-style: none;\n margin-top: 1rem;\n margin-bottom: 0;\n\n &:first-of-type {\n margin-top: 0;\n }\n"], ["\n list-style: none;\n margin-top: 1rem;\n margin-bottom: 0;\n\n &:first-of-type {\n margin-top: 0;\n }\n"])));
38
- var DescriptionList = function (_a) {
39
- var classes = _a.classes, children = _a.children, rest = __rest(_a, ["classes", "children"]);
40
- return ((0, jsx_runtime_1.jsx)(StyledDescriptionList, __assign({ className: (0, classnames_1.default)('description-list', classes) }, rest, { children: children })));
41
- };
42
- DescriptionList.Term = term_1.default;
43
- DescriptionList.Description = description_1.default;
44
- exports.default = DescriptionList;
45
- var templateObject_1;
46
- //# sourceMappingURL=index.js.map
package/lib/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0DAAmC;AACnC,2DAAoC;AAEpC,sDAAuD;AACvD,oEAA4E;AAE5E,IAAM,qBAAqB,GAAG,gBAAM,CAAC,EAAE,sLAAA,mHAQtC,IAAA,CAAA;AAED,IAAM,eAAe,GAA0D,UAAC,EAA8B;IAA5B,IAAA,OAAO,aAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA5B,uBAA8B,CAAF;IAAO,OAAA,CACjH,uBAAC,qBAAqB,aAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,kBAAkB,EAAE,OAAO,CAAC,IAAM,IAAI,cAChF,QAAQ,IACa,CACzB,CAAA;CAAA,CAAA;AAED,eAAe,CAAC,IAAI,GAAG,cAAI,CAAA;AAC3B,eAAe,CAAC,WAAW,GAAG,qBAAW,CAAA;AAWzC,kBAAe,eAAe,CAAA"}