@laerdal/life-react-components 3.2.1-dev.15 → 3.2.1-dev.16
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/dist/Card/HorizontalCard/HorizontalCardActions.cjs +0 -4
- package/dist/Card/HorizontalCard/HorizontalCardActions.cjs.map +1 -1
- package/dist/Card/HorizontalCard/HorizontalCardActions.js +0 -4
- package/dist/Card/HorizontalCard/HorizontalCardActions.js.map +1 -1
- package/dist/Card/HorizontalCard/types.cjs.map +1 -1
- package/dist/Card/HorizontalCard/types.d.ts +2 -8
- package/dist/Card/HorizontalCard/types.js.map +1 -1
- package/dist/Card/VerticalCard/CardMiddleSection.cjs +17 -4
- package/dist/Card/VerticalCard/CardMiddleSection.cjs.map +1 -1
- package/dist/Card/VerticalCard/CardMiddleSection.d.ts +0 -2
- package/dist/Card/VerticalCard/CardMiddleSection.js +17 -4
- package/dist/Card/VerticalCard/CardMiddleSection.js.map +1 -1
- package/dist/styles/colors.cjs +6 -0
- package/dist/styles/colors.cjs.map +1 -1
- package/dist/styles/colors.d.ts +6 -0
- package/dist/styles/colors.js +6 -0
- package/dist/styles/colors.js.map +1 -1
- package/package.json +1 -1
|
@@ -33,10 +33,6 @@ var HorizontalCardActions = /*#__PURE__*/_react.default.forwardRef(function (_re
|
|
|
33
33
|
}, [elRefs]);
|
|
34
34
|
var renderAction = function renderAction(item, index) {
|
|
35
35
|
switch (item.componentType) {
|
|
36
|
-
case 'custom':
|
|
37
|
-
{
|
|
38
|
-
return item.content;
|
|
39
|
-
}
|
|
40
36
|
case 'icon':
|
|
41
37
|
{
|
|
42
38
|
var _item$disabled;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalCardActions.cjs","names":["Container","styled","div","HorizontalCardActions","React","forwardRef","ref","actions","disabled","useState","elRefs","setElRefs","length","useEffect","Array","fill","map","createRef","useImperativeHandle","renderAction","item","index","componentType","
|
|
1
|
+
{"version":3,"file":"HorizontalCardActions.cjs","names":["Container","styled","div","HorizontalCardActions","React","forwardRef","ref","actions","disabled","useState","elRefs","setElRefs","length","useEffect","Array","fill","map","createRef","useImperativeHandle","renderAction","item","index","componentType","action","tooltip","icon","active","onChange","defaultState","activeState","items","itemsType","onClick","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight"],"sources":["../../../src/Card/HorizontalCard/HorizontalCardActions.tsx"],"sourcesContent":["import React from 'react';\nimport {\n HorizontalCardDropdownButton,\n HorizontalCardIconButton,\n HorizontalCardProps,\n HorizontalCardToggleButton\n} from './types';\nimport {IconButton} from '../../Button';\nimport {ToggleButton} from '../../Toggles';\nimport {DropdownButton} from '../../Dropdown';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n display: flex;\n`;\n\ntype Props = Pick<HorizontalCardProps, 'actions' | 'disabled'>;\n\nexport const HorizontalCardActions = React.forwardRef(({actions, disabled}: Props,\n ref: React.Ref<React.RefObject<HTMLButtonElement>[]>) => {\n\n const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLButtonElement>[]>([]);\n const length = actions?.length || 0;\n\n React.useEffect(() => {\n setElRefs(Array(length || 0).fill(null).map(() => React.createRef<HTMLButtonElement>()));\n }, [length]);\n\n React.useImperativeHandle(ref, () => elRefs, [elRefs]);\n\n const renderAction = (item: HorizontalCardIconButton | HorizontalCardToggleButton | HorizontalCardDropdownButton,\n index: number) => {\n switch (item.componentType) {\n case 'icon': {\n return <IconButton ref={elRefs[index]}\n key={index}\n variant={'secondary'}\n useTransparentBackground={true}\n shape={'circular'}\n action={item.action}\n tooltip={item.tooltip}\n disabled={item.disabled ?? disabled}>\n {item.icon}\n </IconButton>\n }\n case 'toggle': {\n return <ToggleButton ref={elRefs[index]}\n key={index}\n active={item.active}\n onChange={item.onChange}\n defaultState={item.defaultState}\n activeState={item.activeState}\n disabled={item.disabled ?? disabled}/>\n }\n case 'dropdown': {\n return <DropdownButton ref={elRefs[index]}\n key={index}\n type={'icon'}\n items={item.items}\n itemsType={item.itemsType}\n onClick={item.onClick}\n icon={item.icon}\n action={item.action}\n actionIcon={item.actionIcon}\n actionLabel={item.actionLabel}\n actionVariant={item.actionVariant}\n actionLoading={item.actionLoading}\n multiSelect={item.multiSelect}\n scrollable={item.scrollable}\n pinTopItem={item.pinTopItem}\n maxHeight={item.maxHeight}\n disabled={item.disabled ?? disabled}/>\n }\n }\n }\n\n\n return (\n <>\n {\n actions?.length &&\n <Container>\n {actions?.map((item, index) => renderAction(item, index))}\n </Container>\n }\n </>\n )\n});\n"],"mappings":"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"}
|
|
@@ -27,10 +27,6 @@ export var HorizontalCardActions = /*#__PURE__*/React.forwardRef(function (_ref,
|
|
|
27
27
|
}, [elRefs]);
|
|
28
28
|
var renderAction = function renderAction(item, index) {
|
|
29
29
|
switch (item.componentType) {
|
|
30
|
-
case 'custom':
|
|
31
|
-
{
|
|
32
|
-
return item.content;
|
|
33
|
-
}
|
|
34
30
|
case 'icon':
|
|
35
31
|
{
|
|
36
32
|
var _item$disabled;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizontalCardActions.js","names":["React","IconButton","ToggleButton","DropdownButton","styled","Container","div","HorizontalCardActions","forwardRef","ref","actions","disabled","useState","elRefs","setElRefs","length","useEffect","Array","fill","map","createRef","useImperativeHandle","renderAction","item","index","componentType","
|
|
1
|
+
{"version":3,"file":"HorizontalCardActions.js","names":["React","IconButton","ToggleButton","DropdownButton","styled","Container","div","HorizontalCardActions","forwardRef","ref","actions","disabled","useState","elRefs","setElRefs","length","useEffect","Array","fill","map","createRef","useImperativeHandle","renderAction","item","index","componentType","action","tooltip","icon","active","onChange","defaultState","activeState","items","itemsType","onClick","actionIcon","actionLabel","actionVariant","actionLoading","multiSelect","scrollable","pinTopItem","maxHeight"],"sources":["../../../src/Card/HorizontalCard/HorizontalCardActions.tsx"],"sourcesContent":["import React from 'react';\nimport {\n HorizontalCardDropdownButton,\n HorizontalCardIconButton,\n HorizontalCardProps,\n HorizontalCardToggleButton\n} from './types';\nimport {IconButton} from '../../Button';\nimport {ToggleButton} from '../../Toggles';\nimport {DropdownButton} from '../../Dropdown';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n display: flex;\n`;\n\ntype Props = Pick<HorizontalCardProps, 'actions' | 'disabled'>;\n\nexport const HorizontalCardActions = React.forwardRef(({actions, disabled}: Props,\n ref: React.Ref<React.RefObject<HTMLButtonElement>[]>) => {\n\n const [elRefs, setElRefs] = React.useState<React.RefObject<HTMLButtonElement>[]>([]);\n const length = actions?.length || 0;\n\n React.useEffect(() => {\n setElRefs(Array(length || 0).fill(null).map(() => React.createRef<HTMLButtonElement>()));\n }, [length]);\n\n React.useImperativeHandle(ref, () => elRefs, [elRefs]);\n\n const renderAction = (item: HorizontalCardIconButton | HorizontalCardToggleButton | HorizontalCardDropdownButton,\n index: number) => {\n switch (item.componentType) {\n case 'icon': {\n return <IconButton ref={elRefs[index]}\n key={index}\n variant={'secondary'}\n useTransparentBackground={true}\n shape={'circular'}\n action={item.action}\n tooltip={item.tooltip}\n disabled={item.disabled ?? disabled}>\n {item.icon}\n </IconButton>\n }\n case 'toggle': {\n return <ToggleButton ref={elRefs[index]}\n key={index}\n active={item.active}\n onChange={item.onChange}\n defaultState={item.defaultState}\n activeState={item.activeState}\n disabled={item.disabled ?? disabled}/>\n }\n case 'dropdown': {\n return <DropdownButton ref={elRefs[index]}\n key={index}\n type={'icon'}\n items={item.items}\n itemsType={item.itemsType}\n onClick={item.onClick}\n icon={item.icon}\n action={item.action}\n actionIcon={item.actionIcon}\n actionLabel={item.actionLabel}\n actionVariant={item.actionVariant}\n actionLoading={item.actionLoading}\n multiSelect={item.multiSelect}\n scrollable={item.scrollable}\n pinTopItem={item.pinTopItem}\n maxHeight={item.maxHeight}\n disabled={item.disabled ?? disabled}/>\n }\n }\n }\n\n\n return (\n <>\n {\n actions?.length &&\n <Container>\n {actions?.map((item, index) => renderAction(item, index))}\n </Container>\n }\n </>\n )\n});\n"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.cjs","names":[],"sources":["../../../src/Card/HorizontalCard/types.ts"],"sourcesContent":["import {IconButtonProps} from '../../Button/Iconbutton';\nimport React
|
|
1
|
+
{"version":3,"file":"types.cjs","names":[],"sources":["../../../src/Card/HorizontalCard/types.ts"],"sourcesContent":["import {IconButtonProps} from '../../Button/Iconbutton';\nimport React from 'react';\nimport {ToggleButtonProps} from '../../Toggles/ToggleButton';\nimport {DropdownButtonProps} from '../../Dropdown/DropdownButtonTypes';\nimport {TagVariants} from '../../Tag';\nimport {LinearProgressProps} from '../../LinearProgress/LinearProgress';\nimport { Testable } from '../../types';\n\nexport type HorizontalCardIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip'> & {\n componentType: 'icon';\n icon: React.ReactNode;\n}\n\nexport type HorizontalCardToggleButton =\n Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'>\n & { componentType: 'toggle'; }\n\nexport type HorizontalCardDropdownButton =\n Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\n & {\n componentType: 'dropdown';\n icon: React.ReactNode;\n}\n\nexport interface HorizontalCardTag {\n label: string;\n icon?: React.ReactNode;\n variant?: TagVariants;\n}\n\nexport type HorizontalCardLinearProgression = Pick<LinearProgressProps, 'max' | 'value'>\n\nexport interface HorizontalCardProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onClick' | 'onKeyDown' | 'onMouseDown'> {\n variant?: 'outline' | 'elevated';\n action?: () => void;\n disabled?: boolean;\n title: string;\n description?: string;\n icon?: React.ReactElement;\n image?: { src: string; fallbackSrc?: string; alt: string, height?: string; width?: string; loader?: boolean };\n tags?: HorizontalCardTag[];\n progress?: HorizontalCardLinearProgression;\n actions?: (HorizontalCardIconButton | HorizontalCardToggleButton | HorizontalCardDropdownButton)[];\n}\n"],"mappings":""}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { IconButtonProps } from '../../Button/Iconbutton';
|
|
2
|
-
import React
|
|
2
|
+
import React from 'react';
|
|
3
3
|
import { ToggleButtonProps } from '../../Toggles/ToggleButton';
|
|
4
4
|
import { DropdownButtonProps } from '../../Dropdown/DropdownButtonTypes';
|
|
5
5
|
import { TagVariants } from '../../Tag';
|
|
@@ -12,12 +12,6 @@ export type HorizontalCardIconButton = Pick<IconButtonProps, 'action' | 'disable
|
|
|
12
12
|
export type HorizontalCardToggleButton = Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'> & {
|
|
13
13
|
componentType: 'toggle';
|
|
14
14
|
};
|
|
15
|
-
export interface CustomContentProps extends Testable {
|
|
16
|
-
content: ReactNode;
|
|
17
|
-
}
|
|
18
|
-
export type HorizontalCardCustomContent = CustomContentProps & {
|
|
19
|
-
componentType: 'custom';
|
|
20
|
-
};
|
|
21
15
|
export type HorizontalCardDropdownButton = Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'> & {
|
|
22
16
|
componentType: 'dropdown';
|
|
23
17
|
icon: React.ReactNode;
|
|
@@ -45,5 +39,5 @@ export interface HorizontalCardProps extends Testable, Omit<React.HTMLAttributes
|
|
|
45
39
|
};
|
|
46
40
|
tags?: HorizontalCardTag[];
|
|
47
41
|
progress?: HorizontalCardLinearProgression;
|
|
48
|
-
actions?: (HorizontalCardIconButton | HorizontalCardToggleButton | HorizontalCardDropdownButton
|
|
42
|
+
actions?: (HorizontalCardIconButton | HorizontalCardToggleButton | HorizontalCardDropdownButton)[];
|
|
49
43
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","names":[],"sources":["../../../src/Card/HorizontalCard/types.ts"],"sourcesContent":["import {IconButtonProps} from '../../Button/Iconbutton';\nimport React
|
|
1
|
+
{"version":3,"file":"types.js","names":[],"sources":["../../../src/Card/HorizontalCard/types.ts"],"sourcesContent":["import {IconButtonProps} from '../../Button/Iconbutton';\nimport React from 'react';\nimport {ToggleButtonProps} from '../../Toggles/ToggleButton';\nimport {DropdownButtonProps} from '../../Dropdown/DropdownButtonTypes';\nimport {TagVariants} from '../../Tag';\nimport {LinearProgressProps} from '../../LinearProgress/LinearProgress';\nimport { Testable } from '../../types';\n\nexport type HorizontalCardIconButton = Pick<IconButtonProps, 'action' | 'disabled' | 'tooltip'> & {\n componentType: 'icon';\n icon: React.ReactNode;\n}\n\nexport type HorizontalCardToggleButton =\n Pick<ToggleButtonProps, 'active' | 'onChange' | 'disabled' | 'defaultState' | 'activeState'>\n & { componentType: 'toggle'; }\n\nexport type HorizontalCardDropdownButton =\n Pick<DropdownButtonProps, 'items' | 'onClick' | 'disabled' | 'itemsType' | 'action' | 'actionIcon' | 'actionLabel' | 'actionLoading' | 'actionVariant' | 'multiSelect' | 'scrollable' | 'pinTopItem' | 'maxHeight'>\n & {\n componentType: 'dropdown';\n icon: React.ReactNode;\n}\n\nexport interface HorizontalCardTag {\n label: string;\n icon?: React.ReactNode;\n variant?: TagVariants;\n}\n\nexport type HorizontalCardLinearProgression = Pick<LinearProgressProps, 'max' | 'value'>\n\nexport interface HorizontalCardProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onClick' | 'onKeyDown' | 'onMouseDown'> {\n variant?: 'outline' | 'elevated';\n action?: () => void;\n disabled?: boolean;\n title: string;\n description?: string;\n icon?: React.ReactElement;\n image?: { src: string; fallbackSrc?: string; alt: string, height?: string; width?: string; loader?: boolean };\n tags?: HorizontalCardTag[];\n progress?: HorizontalCardLinearProgression;\n actions?: (HorizontalCardIconButton | HorizontalCardToggleButton | HorizontalCardDropdownButton)[];\n}\n"],"mappings":""}
|
|
@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
7
7
|
});
|
|
8
8
|
exports.default = exports.CardMiddleSectionTagsStyles = exports.CardMiddleSectionContainer = exports.CardMiddleSectionColorBandStyles = exports.CardMiddleSectionCategoryStyles = void 0;
|
|
9
9
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
11
|
var React = _interopRequireWildcard(require("react"));
|
|
11
12
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
12
13
|
var _index = require("../../index");
|
|
@@ -59,8 +60,7 @@ var CardMiddleSection = function CardMiddleSection(_ref) {
|
|
|
59
60
|
var _x$variant;
|
|
60
61
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Tag, {
|
|
61
62
|
label: x.label,
|
|
62
|
-
variant: (_x$variant = x.variant) !== null && _x$variant !== void 0 ? _x$variant : 'neutral'
|
|
63
|
-
icon: x.icon
|
|
63
|
+
variant: (_x$variant = x.variant) !== null && _x$variant !== void 0 ? _x$variant : 'neutral'
|
|
64
64
|
}, "".concat(x.label, "_").concat(index));
|
|
65
65
|
})
|
|
66
66
|
}), row2Tags && /*#__PURE__*/(0, _jsxRuntime.jsx)(CardMiddleSectionTagsStyles, {
|
|
@@ -68,13 +68,26 @@ var CardMiddleSection = function CardMiddleSection(_ref) {
|
|
|
68
68
|
var _x$variant2;
|
|
69
69
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Tag, {
|
|
70
70
|
label: x.label,
|
|
71
|
-
variant: (_x$variant2 = x.variant) !== null && _x$variant2 !== void 0 ? _x$variant2 : 'neutral'
|
|
72
|
-
icon: x.icon
|
|
71
|
+
variant: (_x$variant2 = x.variant) !== null && _x$variant2 !== void 0 ? _x$variant2 : 'neutral'
|
|
73
72
|
}, "".concat(x.label, "_").concat(index));
|
|
74
73
|
})
|
|
75
74
|
})]
|
|
76
75
|
});
|
|
77
76
|
};
|
|
77
|
+
CardMiddleSection.propTypes = {
|
|
78
|
+
colorBandColor: _propTypes.default.string,
|
|
79
|
+
categoryIcon: _propTypes.default.node,
|
|
80
|
+
categoryLabel: _propTypes.default.string,
|
|
81
|
+
title: _propTypes.default.string.isRequired,
|
|
82
|
+
description: _propTypes.default.string,
|
|
83
|
+
tags: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
84
|
+
label: _propTypes.default.string.isRequired
|
|
85
|
+
})),
|
|
86
|
+
row2Tags: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
87
|
+
label: _propTypes.default.string.isRequired
|
|
88
|
+
})),
|
|
89
|
+
disabled: _propTypes.default.bool
|
|
90
|
+
};
|
|
78
91
|
var _default = CardMiddleSection;
|
|
79
92
|
exports.default = _default;
|
|
80
93
|
//# sourceMappingURL=CardMiddleSection.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardMiddleSection.cjs","names":["CardMiddleSectionContainer","styled","div","CardMiddleSectionColorBandStyles","props","$color","CardMiddleSectionTagsStyles","CardMiddleSectionCategoryStyles","COLORS","neutral_500","CardMiddleSection","colorBandColor","categoryIcon","categoryLabel","title","description","tags","row2Tags","disabled","Boolean","ComponentTextStyle","Bold","black","neutral_600","map","x","index","label","variant"
|
|
1
|
+
{"version":3,"file":"CardMiddleSection.cjs","names":["CardMiddleSectionContainer","styled","div","CardMiddleSectionColorBandStyles","props","$color","CardMiddleSectionTagsStyles","CardMiddleSectionCategoryStyles","COLORS","neutral_500","CardMiddleSection","colorBandColor","categoryIcon","categoryLabel","title","description","tags","row2Tags","disabled","Boolean","ComponentTextStyle","Bold","black","neutral_600","map","x","index","label","variant"],"sources":["../../../src/Card/VerticalCard/CardMiddleSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { COLORS, ComponentS, ComponentTextStyle, ComponentXL, Tag, TagVariants } from '../../index';\n\nexport interface CardMiddleSectionProps {\n colorBandColor?: string;\n categoryIcon?: React.ReactNode;\n categoryLabel?: string;\n title: string;\n description?: string;\n tags?: CardTag[];\n row2Tags?: CardTag[];\n disabled?: boolean;\n}\n\nexport interface CardTag {\n label: string;\n variant?: TagVariants;\n}\n\nexport const CardMiddleSectionContainer = styled.div`\n display: flex;\n flex-grow: 1;\n width: calc(100% - 32px);\n position: relative;\n flex-direction: column;\n padding: 16px;\n gap: 8px;\n\n .descriptionBlock {\n padding: 2px 0;\n }\n\n .titleBlock {\n padding: 2px 0;\n }\n`;\n\nexport const CardMiddleSectionColorBandStyles = styled.div<{ $color: string }>`\n position: absolute;\n width: 100%;\n top: 0px;\n left: 0px;\n height: 8px;\n background-color: ${(props) => props.$color};\n`;\n\nexport const CardMiddleSectionTagsStyles = styled.div`\n display: flex;\n flex-direction: row;\n padding: 4px 0;\n gap: 4px;\n flex-wrap: wrap;\n`;\n\nexport const CardMiddleSectionCategoryStyles = styled.div<{ extraTopMargin: boolean; bottomMargin: boolean }>`\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: none;\n gap: 6px;\n\n svg {\n color: ${COLORS.neutral_500};\n flex-grow: 0;\n flex-shrink: 0;\n }\n`;\n\nconst CardMiddleSection: React.FunctionComponent<CardMiddleSectionProps> = ({\n colorBandColor,\n categoryIcon,\n categoryLabel,\n title,\n description,\n tags,\n row2Tags,\n disabled,\n}: CardMiddleSectionProps) => {\n return (\n <CardMiddleSectionContainer data-testid={'card-middleSection'} >\n {colorBandColor && <CardMiddleSectionColorBandStyles $color={colorBandColor} />}\n {\n (categoryIcon || categoryLabel) &&\n <CardMiddleSectionCategoryStyles extraTopMargin={Boolean(colorBandColor)} bottomMargin={Boolean(categoryIcon || categoryLabel)}>\n {categoryIcon}\n <ComponentS textStyle={ComponentTextStyle.Bold} color={COLORS.neutral_500}>\n {categoryLabel}\n </ComponentS>\n </CardMiddleSectionCategoryStyles>\n }\n <ComponentXL className=\"titleBlock\" textStyle={ComponentTextStyle.Bold} color={disabled ? COLORS.neutral_500 : COLORS.black}>\n {title}\n </ComponentXL>\n {description && (\n <ComponentS className=\"descriptionBlock\" color={COLORS.neutral_600}>\n {description}\n </ComponentS>\n )}\n {tags && (\n <CardMiddleSectionTagsStyles>\n {tags.map((x, index) => (\n <Tag key={`${x.label}_${index}`} label={x.label} variant={x.variant ?? 'neutral'} />\n ))}\n </CardMiddleSectionTagsStyles>\n )}\n {row2Tags && (\n <CardMiddleSectionTagsStyles>\n {row2Tags.map((x, index) => (\n <Tag key={`${x.label}_${index}`} label={x.label} variant={x.variant ?? 'neutral'} />\n ))}\n </CardMiddleSectionTagsStyles>\n )}\n </CardMiddleSectionContainer>\n );\n};\n\nexport default CardMiddleSection;\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAAoG;AAAA;AAAA;AAAA;AAkB7F,IAAMA,0BAA0B,GAAGC,yBAAM,CAACC,GAAG,sUAgBnD;AAAC;AAEK,IAAMC,gCAAgC,GAAGF,yBAAM,CAACC,GAAG,qMAMpC,UAACE,KAAK;EAAA,OAAKA,KAAK,CAACC,MAAM;AAAA,EAC5C;AAAC;AAEK,IAAMC,2BAA2B,GAAGL,yBAAM,CAACC,GAAG,qLAMpD;AAAC;AAEK,IAAMK,+BAA+B,GAAGN,yBAAM,CAACC,GAAG,mQAQ5CM,aAAM,CAACC,WAAW,CAI9B;AAAC;AAEF,IAAMC,iBAAkE,GAAG,SAArEA,iBAAkE,OAS1C;EAAA,IAR5BC,cAAc,QAAdA,cAAc;IACdC,YAAY,QAAZA,YAAY;IACZC,aAAa,QAAbA,aAAa;IACbC,KAAK,QAALA,KAAK;IACLC,WAAW,QAAXA,WAAW;IACXC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;EAER,oBACE,sBAAC,0BAA0B;IAAC,eAAa,oBAAqB;IAAA,WAC3DP,cAAc,iBAAI,qBAAC,gCAAgC;MAAC,MAAM,EAAEA;IAAe,EAAG,EAE7E,CAACC,YAAY,IAAIC,aAAa,kBAC9B,sBAAC,+BAA+B;MAAC,cAAc,EAAEM,OAAO,CAACR,cAAc,CAAE;MAAC,YAAY,EAAEQ,OAAO,CAACP,YAAY,IAAIC,aAAa,CAAE;MAAA,WAC5HD,YAAY,eACb,qBAAC,iBAAU;QAAC,SAAS,EAAEQ,yBAAkB,CAACC,IAAK;QAAC,KAAK,EAAEb,aAAM,CAACC,WAAY;QAAA,UACvEI;MAAa,EACH;IAAA,EACmB,eAEpC,qBAAC,kBAAW;MAAC,SAAS,EAAC,YAAY;MAAC,SAAS,EAAEO,yBAAkB,CAACC,IAAK;MAAC,KAAK,EAAEH,QAAQ,GAAGV,aAAM,CAACC,WAAW,GAAGD,aAAM,CAACc,KAAM;MAAA,UACzHR;IAAK,EACM,EACbC,WAAW,iBACV,qBAAC,iBAAU;MAAC,SAAS,EAAC,kBAAkB;MAAC,KAAK,EAAEP,aAAM,CAACe,WAAY;MAAA,UAChER;IAAW,EAEf,EACAC,IAAI,iBACH,qBAAC,2BAA2B;MAAA,UACzBA,IAAI,CAACQ,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK;QAAA;QAAA,oBACjB,qBAAC,UAAG;UAA6B,KAAK,EAAED,CAAC,CAACE,KAAM;UAAC,OAAO,gBAAEF,CAAC,CAACG,OAAO,mDAAI;QAAU,aAApEH,CAAC,CAACE,KAAK,cAAID,KAAK,EAAuD;MAAA,CACrF;IAAC,EAEL,EACAT,QAAQ,iBACP,qBAAC,2BAA2B;MAAA,UACzBA,QAAQ,CAACO,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK;QAAA;QAAA,oBACrB,qBAAC,UAAG;UAA6B,KAAK,EAAED,CAAC,CAACE,KAAM;UAAC,OAAO,iBAAEF,CAAC,CAACG,OAAO,qDAAI;QAAU,aAApEH,CAAC,CAACE,KAAK,cAAID,KAAK,EAAuD;MAAA,CACrF;IAAC,EAEL;EAAA,EAC0B;AAEjC,CAAC;AAAC;EA9GAf,cAAc;EACdC,YAAY;EACZC,aAAa;EACbC,KAAK;EACLC,WAAW;EACXC,IAAI;IAMJW,KAAK;EAAA;EALLV,QAAQ;IAKRU,KAAK;EAAA;EAJLT,QAAQ;AAAA;AAAA,eAyGKR,iBAAiB;AAAA"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { TagVariants } from '../../index';
|
|
3
|
-
import { ReactNode } from 'react';
|
|
4
3
|
export interface CardMiddleSectionProps {
|
|
5
4
|
colorBandColor?: string;
|
|
6
5
|
categoryIcon?: React.ReactNode;
|
|
@@ -14,7 +13,6 @@ export interface CardMiddleSectionProps {
|
|
|
14
13
|
export interface CardTag {
|
|
15
14
|
label: string;
|
|
16
15
|
variant?: TagVariants;
|
|
17
|
-
icon?: ReactNode;
|
|
18
16
|
}
|
|
19
17
|
export declare const CardMiddleSectionContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
20
18
|
export declare const CardMiddleSectionColorBandStyles: import("styled-components").StyledComponent<"div", any, {
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
|
|
2
|
+
import _pt from "prop-types";
|
|
2
3
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
3
4
|
import * as React from 'react';
|
|
4
5
|
import styled from 'styled-components';
|
|
@@ -46,8 +47,7 @@ var CardMiddleSection = function CardMiddleSection(_ref) {
|
|
|
46
47
|
var _x$variant;
|
|
47
48
|
return /*#__PURE__*/_jsx(Tag, {
|
|
48
49
|
label: x.label,
|
|
49
|
-
variant: (_x$variant = x.variant) !== null && _x$variant !== void 0 ? _x$variant : 'neutral'
|
|
50
|
-
icon: x.icon
|
|
50
|
+
variant: (_x$variant = x.variant) !== null && _x$variant !== void 0 ? _x$variant : 'neutral'
|
|
51
51
|
}, "".concat(x.label, "_").concat(index));
|
|
52
52
|
})
|
|
53
53
|
}), row2Tags && /*#__PURE__*/_jsx(CardMiddleSectionTagsStyles, {
|
|
@@ -55,12 +55,25 @@ var CardMiddleSection = function CardMiddleSection(_ref) {
|
|
|
55
55
|
var _x$variant2;
|
|
56
56
|
return /*#__PURE__*/_jsx(Tag, {
|
|
57
57
|
label: x.label,
|
|
58
|
-
variant: (_x$variant2 = x.variant) !== null && _x$variant2 !== void 0 ? _x$variant2 : 'neutral'
|
|
59
|
-
icon: x.icon
|
|
58
|
+
variant: (_x$variant2 = x.variant) !== null && _x$variant2 !== void 0 ? _x$variant2 : 'neutral'
|
|
60
59
|
}, "".concat(x.label, "_").concat(index));
|
|
61
60
|
})
|
|
62
61
|
})]
|
|
63
62
|
});
|
|
64
63
|
};
|
|
64
|
+
CardMiddleSection.propTypes = {
|
|
65
|
+
colorBandColor: _pt.string,
|
|
66
|
+
categoryIcon: _pt.node,
|
|
67
|
+
categoryLabel: _pt.string,
|
|
68
|
+
title: _pt.string.isRequired,
|
|
69
|
+
description: _pt.string,
|
|
70
|
+
tags: _pt.arrayOf(_pt.shape({
|
|
71
|
+
label: _pt.string.isRequired
|
|
72
|
+
})),
|
|
73
|
+
row2Tags: _pt.arrayOf(_pt.shape({
|
|
74
|
+
label: _pt.string.isRequired
|
|
75
|
+
})),
|
|
76
|
+
disabled: _pt.bool
|
|
77
|
+
};
|
|
65
78
|
export default CardMiddleSection;
|
|
66
79
|
//# sourceMappingURL=CardMiddleSection.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CardMiddleSection.js","names":["React","styled","COLORS","ComponentS","ComponentTextStyle","ComponentXL","Tag","CardMiddleSectionContainer","div","CardMiddleSectionColorBandStyles","props","$color","CardMiddleSectionTagsStyles","CardMiddleSectionCategoryStyles","neutral_500","CardMiddleSection","colorBandColor","categoryIcon","categoryLabel","title","description","tags","row2Tags","disabled","Boolean","Bold","black","neutral_600","map","x","index","label","variant"
|
|
1
|
+
{"version":3,"file":"CardMiddleSection.js","names":["React","styled","COLORS","ComponentS","ComponentTextStyle","ComponentXL","Tag","CardMiddleSectionContainer","div","CardMiddleSectionColorBandStyles","props","$color","CardMiddleSectionTagsStyles","CardMiddleSectionCategoryStyles","neutral_500","CardMiddleSection","colorBandColor","categoryIcon","categoryLabel","title","description","tags","row2Tags","disabled","Boolean","Bold","black","neutral_600","map","x","index","label","variant"],"sources":["../../../src/Card/VerticalCard/CardMiddleSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport { COLORS, ComponentS, ComponentTextStyle, ComponentXL, Tag, TagVariants } from '../../index';\n\nexport interface CardMiddleSectionProps {\n colorBandColor?: string;\n categoryIcon?: React.ReactNode;\n categoryLabel?: string;\n title: string;\n description?: string;\n tags?: CardTag[];\n row2Tags?: CardTag[];\n disabled?: boolean;\n}\n\nexport interface CardTag {\n label: string;\n variant?: TagVariants;\n}\n\nexport const CardMiddleSectionContainer = styled.div`\n display: flex;\n flex-grow: 1;\n width: calc(100% - 32px);\n position: relative;\n flex-direction: column;\n padding: 16px;\n gap: 8px;\n\n .descriptionBlock {\n padding: 2px 0;\n }\n\n .titleBlock {\n padding: 2px 0;\n }\n`;\n\nexport const CardMiddleSectionColorBandStyles = styled.div<{ $color: string }>`\n position: absolute;\n width: 100%;\n top: 0px;\n left: 0px;\n height: 8px;\n background-color: ${(props) => props.$color};\n`;\n\nexport const CardMiddleSectionTagsStyles = styled.div`\n display: flex;\n flex-direction: row;\n padding: 4px 0;\n gap: 4px;\n flex-wrap: wrap;\n`;\n\nexport const CardMiddleSectionCategoryStyles = styled.div<{ extraTopMargin: boolean; bottomMargin: boolean }>`\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: none;\n gap: 6px;\n\n svg {\n color: ${COLORS.neutral_500};\n flex-grow: 0;\n flex-shrink: 0;\n }\n`;\n\nconst CardMiddleSection: React.FunctionComponent<CardMiddleSectionProps> = ({\n colorBandColor,\n categoryIcon,\n categoryLabel,\n title,\n description,\n tags,\n row2Tags,\n disabled,\n}: CardMiddleSectionProps) => {\n return (\n <CardMiddleSectionContainer data-testid={'card-middleSection'} >\n {colorBandColor && <CardMiddleSectionColorBandStyles $color={colorBandColor} />}\n {\n (categoryIcon || categoryLabel) &&\n <CardMiddleSectionCategoryStyles extraTopMargin={Boolean(colorBandColor)} bottomMargin={Boolean(categoryIcon || categoryLabel)}>\n {categoryIcon}\n <ComponentS textStyle={ComponentTextStyle.Bold} color={COLORS.neutral_500}>\n {categoryLabel}\n </ComponentS>\n </CardMiddleSectionCategoryStyles>\n }\n <ComponentXL className=\"titleBlock\" textStyle={ComponentTextStyle.Bold} color={disabled ? COLORS.neutral_500 : COLORS.black}>\n {title}\n </ComponentXL>\n {description && (\n <ComponentS className=\"descriptionBlock\" color={COLORS.neutral_600}>\n {description}\n </ComponentS>\n )}\n {tags && (\n <CardMiddleSectionTagsStyles>\n {tags.map((x, index) => (\n <Tag key={`${x.label}_${index}`} label={x.label} variant={x.variant ?? 'neutral'} />\n ))}\n </CardMiddleSectionTagsStyles>\n )}\n {row2Tags && (\n <CardMiddleSectionTagsStyles>\n {row2Tags.map((x, index) => (\n <Tag key={`${x.label}_${index}`} label={x.label} variant={x.variant ?? 'neutral'} />\n ))}\n </CardMiddleSectionTagsStyles>\n )}\n </CardMiddleSectionContainer>\n );\n};\n\nexport default CardMiddleSection;\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,EAAEC,UAAU,EAAEC,kBAAkB,EAAEC,WAAW,EAAEC,GAAG,QAAqB,aAAa;AAAC;AAAA;AAkBpG,OAAO,IAAMC,0BAA0B,GAAGN,MAAM,CAACO,GAAG,wTAgBnD;AAED,OAAO,IAAMC,gCAAgC,GAAGR,MAAM,CAACO,GAAG,uLAMpC,UAACE,KAAK;EAAA,OAAKA,KAAK,CAACC,MAAM;AAAA,EAC5C;AAED,OAAO,IAAMC,2BAA2B,GAAGX,MAAM,CAACO,GAAG,uKAMpD;AAED,OAAO,IAAMK,+BAA+B,GAAGZ,MAAM,CAACO,GAAG,qPAQ5CN,MAAM,CAACY,WAAW,CAI9B;AAED,IAAMC,iBAAkE,GAAG,SAArEA,iBAAkE,OAS1C;EAAA,IAR5BC,cAAc,QAAdA,cAAc;IACdC,YAAY,QAAZA,YAAY;IACZC,aAAa,QAAbA,aAAa;IACbC,KAAK,QAALA,KAAK;IACLC,WAAW,QAAXA,WAAW;IACXC,IAAI,QAAJA,IAAI;IACJC,QAAQ,QAARA,QAAQ;IACRC,QAAQ,QAARA,QAAQ;EAER,oBACE,MAAC,0BAA0B;IAAC,eAAa,oBAAqB;IAAA,WAC3DP,cAAc,iBAAI,KAAC,gCAAgC;MAAC,MAAM,EAAEA;IAAe,EAAG,EAE7E,CAACC,YAAY,IAAIC,aAAa,kBAC9B,MAAC,+BAA+B;MAAC,cAAc,EAAEM,OAAO,CAACR,cAAc,CAAE;MAAC,YAAY,EAAEQ,OAAO,CAACP,YAAY,IAAIC,aAAa,CAAE;MAAA,WAC5HD,YAAY,eACb,KAAC,UAAU;QAAC,SAAS,EAAEb,kBAAkB,CAACqB,IAAK;QAAC,KAAK,EAAEvB,MAAM,CAACY,WAAY;QAAA,UACvEI;MAAa,EACH;IAAA,EACmB,eAEpC,KAAC,WAAW;MAAC,SAAS,EAAC,YAAY;MAAC,SAAS,EAAEd,kBAAkB,CAACqB,IAAK;MAAC,KAAK,EAAEF,QAAQ,GAAGrB,MAAM,CAACY,WAAW,GAAGZ,MAAM,CAACwB,KAAM;MAAA,UACzHP;IAAK,EACM,EACbC,WAAW,iBACV,KAAC,UAAU;MAAC,SAAS,EAAC,kBAAkB;MAAC,KAAK,EAAElB,MAAM,CAACyB,WAAY;MAAA,UAChEP;IAAW,EAEf,EACAC,IAAI,iBACH,KAAC,2BAA2B;MAAA,UACzBA,IAAI,CAACO,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK;QAAA;QAAA,oBACjB,KAAC,GAAG;UAA6B,KAAK,EAAED,CAAC,CAACE,KAAM;UAAC,OAAO,gBAAEF,CAAC,CAACG,OAAO,mDAAI;QAAU,aAApEH,CAAC,CAACE,KAAK,cAAID,KAAK,EAAuD;MAAA,CACrF;IAAC,EAEL,EACAR,QAAQ,iBACP,KAAC,2BAA2B;MAAA,UACzBA,QAAQ,CAACM,GAAG,CAAC,UAACC,CAAC,EAAEC,KAAK;QAAA;QAAA,oBACrB,KAAC,GAAG;UAA6B,KAAK,EAAED,CAAC,CAACE,KAAM;UAAC,OAAO,iBAAEF,CAAC,CAACG,OAAO,qDAAI;QAAU,aAApEH,CAAC,CAACE,KAAK,cAAID,KAAK,EAAuD;MAAA,CACrF;IAAC,EAEL;EAAA,EAC0B;AAEjC,CAAC;AAAC;EA9GAd,cAAc;EACdC,YAAY;EACZC,aAAa;EACbC,KAAK;EACLC,WAAW;EACXC,IAAI;IAMJU,KAAK;EAAA;EALLT,QAAQ;IAKRS,KAAK;EAAA;EAJLR,QAAQ;AAAA;AAyGV,eAAeR,iBAAiB"}
|
package/dist/styles/colors.cjs
CHANGED
|
@@ -25,6 +25,7 @@ var COLORS = {
|
|
|
25
25
|
// Semantic / Critical - Core 500
|
|
26
26
|
|
|
27
27
|
primary_20: '#F1FBFE',
|
|
28
|
+
primary_50: '#E3F5FC',
|
|
28
29
|
primary_100: '#D4E9F2',
|
|
29
30
|
primary_200: '#A9D3E5',
|
|
30
31
|
primary_300: '#7FBCD7',
|
|
@@ -35,6 +36,7 @@ var COLORS = {
|
|
|
35
36
|
primary_700: '#215369',
|
|
36
37
|
primary_800: '#163746',
|
|
37
38
|
accent1_20: '#EDFCFB',
|
|
39
|
+
accent1_50: '#E4F6F6',
|
|
38
40
|
accent1_100: '#C8EEEC',
|
|
39
41
|
accent1_200: '#98D8D5',
|
|
40
42
|
accent1_300: '#6BC2BE',
|
|
@@ -45,6 +47,7 @@ var COLORS = {
|
|
|
45
47
|
accent1_700: '#145653',
|
|
46
48
|
accent1_800: '#0F3937',
|
|
47
49
|
accent2_20: '#FFFAEE',
|
|
50
|
+
accent2_50: '#FDF0DE',
|
|
48
51
|
accent2_100: '#F8E2BF',
|
|
49
52
|
accent2_200: '#EAC785',
|
|
50
53
|
// 200 Core
|
|
@@ -55,6 +58,7 @@ var COLORS = {
|
|
|
55
58
|
accent2_700: '#604920',
|
|
56
59
|
accent2_800: '#42300F',
|
|
57
60
|
correct_20: '#ECFEF1',
|
|
61
|
+
correct_50: '#E2F8E4',
|
|
58
62
|
correct_100: '#CCEED2',
|
|
59
63
|
correct_200: '#A0D9AD',
|
|
60
64
|
correct_300: '#77C589',
|
|
@@ -65,6 +69,7 @@ var COLORS = {
|
|
|
65
69
|
correct_700: '#025A15',
|
|
66
70
|
correct_800: '#003D0E',
|
|
67
71
|
warning_20: '#FEF7F1',
|
|
72
|
+
warning_50: '#FDF0E7',
|
|
68
73
|
warning_100: '#FCDDC5',
|
|
69
74
|
warning_200: '#F8C096',
|
|
70
75
|
warning_300: '#F4A162',
|
|
@@ -75,6 +80,7 @@ var COLORS = {
|
|
|
75
80
|
warning_700: '#803700',
|
|
76
81
|
warning_800: '#572600',
|
|
77
82
|
critical_20: '#FEF5F7',
|
|
83
|
+
critical_50: '#FEECF1',
|
|
78
84
|
critical_100: '#FDDEE2',
|
|
79
85
|
critical_200: '#FDBAC2',
|
|
80
86
|
critical_300: '#FD96A4',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.cjs","names":["COLORS","black","white","grey","primary","accent1","accent2","correct","warning","critical","primary_20","primary_100","primary_200","primary_300","primary_400","primary_500","primary_600","primary_700","primary_800","accent1_20","accent1_100","accent1_200","accent1_300","accent1_400","accent1_500","accent1_600","accent1_700","accent1_800","accent2_20","accent2_100","accent2_200","accent2_300","accent2_400","accent2_500","accent2_600","accent2_700","accent2_800","correct_20","correct_100","correct_200","correct_300","correct_400","correct_500","correct_600","correct_700","correct_800","warning_20","warning_100","warning_200","warning_300","warning_400","warning_500","warning_600","warning_700","warning_800","critical_20","critical_100","critical_200","critical_300","critical_400","critical_500","critical_600","critical_700","critical_800","neutral_20","neutral_50","neutral_100","neutral_200","neutral_300","neutral_400","neutral_500","neutral_600","neutral_700","neutral_800","focus","focus_25","white_gradient","toast_info","toast_success","toast_warning","toast_error"],"sources":["../../src/styles/colors.ts"],"sourcesContent":["const COLORS = {\n black: '#1F1F1F', // Neutrals / Black\n white: '#FFFFFF', // Neutrals / White\n grey:
|
|
1
|
+
{"version":3,"file":"colors.cjs","names":["COLORS","black","white","grey","primary","accent1","accent2","correct","warning","critical","primary_20","primary_50","primary_100","primary_200","primary_300","primary_400","primary_500","primary_600","primary_700","primary_800","accent1_20","accent1_50","accent1_100","accent1_200","accent1_300","accent1_400","accent1_500","accent1_600","accent1_700","accent1_800","accent2_20","accent2_50","accent2_100","accent2_200","accent2_300","accent2_400","accent2_500","accent2_600","accent2_700","accent2_800","correct_20","correct_50","correct_100","correct_200","correct_300","correct_400","correct_500","correct_600","correct_700","correct_800","warning_20","warning_50","warning_100","warning_200","warning_300","warning_400","warning_500","warning_600","warning_700","warning_800","critical_20","critical_50","critical_100","critical_200","critical_300","critical_400","critical_500","critical_600","critical_700","critical_800","neutral_20","neutral_50","neutral_100","neutral_200","neutral_300","neutral_400","neutral_500","neutral_600","neutral_700","neutral_800","focus","focus_25","white_gradient","toast_info","toast_success","toast_warning","toast_error"],"sources":["../../src/styles/colors.ts"],"sourcesContent":["const COLORS = {\n black: '#1F1F1F', // Neutrals / Black\n white: '#FFFFFF', // Neutrals / White\n grey: '#949494', // Neutrals / grey\n primary: '#2E7FA1', // Brand / Primary - Core 500\n accent1: '#25837E', // Brand / Accent 1 - Core 500\n accent2: '#EAC785', // Brand / Accent 2 - Core 200\n correct: '#37A851', // Semantic / Correct - Core 400\n warning: '#E97116', // Semantic / Warning - Core 400\n critical: '#DC3449', // Semantic / Critical - Core 500\n\n primary_20: '#F1FBFE',\n primary_50: '#E3F5FC',\n primary_100: '#D4E9F2',\n primary_200: '#A9D3E5',\n primary_300: '#7FBCD7',\n primary_400: '#519DBD',\n primary_500: '#2E7FA1', // 500 Core\n primary_600: '#276D8B',\n primary_700: '#215369',\n primary_800: '#163746',\n\n accent1_20: '#EDFCFB',\n accent1_50: '#E4F6F6',\n accent1_100: '#C8EEEC',\n accent1_200: '#98D8D5',\n accent1_300: '#6BC2BE',\n accent1_400: '#3EA39E',\n accent1_500: '#25837E', // 500 Core\n accent1_600: '#23716D',\n accent1_700: '#145653',\n accent1_800: '#0F3937',\n\n accent2_20: '#FFFAEE',\n accent2_50: '#FDF0DE',\n accent2_100: '#F8E2BF',\n accent2_200: '#EAC785', // 200 Core\n accent2_300: '#D6AD61',\n accent2_400: '#B58E45',\n accent2_500: '#92702F',\n accent2_600: '#806128',\n accent2_700: '#604920',\n accent2_800: '#42300F',\n\n correct_20: '#ECFEF1',\n correct_50: '#E2F8E4',\n correct_100: '#CCEED2',\n correct_200: '#A0D9AD',\n correct_300: '#77C589',\n correct_400: '#37A851', // 400 Core\n correct_500: '#14892F',\n correct_600: '#13772A',\n correct_700: '#025A15',\n correct_800: '#003D0E',\n\n warning_20: '#FEF7F1',\n warning_50: '#FDF0E7',\n warning_100: '#FCDDC5',\n warning_200: '#F8C096',\n warning_300: '#F4A162',\n warning_400: '#E97116', // 400 Core\n warning_500: '#C45402',\n warning_600: '#AD4B00',\n warning_700: '#803700',\n warning_800: '#572600',\n\n critical_20: '#FEF5F7',\n critical_50: '#FEECF1',\n critical_100: '#FDDEE2',\n critical_200: '#FDBAC2',\n critical_300: '#FD96A4',\n critical_400: '#FC5A6F',\n critical_500: '#DC3449', // 500 Core\n critical_600: '#C32238',\n critical_700: '#9C0D1D',\n critical_800: '#6B0613',\n\n neutral_20: '#FAFAFA', // 020 Core\n neutral_50: '#F2F2F2',\n neutral_100: '#E5E5E5',\n neutral_200: '#CCCCCC',\n neutral_300: '#B3B3B3',\n neutral_400: '#949494',\n neutral_500: '#767676',\n neutral_600: '#666666',\n neutral_700: '#4D4D4D',\n neutral_800: '#333333',\n\n focus: 'rgba(46, 127, 161, 1)', // Semantic / Focus 100%\n focus_25: 'rgba(46, 127, 161, 0.25)', // Semantic / Focus 25%\n\n white_gradient: 'linear-gradient(255deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%)',\n\n toast_info: '#2E7FA1',\n toast_success: '#37A851',\n toast_warning: '#E97116',\n toast_error: '#DC3449',\n};\n\nexport default COLORS;\n"],"mappings":"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"}
|
package/dist/styles/colors.d.ts
CHANGED
|
@@ -9,6 +9,7 @@ declare const COLORS: {
|
|
|
9
9
|
warning: string;
|
|
10
10
|
critical: string;
|
|
11
11
|
primary_20: string;
|
|
12
|
+
primary_50: string;
|
|
12
13
|
primary_100: string;
|
|
13
14
|
primary_200: string;
|
|
14
15
|
primary_300: string;
|
|
@@ -18,6 +19,7 @@ declare const COLORS: {
|
|
|
18
19
|
primary_700: string;
|
|
19
20
|
primary_800: string;
|
|
20
21
|
accent1_20: string;
|
|
22
|
+
accent1_50: string;
|
|
21
23
|
accent1_100: string;
|
|
22
24
|
accent1_200: string;
|
|
23
25
|
accent1_300: string;
|
|
@@ -27,6 +29,7 @@ declare const COLORS: {
|
|
|
27
29
|
accent1_700: string;
|
|
28
30
|
accent1_800: string;
|
|
29
31
|
accent2_20: string;
|
|
32
|
+
accent2_50: string;
|
|
30
33
|
accent2_100: string;
|
|
31
34
|
accent2_200: string;
|
|
32
35
|
accent2_300: string;
|
|
@@ -36,6 +39,7 @@ declare const COLORS: {
|
|
|
36
39
|
accent2_700: string;
|
|
37
40
|
accent2_800: string;
|
|
38
41
|
correct_20: string;
|
|
42
|
+
correct_50: string;
|
|
39
43
|
correct_100: string;
|
|
40
44
|
correct_200: string;
|
|
41
45
|
correct_300: string;
|
|
@@ -45,6 +49,7 @@ declare const COLORS: {
|
|
|
45
49
|
correct_700: string;
|
|
46
50
|
correct_800: string;
|
|
47
51
|
warning_20: string;
|
|
52
|
+
warning_50: string;
|
|
48
53
|
warning_100: string;
|
|
49
54
|
warning_200: string;
|
|
50
55
|
warning_300: string;
|
|
@@ -54,6 +59,7 @@ declare const COLORS: {
|
|
|
54
59
|
warning_700: string;
|
|
55
60
|
warning_800: string;
|
|
56
61
|
critical_20: string;
|
|
62
|
+
critical_50: string;
|
|
57
63
|
critical_100: string;
|
|
58
64
|
critical_200: string;
|
|
59
65
|
critical_300: string;
|
package/dist/styles/colors.js
CHANGED
|
@@ -19,6 +19,7 @@ var COLORS = {
|
|
|
19
19
|
// Semantic / Critical - Core 500
|
|
20
20
|
|
|
21
21
|
primary_20: '#F1FBFE',
|
|
22
|
+
primary_50: '#E3F5FC',
|
|
22
23
|
primary_100: '#D4E9F2',
|
|
23
24
|
primary_200: '#A9D3E5',
|
|
24
25
|
primary_300: '#7FBCD7',
|
|
@@ -29,6 +30,7 @@ var COLORS = {
|
|
|
29
30
|
primary_700: '#215369',
|
|
30
31
|
primary_800: '#163746',
|
|
31
32
|
accent1_20: '#EDFCFB',
|
|
33
|
+
accent1_50: '#E4F6F6',
|
|
32
34
|
accent1_100: '#C8EEEC',
|
|
33
35
|
accent1_200: '#98D8D5',
|
|
34
36
|
accent1_300: '#6BC2BE',
|
|
@@ -39,6 +41,7 @@ var COLORS = {
|
|
|
39
41
|
accent1_700: '#145653',
|
|
40
42
|
accent1_800: '#0F3937',
|
|
41
43
|
accent2_20: '#FFFAEE',
|
|
44
|
+
accent2_50: '#FDF0DE',
|
|
42
45
|
accent2_100: '#F8E2BF',
|
|
43
46
|
accent2_200: '#EAC785',
|
|
44
47
|
// 200 Core
|
|
@@ -49,6 +52,7 @@ var COLORS = {
|
|
|
49
52
|
accent2_700: '#604920',
|
|
50
53
|
accent2_800: '#42300F',
|
|
51
54
|
correct_20: '#ECFEF1',
|
|
55
|
+
correct_50: '#E2F8E4',
|
|
52
56
|
correct_100: '#CCEED2',
|
|
53
57
|
correct_200: '#A0D9AD',
|
|
54
58
|
correct_300: '#77C589',
|
|
@@ -59,6 +63,7 @@ var COLORS = {
|
|
|
59
63
|
correct_700: '#025A15',
|
|
60
64
|
correct_800: '#003D0E',
|
|
61
65
|
warning_20: '#FEF7F1',
|
|
66
|
+
warning_50: '#FDF0E7',
|
|
62
67
|
warning_100: '#FCDDC5',
|
|
63
68
|
warning_200: '#F8C096',
|
|
64
69
|
warning_300: '#F4A162',
|
|
@@ -69,6 +74,7 @@ var COLORS = {
|
|
|
69
74
|
warning_700: '#803700',
|
|
70
75
|
warning_800: '#572600',
|
|
71
76
|
critical_20: '#FEF5F7',
|
|
77
|
+
critical_50: '#FEECF1',
|
|
72
78
|
critical_100: '#FDDEE2',
|
|
73
79
|
critical_200: '#FDBAC2',
|
|
74
80
|
critical_300: '#FD96A4',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.js","names":["COLORS","black","white","grey","primary","accent1","accent2","correct","warning","critical","primary_20","primary_100","primary_200","primary_300","primary_400","primary_500","primary_600","primary_700","primary_800","accent1_20","accent1_100","accent1_200","accent1_300","accent1_400","accent1_500","accent1_600","accent1_700","accent1_800","accent2_20","accent2_100","accent2_200","accent2_300","accent2_400","accent2_500","accent2_600","accent2_700","accent2_800","correct_20","correct_100","correct_200","correct_300","correct_400","correct_500","correct_600","correct_700","correct_800","warning_20","warning_100","warning_200","warning_300","warning_400","warning_500","warning_600","warning_700","warning_800","critical_20","critical_100","critical_200","critical_300","critical_400","critical_500","critical_600","critical_700","critical_800","neutral_20","neutral_50","neutral_100","neutral_200","neutral_300","neutral_400","neutral_500","neutral_600","neutral_700","neutral_800","focus","focus_25","white_gradient","toast_info","toast_success","toast_warning","toast_error"],"sources":["../../src/styles/colors.ts"],"sourcesContent":["const COLORS = {\n black: '#1F1F1F', // Neutrals / Black\n white: '#FFFFFF', // Neutrals / White\n grey:
|
|
1
|
+
{"version":3,"file":"colors.js","names":["COLORS","black","white","grey","primary","accent1","accent2","correct","warning","critical","primary_20","primary_50","primary_100","primary_200","primary_300","primary_400","primary_500","primary_600","primary_700","primary_800","accent1_20","accent1_50","accent1_100","accent1_200","accent1_300","accent1_400","accent1_500","accent1_600","accent1_700","accent1_800","accent2_20","accent2_50","accent2_100","accent2_200","accent2_300","accent2_400","accent2_500","accent2_600","accent2_700","accent2_800","correct_20","correct_50","correct_100","correct_200","correct_300","correct_400","correct_500","correct_600","correct_700","correct_800","warning_20","warning_50","warning_100","warning_200","warning_300","warning_400","warning_500","warning_600","warning_700","warning_800","critical_20","critical_50","critical_100","critical_200","critical_300","critical_400","critical_500","critical_600","critical_700","critical_800","neutral_20","neutral_50","neutral_100","neutral_200","neutral_300","neutral_400","neutral_500","neutral_600","neutral_700","neutral_800","focus","focus_25","white_gradient","toast_info","toast_success","toast_warning","toast_error"],"sources":["../../src/styles/colors.ts"],"sourcesContent":["const COLORS = {\n black: '#1F1F1F', // Neutrals / Black\n white: '#FFFFFF', // Neutrals / White\n grey: '#949494', // Neutrals / grey\n primary: '#2E7FA1', // Brand / Primary - Core 500\n accent1: '#25837E', // Brand / Accent 1 - Core 500\n accent2: '#EAC785', // Brand / Accent 2 - Core 200\n correct: '#37A851', // Semantic / Correct - Core 400\n warning: '#E97116', // Semantic / Warning - Core 400\n critical: '#DC3449', // Semantic / Critical - Core 500\n\n primary_20: '#F1FBFE',\n primary_50: '#E3F5FC',\n primary_100: '#D4E9F2',\n primary_200: '#A9D3E5',\n primary_300: '#7FBCD7',\n primary_400: '#519DBD',\n primary_500: '#2E7FA1', // 500 Core\n primary_600: '#276D8B',\n primary_700: '#215369',\n primary_800: '#163746',\n\n accent1_20: '#EDFCFB',\n accent1_50: '#E4F6F6',\n accent1_100: '#C8EEEC',\n accent1_200: '#98D8D5',\n accent1_300: '#6BC2BE',\n accent1_400: '#3EA39E',\n accent1_500: '#25837E', // 500 Core\n accent1_600: '#23716D',\n accent1_700: '#145653',\n accent1_800: '#0F3937',\n\n accent2_20: '#FFFAEE',\n accent2_50: '#FDF0DE',\n accent2_100: '#F8E2BF',\n accent2_200: '#EAC785', // 200 Core\n accent2_300: '#D6AD61',\n accent2_400: '#B58E45',\n accent2_500: '#92702F',\n accent2_600: '#806128',\n accent2_700: '#604920',\n accent2_800: '#42300F',\n\n correct_20: '#ECFEF1',\n correct_50: '#E2F8E4',\n correct_100: '#CCEED2',\n correct_200: '#A0D9AD',\n correct_300: '#77C589',\n correct_400: '#37A851', // 400 Core\n correct_500: '#14892F',\n correct_600: '#13772A',\n correct_700: '#025A15',\n correct_800: '#003D0E',\n\n warning_20: '#FEF7F1',\n warning_50: '#FDF0E7',\n warning_100: '#FCDDC5',\n warning_200: '#F8C096',\n warning_300: '#F4A162',\n warning_400: '#E97116', // 400 Core\n warning_500: '#C45402',\n warning_600: '#AD4B00',\n warning_700: '#803700',\n warning_800: '#572600',\n\n critical_20: '#FEF5F7',\n critical_50: '#FEECF1',\n critical_100: '#FDDEE2',\n critical_200: '#FDBAC2',\n critical_300: '#FD96A4',\n critical_400: '#FC5A6F',\n critical_500: '#DC3449', // 500 Core\n critical_600: '#C32238',\n critical_700: '#9C0D1D',\n critical_800: '#6B0613',\n\n neutral_20: '#FAFAFA', // 020 Core\n neutral_50: '#F2F2F2',\n neutral_100: '#E5E5E5',\n neutral_200: '#CCCCCC',\n neutral_300: '#B3B3B3',\n neutral_400: '#949494',\n neutral_500: '#767676',\n neutral_600: '#666666',\n neutral_700: '#4D4D4D',\n neutral_800: '#333333',\n\n focus: 'rgba(46, 127, 161, 1)', // Semantic / Focus 100%\n focus_25: 'rgba(46, 127, 161, 0.25)', // Semantic / Focus 25%\n\n white_gradient: 'linear-gradient(255deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%)',\n\n toast_info: '#2E7FA1',\n toast_success: '#37A851',\n toast_warning: '#E97116',\n toast_error: '#DC3449',\n};\n\nexport default COLORS;\n"],"mappings":"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"}
|