design-system-govbr-rnp
Version:
## Padrão Digital de Governo - React Biblioteca de componentes React que implementa o [Padrão Visual digital do governo](https://www.gov.br/ds/). O objetivo da biblioteca é facilitar a implementação e promover a padronização das interfaces de sistemas do
145 lines (144 loc) • 8.15 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = exports.Default = void 0;
var _react = _interopRequireDefault(require("react"));
var _Footer = _interopRequireDefault(require("./Footer"));
var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
var _Button = _interopRequireDefault(require("../Button/Button"));
var _styles = require("./styles");
var _Divider = _interopRequireDefault(require("../Divider/Divider"));
var _Column = _interopRequireDefault(require("./Column"));
var _Item = require("./Item");
var _Row = _interopRequireDefault(require("../../utilities/Grid/Row"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
var _default = {
title: 'Components/Footer',
component: _Footer.default,
argTypes: {
children: {
disabled: true
}
}
};
exports.default = _default;
var socialMedia = [/*#__PURE__*/_react.default.createElement(_Button.default, {
circle: true,
density: "medium",
iconProps: {
ariaLabel: 'Ícone Cidade',
icon: _freeSolidSvgIcons.faCameraRetro
},
onClick: function onClick() {},
variant: "secondary"
}), /*#__PURE__*/_react.default.createElement(_Button.default, {
circle: true,
density: "medium",
iconProps: {
ariaLabel: 'Ícone Cidade',
icon: _freeSolidSvgIcons.faCameraRetro
},
onClick: function onClick() {},
variant: "secondary"
}), /*#__PURE__*/_react.default.createElement(_Button.default, {
circle: true,
density: "medium",
iconProps: {
ariaLabel: 'Ícone Cidade',
icon: _freeSolidSvgIcons.faCameraRetro
},
onClick: function onClick() {},
variant: "secondary"
}), /*#__PURE__*/_react.default.createElement(_Button.default, {
circle: true,
density: "medium",
iconProps: {
ariaLabel: 'Ícone Cidade',
icon: _freeSolidSvgIcons.faCameraRetro
},
onClick: function onClick() {},
variant: "secondary"
})];
var Template = function Template(args) {
return /*#__PURE__*/_react.default.createElement(_Footer.default, args, /*#__PURE__*/_react.default.createElement(_styles.Logo, null, args.dark ? /*#__PURE__*/_react.default.createElement(_styles.Img, {
alt: "Logo",
src: "https://cdngovbr-ds.estaleiro.serpro.gov.br/design-system/images/logo-negative.png"
}) : /*#__PURE__*/_react.default.createElement(_styles.Img, {
alt: "Logo",
src: "https://cdngovbr-ds.estaleiro.serpro.gov.br/design-system/images/logo-positive.png"
})), /*#__PURE__*/_react.default.createElement(_styles.ColumnContainer, null, /*#__PURE__*/_react.default.createElement(_Column.default, null, /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
title: "CATEGORIA 1"
})), /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
description: "Nulla occaecat eiusmod"
})), /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
description: "Nulla occaecat eiusmod"
})), /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
description: "Nulla occaecat eiusmod"
}))), /*#__PURE__*/_react.default.createElement(_Column.default, null, /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
title: "CATEGORIA 2"
})), /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
description: "Nulla occaecat eiusmod"
})), /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
description: "Nulla occaecat eiusmod"
})), /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
description: "Nulla occaecat eiusmod"
}))), /*#__PURE__*/_react.default.createElement(_Column.default, null, /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
title: "CATEGORIA 3"
})), /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
description: "Nulla occaecat eiusmod"
})), /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
description: "Nulla occaecat eiusmod"
})), /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
description: "Nulla occaecat eiusmod"
}))), /*#__PURE__*/_react.default.createElement(_Column.default, null, /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
title: "CATEGORIA 4"
})), /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
description: "Nulla occaecat eiusmod"
})), /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
description: "Nulla occaecat eiusmod"
})), /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
description: "Nulla occaecat eiusmod"
}))), /*#__PURE__*/_react.default.createElement(_Column.default, null, /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
title: "CATEGORIA 5"
})), /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
description: "Nulla occaecat eiusmod"
})), /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
description: "Nulla occaecat eiusmod"
})), /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
description: "Nulla occaecat eiusmod"
}))), /*#__PURE__*/_react.default.createElement(_Column.default, null, /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
title: "CATEGORIA 6"
})), /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
description: "Nulla occaecat eiusmod"
})), /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
description: "Nulla occaecat eiusmod"
})), /*#__PURE__*/_react.default.createElement(_Item.Item, _extends({}, args, {
description: "Nulla occaecat eiusmod"
})))), /*#__PURE__*/_react.default.createElement(_Row.default, null, /*#__PURE__*/_react.default.createElement(_styles.SocialMedia, null, /*#__PURE__*/_react.default.createElement("p", null, /*#__PURE__*/_react.default.createElement("b", null, "REDES SOCIAIS")), /*#__PURE__*/_react.default.createElement(_styles.ButtonsMediaSocial, null, socialMedia === null || socialMedia === void 0 ? void 0 : socialMedia.map(function (option) {
return /*#__PURE__*/_react.default.createElement(_styles.Button, args, option);
}))), /*#__PURE__*/_react.default.createElement(_styles.ImagesBox, null, args.dark ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.Img, {
alt: "Imagem de exemplo",
src: "https://cdngovbr-ds.estaleiro.serpro.gov.br/design-system/images/logo-assign-negative.png"
}), /*#__PURE__*/_react.default.createElement(_styles.Img, {
alt: "Imagem de exemplo",
src: "https://cdngovbr-ds.estaleiro.serpro.gov.br/design-system/images/logo-assign-negative.png"
})) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.Img, {
alt: "Imagem de exemplo",
src: "https://cdngovbr-ds.estaleiro.serpro.gov.br/design-system/images/logo-assign-positive.png"
}), /*#__PURE__*/_react.default.createElement(_styles.Img, {
alt: "Imagem de exemplo",
src: "https://cdngovbr-ds.estaleiro.serpro.gov.br/design-system/images/logo-assign-positive.png"
})))), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement("p", {
style: {
textAlign: 'center'
}
}, "Texto destinado a exibi\xE7\xE3o de informa\xE7\xF5es relacionadas \xE0", ' ', /*#__PURE__*/_react.default.createElement("b", null, "licen\xE7a de uso"), "."));
};
var Default = Template.bind({});
exports.Default = Default;
Default.storyName = 'Footer padrão';
Default.args = {
dark: true
};