npm - @dfds-ui/icons - Versions diffs - 0.9.5 → 0.9.6-alpha.0e1d4db0 - Mend

@dfds-ui/icons 0.9.5 → 0.9.6-alpha.0e1d4db0

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.

Files changed (12) hide show

package/SystemIcon.d.ts ADDED Viewed

@@ -0,0 +1,29 @@
+import * as systemIcons from './system';
+declare type SystemIcon = keyof typeof systemIcons;
+declare type Size = 's' | 'm' | 'l' | 'xl';
+export declare type SystemIconProps = {
+    /**
+     * Name of the icon in the System set of icons.
+     */
+    icon: SystemIcon;
+    /**
+     * Predefined size to use.
+     */
+    size: Size;
+    /**
+     * Class name to be assigned to the component.
+     */
+    className?: string;
+    /**
+     * Setting the `inline` prop to `true` will set negative margins which will compensate for the existing padding/space
+     * that appears inside the icon's sources. Use this only when inline icons inside a text-block.
+     *
+     * NB! Using `inline` will result in the `size` prop being ignored.
+     */
+    inline?: boolean;
+};
+/**
+ * The `SystemIcon` component is a helper component for displaying icons in the **system** set in "sane" sizes.
+ */
+export declare const SystemIcon: ({ icon, size, className, inline }: SystemIconProps) => JSX.Element;
+export {};

package/SystemIcon.js ADDED Viewed

@@ -0,0 +1,34 @@
+import { css } from '@emotion/react';
+import React from 'react';
+import * as systemIcons from './system';
+import { jsx as ___EmotionJSX } from "@emotion/react";
+var sizes = {
+  s: '1rem',
+  m: '1.5rem',
+  l: '2rem',
+  xl: '2.5rem'
+};
+var inlineCss = function inlineCss(size) {
+  return /*#__PURE__*/css("margin-top:calc(-", size, " / 6);margin-bottom:calc(-", size, " / 6);" + (process.env.NODE_ENV === "production" ? "" : ";label:inlineCss;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9TeXN0ZW1JY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q3VDIiwiZmlsZSI6Ii4uL3NyYy9TeXN0ZW1JY29uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0ICogYXMgc3lzdGVtSWNvbnMgZnJvbSAnLi9zeXN0ZW0nXG5cbnR5cGUgU3lzdGVtSWNvbiA9IGtleW9mIHR5cGVvZiBzeXN0ZW1JY29uc1xuXG50eXBlIFNpemUgPSAncycgfCAnbScgfCAnbCcgfCAneGwnXG5cbmV4cG9ydCB0eXBlIFN5c3RlbUljb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIE5hbWUgb2YgdGhlIGljb24gaW4gdGhlIFN5c3RlbSBzZXQgb2YgaWNvbnMuXG4gICAqL1xuICBpY29uOiBTeXN0ZW1JY29uXG5cbiAgLyoqXG4gICAqIFByZWRlZmluZWQgc2l6ZSB0byB1c2UuXG4gICAqL1xuICBzaXplOiBTaXplXG5cbiAgLyoqXG4gICAqIENsYXNzIG5hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBTZXR0aW5nIHRoZSBgaW5saW5lYCBwcm9wIHRvIGB0cnVlYCB3aWxsIHNldCBuZWdhdGl2ZSBtYXJnaW5zIHdoaWNoIHdpbGwgY29tcGVuc2F0ZSBmb3IgdGhlIGV4aXN0aW5nIHBhZGRpbmcvc3BhY2VcbiAgICogdGhhdCBhcHBlYXJzIGluc2lkZSB0aGUgaWNvbidzIHNvdXJjZXMuIFVzZSB0aGlzIG9ubHkgd2hlbiBpbmxpbmUgaWNvbnMgaW5zaWRlIGEgdGV4dC1ibG9jay5cbiAgICpcbiAgICogTkIhIFVzaW5nIGBpbmxpbmVgIHdpbGwgcmVzdWx0IGluIHRoZSBgc2l6ZWAgcHJvcCBiZWluZyBpZ25vcmVkLlxuICAgKi9cbiAgaW5saW5lPzogYm9vbGVhblxufVxuXG5jb25zdCBzaXplczogeyBbayBpbiBTaXplXTogc3RyaW5nIH0gPSB7XG4gIHM6ICcxcmVtJyxcbiAgbTogJzEuNXJlbScsXG4gIGw6ICcycmVtJyxcbiAgeGw6ICcyLjVyZW0nLFxufVxuXG5jb25zdCBpbmxpbmVDc3MgPSAoc2l6ZTogc3RyaW5nKSA9PiBjc3NgXG4gIG1hcmdpbi10b3A6IGNhbGMoLSR7c2l6ZX0gLyA2KTtcbiAgbWFyZ2luLWJvdHRvbTogY2FsYygtJHtzaXplfSAvIDYpO1xuYFxuLyoqXG4gKiBUaGUgYFN5c3RlbUljb25gIGNvbXBvbmVudCBpcyBhIGhlbHBlciBjb21wb25lbnQgZm9yIGRpc3BsYXlpbmcgaWNvbnMgaW4gdGhlICoqc3lzdGVtKiogc2V0IGluIFwic2FuZVwiIHNpemVzLlxuICovXG5leHBvcnQgY29uc3QgU3lzdGVtSWNvbiA9ICh7IGljb24sIHNpemUgPSAnbScsIGNsYXNzTmFtZSwgaW5saW5lIH06IFN5c3RlbUljb25Qcm9wcykgPT4ge1xuICBjb25zdCBJY29uID0gc3lzdGVtSWNvbnNbaWNvbl1cbiAgY29uc3Qgc2l6ZVZhbHVlID0gaW5saW5lID8gJzEuNWVtJyA6IHNpemVzW3NpemVdXG4gIHJldHVybiA8SWNvbiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gaGVpZ2h0PXtzaXplVmFsdWV9IHdpZHRoPXtzaXplVmFsdWV9IGNzcz17aW5saW5lICYmIGlubGluZUNzcyhzaXplVmFsdWUpfSAvPlxufVxuIl19 */");
+};
+/**
+ * The `SystemIcon` component is a helper component for displaying icons in the **system** set in "sane" sizes.
+ */
+export var SystemIcon = function SystemIcon(_ref) {
+  var icon = _ref.icon,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'm' : _ref$size,
+      className = _ref.className,
+      inline = _ref.inline;
+  var Icon = systemIcons[icon];
+  var sizeValue = inline ? '1.5em' : sizes[size];
+  return ___EmotionJSX(Icon, {
+    className: className,
+    height: sizeValue,
+    width: sizeValue,
+    css: inline && inlineCss(sizeValue)
+  });
+};

package/cjs/SystemIcon.d.ts ADDED Viewed

@@ -0,0 +1,29 @@
+import * as systemIcons from './system';
+declare type SystemIcon = keyof typeof systemIcons;
+declare type Size = 's' | 'm' | 'l' | 'xl';
+export declare type SystemIconProps = {
+    /**
+     * Name of the icon in the System set of icons.
+     */
+    icon: SystemIcon;
+    /**
+     * Predefined size to use.
+     */
+    size: Size;
+    /**
+     * Class name to be assigned to the component.
+     */
+    className?: string;
+    /**
+     * Setting the `inline` prop to `true` will set negative margins which will compensate for the existing padding/space
+     * that appears inside the icon's sources. Use this only when inline icons inside a text-block.
+     *
+     * NB! Using `inline` will result in the `size` prop being ignored.
+     */
+    inline?: boolean;
+};
+/**
+ * The `SystemIcon` component is a helper component for displaying icons in the **system** set in "sane" sizes.
+ */
+export declare const SystemIcon: ({ icon, size, className, inline }: SystemIconProps) => JSX.Element;
+export {};

package/cjs/SystemIcon.js ADDED Viewed

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SystemIcon = void 0;
+var _react = require("@emotion/react");
+var _react2 = _interopRequireDefault(require("react"));
+var systemIcons = _interopRequireWildcard(require("./system"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const sizes = {
+  s: '1rem',
+  m: '1.5rem',
+  l: '2rem',
+  xl: '2.5rem'
+};
+const inlineCss = size => /*#__PURE__*/(0, _react.css)("margin-top:calc(-", size, " / 6);margin-bottom:calc(-", size, " / 6);" + (process.env.NODE_ENV === "production" ? "" : ";label:inlineCss;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9TeXN0ZW1JY29uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3Q3VDIiwiZmlsZSI6Ii4uLy4uL3NyYy9TeXN0ZW1JY29uLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0ICogYXMgc3lzdGVtSWNvbnMgZnJvbSAnLi9zeXN0ZW0nXG5cbnR5cGUgU3lzdGVtSWNvbiA9IGtleW9mIHR5cGVvZiBzeXN0ZW1JY29uc1xuXG50eXBlIFNpemUgPSAncycgfCAnbScgfCAnbCcgfCAneGwnXG5cbmV4cG9ydCB0eXBlIFN5c3RlbUljb25Qcm9wcyA9IHtcbiAgLyoqXG4gICAqIE5hbWUgb2YgdGhlIGljb24gaW4gdGhlIFN5c3RlbSBzZXQgb2YgaWNvbnMuXG4gICAqL1xuICBpY29uOiBTeXN0ZW1JY29uXG5cbiAgLyoqXG4gICAqIFByZWRlZmluZWQgc2l6ZSB0byB1c2UuXG4gICAqL1xuICBzaXplOiBTaXplXG5cbiAgLyoqXG4gICAqIENsYXNzIG5hbWUgdG8gYmUgYXNzaWduZWQgdG8gdGhlIGNvbXBvbmVudC5cbiAgICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuXG4gIC8qKlxuICAgKiBTZXR0aW5nIHRoZSBgaW5saW5lYCBwcm9wIHRvIGB0cnVlYCB3aWxsIHNldCBuZWdhdGl2ZSBtYXJnaW5zIHdoaWNoIHdpbGwgY29tcGVuc2F0ZSBmb3IgdGhlIGV4aXN0aW5nIHBhZGRpbmcvc3BhY2VcbiAgICogdGhhdCBhcHBlYXJzIGluc2lkZSB0aGUgaWNvbidzIHNvdXJjZXMuIFVzZSB0aGlzIG9ubHkgd2hlbiBpbmxpbmUgaWNvbnMgaW5zaWRlIGEgdGV4dC1ibG9jay5cbiAgICpcbiAgICogTkIhIFVzaW5nIGBpbmxpbmVgIHdpbGwgcmVzdWx0IGluIHRoZSBgc2l6ZWAgcHJvcCBiZWluZyBpZ25vcmVkLlxuICAgKi9cbiAgaW5saW5lPzogYm9vbGVhblxufVxuXG5jb25zdCBzaXplczogeyBbayBpbiBTaXplXTogc3RyaW5nIH0gPSB7XG4gIHM6ICcxcmVtJyxcbiAgbTogJzEuNXJlbScsXG4gIGw6ICcycmVtJyxcbiAgeGw6ICcyLjVyZW0nLFxufVxuXG5jb25zdCBpbmxpbmVDc3MgPSAoc2l6ZTogc3RyaW5nKSA9PiBjc3NgXG4gIG1hcmdpbi10b3A6IGNhbGMoLSR7c2l6ZX0gLyA2KTtcbiAgbWFyZ2luLWJvdHRvbTogY2FsYygtJHtzaXplfSAvIDYpO1xuYFxuLyoqXG4gKiBUaGUgYFN5c3RlbUljb25gIGNvbXBvbmVudCBpcyBhIGhlbHBlciBjb21wb25lbnQgZm9yIGRpc3BsYXlpbmcgaWNvbnMgaW4gdGhlICoqc3lzdGVtKiogc2V0IGluIFwic2FuZVwiIHNpemVzLlxuICovXG5leHBvcnQgY29uc3QgU3lzdGVtSWNvbiA9ICh7IGljb24sIHNpemUgPSAnbScsIGNsYXNzTmFtZSwgaW5saW5lIH06IFN5c3RlbUljb25Qcm9wcykgPT4ge1xuICBjb25zdCBJY29uID0gc3lzdGVtSWNvbnNbaWNvbl1cbiAgY29uc3Qgc2l6ZVZhbHVlID0gaW5saW5lID8gJzEuNWVtJyA6IHNpemVzW3NpemVdXG4gIHJldHVybiA8SWNvbiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gaGVpZ2h0PXtzaXplVmFsdWV9IHdpZHRoPXtzaXplVmFsdWV9IGNzcz17aW5saW5lICYmIGlubGluZUNzcyhzaXplVmFsdWUpfSAvPlxufVxuIl19 */");
+/**
+ * The `SystemIcon` component is a helper component for displaying icons in the **system** set in "sane" sizes.
+ */
+const SystemIcon = ({
+  icon,
+  size = 'm',
+  className,
+  inline
+}) => {
+  const Icon = systemIcons[icon];
+  const sizeValue = inline ? '1.5em' : sizes[size];
+  return (0, _react.jsx)(Icon, {
+    className: className,
+    height: sizeValue,
+    width: sizeValue,
+    css: inline && inlineCss(sizeValue)
+  });
+};
+exports.SystemIcon = SystemIcon;

package/cjs/flags/FlagInt.js CHANGED Viewed

@@ -18,14 +18,23 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 const SvgFlagInt = /*#__PURE__*/(0, _react.forwardRef)((props, svgRef) => (0, _react2.jsx)("svg", _extends({
   width: "1.25em",
   height: "1em",
-  viewBox: "0 0 40 32",
+  viewBox: "0 0 25 20",
+  fill: "none",
   ref: svgRef
 }, props), (0, _react2.jsx)("path", {
   fill: "#fff",
-  d: "M0 0h40v32H0V0z"
+  d: "M0 0h25v20H0z"
 }), (0, _react2.jsx)("path", {
-  fill: "#68b2e3",
-  d: "M23.361 25.768c.374-.621.691-1.274.944-1.952.438.192.867.413 1.28.656-.691.523-1.445.957-2.24 1.296h.016zm-4.064-5.248a14 14 0 0 0-3.648.496 20.228 20.228 0 0 1-.528-3.952h8.368a21.568 21.568 0 0 1-.528 3.952 14.081 14.081 0 0 0-3.68-.496h.016zm-4.993 3.296c.253.678.57 1.331.944 1.952a9.928 9.928 0 0 1-2.272-1.296c.422-.245.861-.464 1.312-.656h.016zm-1.328-6.752a22.22 22.22 0 0 0 .672 4.688c-.797.346-1.559.77-2.272 1.264A10.529 10.529 0 0 1 8.8 17.064h4.176zm.592-6.576a22.379 22.379 0 0 0-.592 4.448H8.8a10.428 10.428 0 0 1 2.48-5.792c.715.523 1.482.974 2.288 1.344zm.64-2.096c-.477-.21-.938-.456-1.376-.736a10.384 10.384 0 0 1 2.4-1.44 12.412 12.412 0 0 0-1.024 2.176zm8.241.72c-1.022.344-2.09.538-3.168.576a11.223 11.223 0 0 1-3.104-.544c.88-2.352 2.112-3.744 3.088-3.744s2.24 1.392 3.12 3.744l.064-.032zm1.984-.752a13.674 13.674 0 0 0-1.026-2.176c.854.374 1.656.858 2.386 1.44-.456.29-.933.547-1.424.768l.064-.032zm-.898 6.544h-8.431c.05-1.216.205-2.426.464-3.616a13.745 13.745 0 0 0 7.439 0c.254 1.202.41 2.421.464 3.648l.064-.032zm2.146 0a23.666 23.666 0 0 0-.61-4.448 13.098 13.098 0 0 0 2.306-1.312 10.435 10.435 0 0 1 2.4 5.792l-4.096-.032zm-6.4 11.648c-.944 0-2.128-1.28-3.008-3.504a11.853 11.853 0 0 1 3.008-.432 11.77 11.77 0 0 1 3.008.432c-.864 2.256-2.048 3.536-3.008 3.536v-.032zm5.664-4.8c.389-1.534.616-3.106.672-4.688h4.16a10.655 10.655 0 0 1-2.608 5.952 13.334 13.334 0 0 0-2.224-1.264zM32 15.992C31.997 8.923 26.262 3.195 19.193 3.2 12.124 3.203 6.395 8.938 6.4 16.006c.003 7.069 5.738 12.797 12.807 12.794a12.8 12.8 0 0 0 8.17-2.952l.144-.144A12.685 12.685 0 0 0 32 15.992z"
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M14.6 16.105c.235-.388.433-.796.59-1.22.275.12.543.258.8.41a6.625 6.625 0 0 1-1.4.81h.01zm-5.66-1.22c.158.424.356.832.59 1.22a6.203 6.203 0 0 1-1.42-.81c.264-.153.538-.29.82-.41h.01zm3.11 1.71c-.59 0-1.33-.8-1.88-2.19a7.418 7.418 0 0 1 1.88-.27 7.38 7.38 0 0 1 1.88.27c-.54 1.41-1.28 2.21-1.88 2.21v-.02zm3.54-3c.244-.959.386-1.941.42-2.93h2.6a6.659 6.659 0 0 1-1.63 3.72 8.327 8.327 0 0 0-1.39-.79zm-3.53-.77a8.735 8.735 0 0 0-2.28.31 12.68 12.68 0 0 1-.33-2.47h5.23a13.519 13.519 0 0 1-.33 2.47 8.806 8.806 0 0 0-2.3-.31h.01zm-3.95-2.16c.035.989.176 1.971.42 2.93a8.281 8.281 0 0 0-1.42.79 6.582 6.582 0 0 1-1.61-3.72h2.61zm6.6-1.35H9.44c.031-.76.128-1.516.29-2.26a8.585 8.585 0 0 0 4.65 0c.159.751.256 1.513.29 2.28l.04-.02zm1.34 0a14.809 14.809 0 0 0-.38-2.78c.507-.224.99-.499 1.44-.82a6.521 6.521 0 0 1 1.5 3.62l-2.56-.02zm-7.57-2.76c-.216.912-.34 1.843-.37 2.78H5.5a6.516 6.516 0 0 1 1.55-3.62c.447.327.926.609 1.43.84zm.4-1.31a6.336 6.336 0 0 1-.86-.46 6.488 6.488 0 0 1 1.5-.9 7.775 7.775 0 0 0-.64 1.36zm6.39-.02a8.557 8.557 0 0 0-.64-1.36 6.696 6.696 0 0 1 1.49.9 7.067 7.067 0 0 1-.89.48l.04-.02zm-1.24.47a6.99 6.99 0 0 1-1.98.36 6.995 6.995 0 0 1-1.94-.34c.55-1.47 1.32-2.34 1.93-2.34.61 0 1.4.87 1.95 2.34l.04-.02zm5.97 4.3A8 8 0 0 0 11.995 2a8 8 0 1 0 5.115 14.155l.09-.09a7.927 7.927 0 0 0 2.8-6.07z",
+  fill: "#49A2DF"
+}), (0, _react2.jsx)("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M0 0h25v20H0V0zm1.25 18.75h22.5V1.25H1.25v17.5z",
+  fill: "#2D2926",
+  fillOpacity: 0.15
 })));
 var _default = SvgFlagInt;
 exports.default = _default;

package/cjs/index.d.ts CHANGED Viewed

@@ -7,3 +7,4 @@ export * from './pax';
 export * from './flags';
 export * from './social-media';
 export * from './logistics';
+export * from './SystemIcon';

package/cjs/index.js CHANGED Viewed

@@ -117,4 +117,18 @@ Object.keys(_logistics).forEach(function (key) {
   });
 });
+var _SystemIcon = require("./SystemIcon");
+Object.keys(_SystemIcon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _SystemIcon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _SystemIcon[key];
+    }
+  });
+});
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/flags/FlagInt.js CHANGED Viewed

@@ -7,14 +7,23 @@ var SvgFlagInt = /*#__PURE__*/forwardRef(function (props, svgRef) {
   return ___EmotionJSX("svg", _extends({
     width: "1.25em",
     height: "1em",
-    viewBox: "0 0 40 32",
+    viewBox: "0 0 25 20",
+    fill: "none",
     ref: svgRef
   }, props), ___EmotionJSX("path", {
     fill: "#fff",
-    d: "M0 0h40v32H0V0z"
+    d: "M0 0h25v20H0z"
   }), ___EmotionJSX("path", {
-    fill: "#68b2e3",
-    d: "M23.361 25.768c.374-.621.691-1.274.944-1.952.438.192.867.413 1.28.656-.691.523-1.445.957-2.24 1.296h.016zm-4.064-5.248a14 14 0 0 0-3.648.496 20.228 20.228 0 0 1-.528-3.952h8.368a21.568 21.568 0 0 1-.528 3.952 14.081 14.081 0 0 0-3.68-.496h.016zm-4.993 3.296c.253.678.57 1.331.944 1.952a9.928 9.928 0 0 1-2.272-1.296c.422-.245.861-.464 1.312-.656h.016zm-1.328-6.752a22.22 22.22 0 0 0 .672 4.688c-.797.346-1.559.77-2.272 1.264A10.529 10.529 0 0 1 8.8 17.064h4.176zm.592-6.576a22.379 22.379 0 0 0-.592 4.448H8.8a10.428 10.428 0 0 1 2.48-5.792c.715.523 1.482.974 2.288 1.344zm.64-2.096c-.477-.21-.938-.456-1.376-.736a10.384 10.384 0 0 1 2.4-1.44 12.412 12.412 0 0 0-1.024 2.176zm8.241.72c-1.022.344-2.09.538-3.168.576a11.223 11.223 0 0 1-3.104-.544c.88-2.352 2.112-3.744 3.088-3.744s2.24 1.392 3.12 3.744l.064-.032zm1.984-.752a13.674 13.674 0 0 0-1.026-2.176c.854.374 1.656.858 2.386 1.44-.456.29-.933.547-1.424.768l.064-.032zm-.898 6.544h-8.431c.05-1.216.205-2.426.464-3.616a13.745 13.745 0 0 0 7.439 0c.254 1.202.41 2.421.464 3.648l.064-.032zm2.146 0a23.666 23.666 0 0 0-.61-4.448 13.098 13.098 0 0 0 2.306-1.312 10.435 10.435 0 0 1 2.4 5.792l-4.096-.032zm-6.4 11.648c-.944 0-2.128-1.28-3.008-3.504a11.853 11.853 0 0 1 3.008-.432 11.77 11.77 0 0 1 3.008.432c-.864 2.256-2.048 3.536-3.008 3.536v-.032zm5.664-4.8c.389-1.534.616-3.106.672-4.688h4.16a10.655 10.655 0 0 1-2.608 5.952 13.334 13.334 0 0 0-2.224-1.264zM32 15.992C31.997 8.923 26.262 3.195 19.193 3.2 12.124 3.203 6.395 8.938 6.4 16.006c.003 7.069 5.738 12.797 12.807 12.794a12.8 12.8 0 0 0 8.17-2.952l.144-.144A12.685 12.685 0 0 0 32 15.992z"
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M14.6 16.105c.235-.388.433-.796.59-1.22.275.12.543.258.8.41a6.625 6.625 0 0 1-1.4.81h.01zm-5.66-1.22c.158.424.356.832.59 1.22a6.203 6.203 0 0 1-1.42-.81c.264-.153.538-.29.82-.41h.01zm3.11 1.71c-.59 0-1.33-.8-1.88-2.19a7.418 7.418 0 0 1 1.88-.27 7.38 7.38 0 0 1 1.88.27c-.54 1.41-1.28 2.21-1.88 2.21v-.02zm3.54-3c.244-.959.386-1.941.42-2.93h2.6a6.659 6.659 0 0 1-1.63 3.72 8.327 8.327 0 0 0-1.39-.79zm-3.53-.77a8.735 8.735 0 0 0-2.28.31 12.68 12.68 0 0 1-.33-2.47h5.23a13.519 13.519 0 0 1-.33 2.47 8.806 8.806 0 0 0-2.3-.31h.01zm-3.95-2.16c.035.989.176 1.971.42 2.93a8.281 8.281 0 0 0-1.42.79 6.582 6.582 0 0 1-1.61-3.72h2.61zm6.6-1.35H9.44c.031-.76.128-1.516.29-2.26a8.585 8.585 0 0 0 4.65 0c.159.751.256 1.513.29 2.28l.04-.02zm1.34 0a14.809 14.809 0 0 0-.38-2.78c.507-.224.99-.499 1.44-.82a6.521 6.521 0 0 1 1.5 3.62l-2.56-.02zm-7.57-2.76c-.216.912-.34 1.843-.37 2.78H5.5a6.516 6.516 0 0 1 1.55-3.62c.447.327.926.609 1.43.84zm.4-1.31a6.336 6.336 0 0 1-.86-.46 6.488 6.488 0 0 1 1.5-.9 7.775 7.775 0 0 0-.64 1.36zm6.39-.02a8.557 8.557 0 0 0-.64-1.36 6.696 6.696 0 0 1 1.49.9 7.067 7.067 0 0 1-.89.48l.04-.02zm-1.24.47a6.99 6.99 0 0 1-1.98.36 6.995 6.995 0 0 1-1.94-.34c.55-1.47 1.32-2.34 1.93-2.34.61 0 1.4.87 1.95 2.34l.04-.02zm5.97 4.3A8 8 0 0 0 11.995 2a8 8 0 1 0 5.115 14.155l.09-.09a7.927 7.927 0 0 0 2.8-6.07z",
+    fill: "#49A2DF"
+  }), ___EmotionJSX("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M0 0h25v20H0V0zm1.25 18.75h22.5V1.25H1.25v17.5z",
+    fill: "#2D2926",
+    fillOpacity: 0.15
   }));
 });
 export default SvgFlagInt;

package/index.d.ts CHANGED Viewed

@@ -7,3 +7,4 @@ export * from './pax';
 export * from './flags';
 export * from './social-media';
 export * from './logistics';
+export * from './SystemIcon';

package/index.js CHANGED Viewed

@@ -6,4 +6,5 @@ export * from './links';
 export * from './pax';
 export * from './flags';
 export * from './social-media';
-export * from './logistics';
+export * from './logistics';
+export * from './SystemIcon';

package/package.json CHANGED Viewed

@@ -3,7 +3,7 @@
   "description": "Shared icons within DFDS",
   "license": "MIT",
   "private": false,
-  "version": "0.9.5",
+  "version": "0.9.6-alpha.0e1d4db0",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -15,7 +15,7 @@
     "react": ">= 16.8.0",
     "react-dom": ">= 16.8.0"
   },
-  "gitHead": "740bfd8a016fe3e10c06086f2dd67b544e6e6e93",
+  "gitHead": "0e1d4db02a4846fa5040393863c4a1bd98a3c6cb",
   "publishConfig": {
     "access": "public"
   }

package/svgs/flags/FlagINT.svg CHANGED Viewed

@@ -1,7 +1 @@
-<!-- Generated by IcoMoon.io -->
-<svg version="1.1"
-  xmlns="http://www.w3.org/2000/svg" width="40" height="32" viewBox="0 0 40 32">
-  <title>International english</title>
-  <path fill="#fff" d="M0 0h40v32h-40v-32z"></path>
-  <path fill="#68b2e3" d="M23.361 25.768c0.374-0.621 0.691-1.274 0.944-1.952 0.438 0.192 0.867 0.413 1.28 0.656-0.691 0.523-1.445 0.957-2.24 1.296h0.016zM19.297 20.52c-1.234 0.005-2.459 0.17-3.648 0.496-0.306-1.296-0.482-2.619-0.528-3.952h8.368c-0.054 1.331-0.23 2.654-0.528 3.952-1.2-0.328-2.437-0.493-3.68-0.496h0.016zM14.304 23.816c0.253 0.678 0.57 1.331 0.944 1.952-0.811-0.33-1.576-0.766-2.272-1.296 0.422-0.245 0.861-0.464 1.312-0.656h0.016zM12.976 17.064c0.056 1.582 0.282 3.154 0.672 4.688-0.797 0.346-1.559 0.77-2.272 1.264-1.464-1.664-2.365-3.747-2.576-5.952h4.176zM13.568 10.488c-0.346 1.459-0.544 2.949-0.592 4.448h-4.176c0.21-2.139 1.075-4.163 2.48-5.792 0.715 0.523 1.482 0.974 2.288 1.344zM14.208 8.392c-0.477-0.21-0.938-0.456-1.376-0.736 0.731-0.586 1.538-1.070 2.4-1.44-0.411 0.691-0.754 1.419-1.024 2.176zM22.449 9.112c-1.022 0.344-2.090 0.538-3.168 0.576-1.054-0.034-2.101-0.218-3.104-0.544 0.88-2.352 2.112-3.744 3.088-3.744s2.24 1.392 3.12 3.744l0.064-0.032zM24.433 8.36c-0.277-0.754-0.621-1.482-1.026-2.176 0.854 0.374 1.656 0.858 2.386 1.44-0.456 0.29-0.933 0.547-1.424 0.768l0.064-0.032zM23.535 14.904h-8.431c0.050-1.216 0.205-2.426 0.464-3.616 1.208 0.339 2.458 0.512 3.712 0.512 1.259 0.002 2.514-0.171 3.727-0.512 0.254 1.202 0.41 2.421 0.464 3.648l0.064-0.032zM25.681 14.904c-0.062-1.499-0.266-2.987-0.61-4.448 0.811-0.358 1.584-0.798 2.306-1.312 1.374 1.638 2.213 3.661 2.4 5.792l-4.096-0.032zM19.281 26.552c-0.944 0-2.128-1.28-3.008-3.504 0.979-0.272 1.991-0.418 3.008-0.432 1.016 0.014 2.029 0.158 3.008 0.432-0.864 2.256-2.048 3.536-3.008 3.536v-0.032zM24.945 21.752c0.389-1.534 0.616-3.106 0.672-4.688h4.16c-0.229 2.206-1.139 4.288-2.608 5.952-0.699-0.491-1.443-0.915-2.224-1.264zM32 15.992c-0.003-7.069-5.738-12.797-12.807-12.792-7.069 0.003-12.798 5.738-12.793 12.806 0.003 7.069 5.738 12.797 12.807 12.794 2.986-0.002 5.874-1.046 8.17-2.952l0.144-0.144c2.851-2.419 4.49-5.971 4.479-9.712z"></path>
-</svg>
+<svg width="25" height="20" viewBox="0 0 25 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M0 0h25v20H0z"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.6 16.105c.235-.388.433-.796.59-1.22.275.12.543.258.8.41a6.625 6.625 0 0 1-1.4.81h.01zm-5.66-1.22c.158.424.356.832.59 1.22a6.203 6.203 0 0 1-1.42-.81c.264-.153.538-.29.82-.41h.01zm3.11 1.71c-.59 0-1.33-.8-1.88-2.19a7.418 7.418 0 0 1 1.88-.27 7.38 7.38 0 0 1 1.88.27c-.54 1.41-1.28 2.21-1.88 2.21v-.02zm3.54-3c.244-.959.386-1.941.42-2.93h2.6a6.659 6.659 0 0 1-1.63 3.72 8.327 8.327 0 0 0-1.39-.79zm-3.53-.77a8.735 8.735 0 0 0-2.28.31 12.68 12.68 0 0 1-.33-2.47h5.23a13.519 13.519 0 0 1-.33 2.47 8.806 8.806 0 0 0-2.3-.31h.01zm-3.95-2.16c.035.989.176 1.971.42 2.93a8.281 8.281 0 0 0-1.42.79 6.582 6.582 0 0 1-1.61-3.72h2.61zm6.6-1.35H9.44c.031-.76.128-1.516.29-2.26a8.585 8.585 0 0 0 4.65 0c.159.751.256 1.513.29 2.28l.04-.02zm1.34 0a14.809 14.809 0 0 0-.38-2.78c.507-.224.99-.499 1.44-.82a6.521 6.521 0 0 1 1.5 3.62l-2.56-.02zm-7.57-2.76c-.216.912-.34 1.843-.37 2.78H5.5a6.516 6.516 0 0 1 1.55-3.62c.447.327.926.609 1.43.84zm.4-1.31a6.336 6.336 0 0 1-.86-.46 6.488 6.488 0 0 1 1.5-.9 7.775 7.775 0 0 0-.64 1.36zm6.39-.02a8.557 8.557 0 0 0-.64-1.36 6.696 6.696 0 0 1 1.49.9 7.067 7.067 0 0 1-.89.48l.04-.02zm-1.24.47a6.99 6.99 0 0 1-1.98.36 6.995 6.995 0 0 1-1.94-.34c.55-1.47 1.32-2.34 1.93-2.34.61 0 1.4.87 1.95 2.34l.04-.02zm5.97 4.3A8 8 0 0 0 11.995 2a8 8 0 1 0 5.115 14.155l.09-.09a7.927 7.927 0 0 0 2.8-6.07z" fill="#49A2DF"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0h25v20H0V0zm1.25 18.75h22.5V1.25H1.25v17.5z" fill="#2D2926" fill-opacity=".15"/></svg>