@cloudscape-design/components 3.0.0

package/icon/icons.js

@@ -0,0 +1,3 @@
+export default {
+  "add-plus": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M8 1v14M15 8H1\"/></svg>","angle-down": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path d=\"m1 4 7 7 7-7\"/></svg>","angle-left-double": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M14 1 7 8l7 7\"/><path d=\"M9 1 2 8l7 7\"/></svg>","angle-left": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M12 1 5 8l7 7\"/></svg>","angle-right-double": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path d=\"m2 1 7 7-7 7\"/><path d=\"m7 1 7 7-7 7\"/></svg>","angle-right": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path d=\"m4 1 7 7-7 7\"/></svg>","angle-up": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path d=\"m1 12 7-7 7 7\"/></svg>","arrow-left": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M9 1 2 8l7 7M2 8h13\"/></svg>","bug": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round\" d=\"M5 5h6a1 1 0 0 1 1 1v5.5A3.5 3.5 0 0 1 8.5 15h-1A3.5 3.5 0 0 1 4 11.5V6a1 1 0 0 1 1-1ZM5 5a3 3 0 0 1 6 0\"/><path d=\"M12 9h3M1 9h3M12 12h2l1 2M4 12H2l-1 2M12 6h2l1-2M4 6H2L1 4\"/></svg>","calendar": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round\" d=\"M2 2h12v12H2z\"/><path d=\"M4.99 8H5v.01h-.01zM7.99 8H8v.01h-.01zM10.99 8H11v.01h-.01zM4.99 5H5v.01h-.01zM7.99 5H8v.01h-.01zM10.99 5H11v.01h-.01zM4.99 11H5v.01h-.01zM7.99 11H8v.01h-.01z\"/></svg>","call": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M9 2c2.8 0 5 2.2 5 5M7.9 13c1.3 1.3 3.5 1.3 4.8 0l1-1c.4-.4.4-1 0-1.4l-1.5-1.5c-.3-.3-1-.2-1.3.1l-.1.1c-.5.5-1.4.5-2 0L6.6 7.2c-.5-.5-.5-1.4 0-2l.1-.1c.3-.3.4-1 .1-1.3L5.3 2.3c-.3-.4-1-.4-1.3 0l-1 1C1.7 4.6 1.7 6.7 3 8.1L7.9 13z\"/></svg>","caret-down-filled": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"filled stroke-linejoin-round\" d=\"M4 5h8l-4 6-4-6z\"/></svg>","caret-down": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round\" d=\"M4 5h8l-4 6-4-6z\"/></svg>","caret-left-filled": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"filled stroke-linejoin-round\" d=\"M11 4v8L5 8l6-4z\"/></svg>","caret-right-filled": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"filled stroke-linejoin-round\" d=\"M5 4v8l6-4-6-4z\"/></svg>","caret-up-filled": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"filled stroke-linejoin-round\" d=\"M4 11h8L8 5l-4 6z\"/></svg>","caret-up": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round\" d=\"M4 11h8L8 5l-4 6z\"/></svg>","close": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path d=\"m2 2 12 12M14 2 2 14\"/></svg>","contact": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round stroke-linecap-round\" d=\"M2 12.286h5.143L8.857 14l1.714-1.714H14V2H2v10.286z\"/><path class=\"stroke-linecap-round\" d=\"M4.99 7H5v.01h-.01zM7.99 7H8v.01h-.01zM10.99 7H11v.01h-.01z\"/></svg>","copy": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round\" d=\"M2 5h9v9H2z\"/><path class=\"stroke-linejoin-round\" d=\"M5 5V2h9v9h-3\"/></svg>","download": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round\" d=\"M11 2h3v12H2V2h3\"/><path d=\"m4 6 4 4 4-4M8 1v9\"/></svg>","edit": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round\" d=\"M13 8v6H3V2h6.5M6 10l8-8\"/></svg>","ellipsis": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><circle class=\"filled\" cx=\"8\" cy=\"2.5\" r=\".5\"/><circle class=\"filled\" cx=\"8\" cy=\"8\" r=\".5\"/><circle class=\"filled\" cx=\"8\" cy=\"13.5\" r=\".5\"/></svg>","envelope": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round\" d=\"M1 2h14v12H1z\"/><path class=\"stroke-linejoin-round\" d=\"m1 4 7 6 7-6\"/></svg>","expand": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M9 2h5v5M7 2H2v5M7 14H2V9M9 14h5V9M2 2l12 12M14 2 2 14\"/></svg>","external": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linecap-square\" d=\"M10 2h4v4\"/><path d=\"m6 10 8-8\"/><path class=\"stroke-linejoin-round\" d=\"M14 9.048V14H2V2h5\"/></svg>","file-open": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M8 1v4a1 1 0 0 0 1 1h4\"/><path class=\"stroke-linejoin-round\" d=\"M3 15h10V5L9 1H3v14z\"/><path d=\"m3 8 7 7\"/></svg>","file": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round\" d=\"M8 1v5h5\"/><path class=\"stroke-linejoin-round\" d=\"M3 15V1h6l4 4v10H3z\"/></svg>","filter": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round\" d=\"M15 2H1l5 6v7h4V8l5-6z\"/></svg>","folder-open": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round\" d=\"M2 7V2h7l1 2h5v9a1 1 0 0 1-1 1H3L1 7h10l2.006 7\"/></svg>","folder": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round\" d=\"M14 14H2V2h5.143L9 5h5v9z\"/></svg>","heart": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M13.92 3.061a3.729 3.729 0 0 0-5.21 0L8 3.76l-.71-.699a3.729 3.729 0 0 0-5.21 0 3.58 3.58 0 0 0 0 5.123l5.21 5.124.003-.004L8 14l.707-.696.004.004 5.21-5.124a3.58 3.58 0 0 0 0-5.123Z\"/></svg>","key": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round\" d=\"M9 10a5.023 5.023 0 0 1 0 1 3.996 3.996 0 1 1-3-3.874L13 1h2v5h-2v2h-2l.016 1.983Z\"/><path d=\"M4.99 11H5v.01h-.01z\"/></svg>","lock-private": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round\" d=\"M2 7h12v7H2z\"/><path d=\"M4 7V5a4 4 0 0 1 8 0v2\"/></svg>","menu": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M15 8H1M15 3H1M15 13H1\"/></svg>","microphone": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><rect class=\"stroke-linejoin-round\" x=\"6\" y=\"1\" width=\"4\" height=\"8\" rx=\"2\"/><path class=\"stroke-linejoin-round\" d=\"M3 6v1a5 5 0 0 0 10 0V6M8 12v3M3 15h10\"/></svg>","notification": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round\" d=\"M8 2.167c-3.5 0-3.5 4.666-3.5 4.666L1 11.5h14l-3.5-4.667s0-4.666-3.5-4.666ZM5.667 11.5v1.167a2.333 2.333 0 0 0 4.666 0V11.5\"/><path class=\"stroke-linecap-round\" d=\"M8 1v1.167\"/></svg>","refresh": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M10 5h5V0\"/><path d=\"M15 8a6.957 6.957 0 0 1-7 7 6.957 6.957 0 0 1-7-7 6.957 6.957 0 0 1 7-7 6.87 6.87 0 0 1 6.3 4\"/></svg>","search": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><circle cx=\"7\" cy=\"7\" r=\"5\"/><path d=\"m15 15-4.5-4.5\"/></svg>","settings": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path d=\"M13.33 5.792a1.942 1.942 0 0 1 .287-1.97 6.984 6.984 0 0 0-1.44-1.439 1.943 1.943 0 0 1-3.159-1.308 6.965 6.965 0 0 0-2.037 0 1.943 1.943 0 0 1-3.158 1.308 6.962 6.962 0 0 0-1.44 1.44 1.943 1.943 0 0 1-1.308 3.158 6.972 6.972 0 0 0 0 2.037 1.943 1.943 0 0 1 1.308 3.159 6.952 6.952 0 0 0 1.44 1.44 1.942 1.942 0 0 1 3.159 1.308 6.962 6.962 0 0 0 2.036 0 1.942 1.942 0 0 1 3.159-1.308 6.974 6.974 0 0 0 1.44-1.44 1.943 1.943 0 0 1 1.308-3.159 6.974 6.974 0 0 0 0-2.037 1.942 1.942 0 0 1-1.596-1.189Z\"/><circle cx=\"8\" cy=\"8\" r=\"2\"/></svg>","share": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><circle cx=\"11\" cy=\"4\" r=\"2\"/><circle cx=\"4\" cy=\"8\" r=\"2\"/><circle cx=\"11\" cy=\"12\" r=\"2\"/><path d=\"M9.2 4.9 5.8 7.1M9.2 11.1 5.8 8.9\"/></svg>","status-in-progress": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><circle class=\"stroke-linejoin-round\" cx=\"8\" cy=\"8\" r=\"7\"/><path class=\"stroke-linecap-round\" d=\"M4.99 7.995H5v.01h-.01zM7.99 7.995H8v.01h-.01zM10.99 7.995H11v.01h-.01z\"/></svg>","status-info": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><circle class=\"stroke-linejoin-round\" cx=\"8\" cy=\"8\" r=\"7\"/><path d=\"M8 11V8H6\"/><path class=\"stroke-linejoin-round\" d=\"M10 11H6\"/><path d=\"M7.99 5H8v.01h-.01z\"/></svg>","status-negative": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><circle class=\"stroke-linejoin-round\" cx=\"8\" cy=\"8\" r=\"7\"/><path d=\"m10.828 5.172-5.656 5.656M10.828 10.828 5.172 5.172\"/></svg>","status-pending": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><circle class=\"stroke-linejoin-round\" cx=\"8\" cy=\"8\" r=\"7\"/><path class=\"stroke-linecap-square\" d=\"M8 5v4H5\"/></svg>","status-positive": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><circle class=\"stroke-linejoin-round\" cx=\"8\" cy=\"8\" r=\"7\"/><path class=\"stroke-linecap-square\" d=\"m5 8 2 2 3.521-3.521\"/></svg>","status-stopped": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><circle class=\"stroke-linejoin-round\" cx=\"8\" cy=\"8\" r=\"7\"/><path class=\"stroke-linecap-square\" d=\"M11 8H5\"/></svg>","status-warning": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round\" d=\"m8 1 7 14H1L8 1z\"/><path d=\"M7.99 12H8v.01h-.01zM8 6v4\"/></svg>","treeview-collapse": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round\" d=\"M5 8h6M2 2h12v12H2z\"/></svg>","treeview-expand": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round\" d=\"M5 8h6M8 11V5M2 2h12v12H2z\"/></svg>","undo": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round\" d=\"M4 13h5.625c4.5 0 4.5-8 0-8H3\"/><path class=\"stroke-linejoin-round\" d=\"M6 2 3 5l3 3\"/></svg>","unlocked": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round\" d=\"M2 7h12v7H2z\"/><path d=\"M11.874 4A4 4 0 0 0 4 5v2\"/></svg>","upload": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round\" d=\"M5 14H2V2h12v12h-3\"/><path d=\"M12 10 8 6l-4 4M8 6v9\"/></svg>","user-profile": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"stroke-linejoin-round\" d=\"M4.61 4.39C4.61 2.52 6.13 1 8 1s3.39 1.52 3.39 3.39S9.87 7.78 8 7.78 4.61 6.26 4.61 4.39M2.05 14.08h11.91c0-2.25-1.17-4.23-2.9-5.3A5.77 5.77 0 0 0 8 7.91c-3.29 0-5.95 2.76-5.95 6.17z\"/></svg>","view-full": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"filled\" d=\"M5 5h6v6H5z\"/><path class=\"stroke-linejoin-round\" d=\"M2 2h12v12H2z\"/></svg>","view-horizontal": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"filled\" d=\"M5 9h6v2H5z\"/><path class=\"stroke-linejoin-round\" d=\"M2 2h12v12H2z\"/></svg>","view-vertical": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><path class=\"filled\" d=\"M11 5v6H9V5z\"/><path class=\"stroke-linejoin-round\" d=\"M2 2h12v12H2z\"/></svg>","zoom-in": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><circle cx=\"6.885\" cy=\"6.885\" r=\"5.385\"/><path d=\"m14.5 14.5-3.846-3.846M7 4v6M10 7H4\"/></svg>","zoom-out": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" focusable=\"false\" aria-hidden=\"true\"><circle cx=\"6.885\" cy=\"6.885\" r=\"5.385\"/><path d=\"m14.5 14.5-3.846-3.846M10 7H4\"/></svg>"
+  }

package/icon/index.d.ts

@@ -0,0 +1,4 @@
+import { IconProps } from './interfaces';
+export { IconProps };
+export default function Icon({ size, variant, ...props }: IconProps): JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/icon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icon/index.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,OAAO,EAAE,SAAS,EAAE,CAAC;AAErB,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAAE,IAAe,EAAE,OAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,SAAS,eAGxF"}

package/icon/index.js

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+import useBaseComponent from '../internal/hooks/use-base-component';
+import { applyDisplayName } from '../internal/utils/apply-display-name';
+import InternalIcon from './internal';
+export default function Icon(_a) {
+    var _b = _a.size, size = _b === void 0 ? 'normal' : _b, _c = _a.variant, variant = _c === void 0 ? 'normal' : _c, props = __rest(_a, ["size", "variant"]);
+    var baseComponentProps = useBaseComponent('Icon');
+    return React.createElement(InternalIcon, __assign({ size: size, variant: variant }, props, baseComponentProps));
+}
+applyDisplayName(Icon, 'Icon');
+//# sourceMappingURL=index.js.map

package/icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/icon/index.tsx"],"names":[],"mappings":";AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,gBAAgB,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,YAAY,MAAM,YAAY,CAAC;AAKtC,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAA4D;IAA1D,IAAA,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EAAE,eAAkB,EAAlB,OAAO,mBAAG,QAAQ,KAAA,EAAK,KAAK,cAA/C,mBAAiD,CAAF;IAC1E,IAAM,kBAAkB,GAAG,gBAAgB,CAAC,MAAM,CAAC,CAAC;IACpD,OAAO,oBAAC,YAAY,aAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,IAAM,KAAK,EAAM,kBAAkB,EAAI,CAAC;AAC3F,CAAC;AAED,gBAAgB,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport useBaseComponent from '../internal/hooks/use-base-component';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport InternalIcon from './internal';\nimport { IconProps } from './interfaces';\n\nexport { IconProps };\n\nexport default function Icon({ size = 'normal', variant = 'normal', ...props }: IconProps) {\n  const baseComponentProps = useBaseComponent('Icon');\n  return <InternalIcon size={size} variant={variant} {...props} {...baseComponentProps} />;\n}\n\napplyDisplayName(Icon, 'Icon');\n"]}

package/icon/interfaces.d.ts

@@ -0,0 +1,62 @@
+import React from 'react';
+import { BaseComponentProps } from '../internal/base-component';
+export interface IconProps extends BaseComponentProps {
+    /**
+     * Specifies the icon to be displayed.
+     */
+    name?: IconProps.Name;
+    /**
+     * Specifies the size of the icon.
+     *
+     * If you set size to `inherit`, an icon size will be assigned based on the icon's inherited line height.
+     * For icons used alongside text, ensure the icon is placed inside the acompanying text tag.
+     * The icon will be vertically centered based on the height.
+     *
+     * @visualrefresh `medium` size
+     */
+    size?: IconProps.Size;
+    /**
+     * Specifies the color variant of the icon. The `normal` variant picks up the current color of its context.
+     */
+    variant?: IconProps.Variant;
+    /**
+     * Specifies the URL of a custom icon. Use this property if the icon you want isn't available, and your custom icon cannot be an SVG.
+     * For SVG icons, use the `svg` slot instead.
+     *
+     * If you set both `url` and `svg`, `svg` will take precedence.
+     */
+    url?: string;
+    /**
+     * Specifies alternate text for a custom icon. We recommend that you provide this for accessibility.
+     * This property is ignored if you use a predefined icon or if you set your custom icon using the `svg` slot.
+     */
+    alt?: string;
+    /**
+     * Specifies the SVG of a custom icon.
+     *
+     * Use this property if the icon you want isn't available, and you want your custom icon to inherit colors dictated by variant or hover states.
+     * When this property is set, the component will be decorated with `aria-hidden="true"`. Ensure that the `svg` element:
+     * - has attribute `focusable="false"`.
+     * - has `viewBox="0 0 16 16"`.
+     *
+     * If you set the `svg` element as the root node of the slot, the component will automatically
+     * - set `stroke="currentColor"`, `fill="none"`, and `vertical-align="top"`.
+     * - set the stroke width based on the size of the icon.
+     * - set the width and height of the SVG element based on the size of the icon.
+     *
+     * If you don't want these styles to be automatically set, wrap the `svg` element into a `span` and ensure icon `size` is not set to `inherit`.
+     * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.
+     *
+     * If you set both `url` and `svg`, `svg` will take precedence.
+     *
+     * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.
+     * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.
+     */
+    svg?: React.ReactNode;
+}
+export declare namespace IconProps {
+    type Name = 'add-plus' | 'angle-left-double' | 'angle-left' | 'angle-right-double' | 'angle-right' | 'angle-up' | 'angle-down' | 'arrow-left' | 'bug' | 'call' | 'calendar' | 'caret-down-filled' | 'caret-down' | 'caret-left-filled' | 'caret-right-filled' | 'caret-up-filled' | 'caret-up' | 'contact' | 'close' | 'copy' | 'download' | 'edit' | 'ellipsis' | 'envelope' | 'expand' | 'external' | 'file-open' | 'file' | 'filter' | 'folder-open' | 'folder' | 'heart' | 'key' | 'lock-private' | 'menu' | 'microphone' | 'notification' | 'refresh' | 'search' | 'settings' | 'share' | 'status-in-progress' | 'status-info' | 'status-negative' | 'status-pending' | 'status-positive' | 'status-stopped' | 'status-warning' | 'treeview-collapse' | 'treeview-expand' | 'undo' | 'unlocked' | 'upload' | 'user-profile' | 'view-full' | 'view-horizontal' | 'view-vertical' | 'zoom-in' | 'zoom-out';
+    type Variant = 'normal' | 'disabled' | 'error' | 'inverted' | 'link' | 'subtle' | 'success' | 'warning';
+    type Size = 'small' | 'normal' | 'medium' | 'big' | 'large' | 'inherit';
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/icon/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/icon/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAEhE,MAAM,WAAW,SAAU,SAAQ,kBAAkB;IACnD;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IACtB;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC,OAAO,CAAC;IAE5B;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,GAAG,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB;AAED,yBAAiB,SAAS,CAAC;IAGzB,KAAY,IAAI,GACZ,UAAU,GACV,mBAAmB,GACnB,YAAY,GACZ,oBAAoB,GACpB,aAAa,GACb,UAAU,GACV,YAAY,GACZ,YAAY,GACZ,KAAK,GACL,MAAM,GACN,UAAU,GACV,mBAAmB,GACnB,YAAY,GACZ,mBAAmB,GACnB,oBAAoB,GACpB,iBAAiB,GACjB,UAAU,GACV,SAAS,GACT,OAAO,GACP,MAAM,GACN,UAAU,GACV,MAAM,GACN,UAAU,GACV,UAAU,GACV,QAAQ,GACR,UAAU,GACV,WAAW,GACX,MAAM,GACN,QAAQ,GACR,aAAa,GACb,QAAQ,GACR,OAAO,GACP,KAAK,GACL,cAAc,GACd,MAAM,GACN,YAAY,GACZ,cAAc,GACd,SAAS,GACT,QAAQ,GACR,UAAU,GACV,OAAO,GACP,oBAAoB,GACpB,aAAa,GACb,iBAAiB,GACjB,gBAAgB,GAChB,iBAAiB,GACjB,gBAAgB,GAChB,gBAAgB,GAChB,mBAAmB,GACnB,iBAAiB,GACjB,MAAM,GACN,UAAU,GACV,QAAQ,GACR,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,eAAe,GACf,SAAS,GACT,UAAU,CAAC;IAEf,KAAY,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAE/G,KAAY,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,KAAK,GAAG,OAAO,GAAG,SAAS,CAAC;CAChF"}

package/icon/interfaces.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=interfaces.js.map

package/icon/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/icon/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React from 'react';\nimport { BaseComponentProps } from '../internal/base-component';\n\nexport interface IconProps extends BaseComponentProps {\n  /**\n   * Specifies the icon to be displayed.\n   */\n  name?: IconProps.Name;\n  /**\n   * Specifies the size of the icon.\n   *\n   * If you set size to `inherit`, an icon size will be assigned based on the icon's inherited line height.\n   * For icons used alongside text, ensure the icon is placed inside the acompanying text tag.\n   * The icon will be vertically centered based on the height.\n   *\n   * @visualrefresh `medium` size\n   */\n  size?: IconProps.Size;\n\n  /**\n   * Specifies the color variant of the icon. The `normal` variant picks up the current color of its context.\n   */\n  variant?: IconProps.Variant;\n\n  /**\n   * Specifies the URL of a custom icon. Use this property if the icon you want isn't available, and your custom icon cannot be an SVG.\n   * For SVG icons, use the `svg` slot instead.\n   *\n   * If you set both `url` and `svg`, `svg` will take precedence.\n   */\n  url?: string;\n  /**\n   * Specifies alternate text for a custom icon. We recommend that you provide this for accessibility.\n   * This property is ignored if you use a predefined icon or if you set your custom icon using the `svg` slot.\n   */\n  alt?: string;\n\n  /**\n   * Specifies the SVG of a custom icon.\n   *\n   * Use this property if the icon you want isn't available, and you want your custom icon to inherit colors dictated by variant or hover states.\n   * When this property is set, the component will be decorated with `aria-hidden=\"true\"`. Ensure that the `svg` element:\n   * - has attribute `focusable=\"false\"`.\n   * - has `viewBox=\"0 0 16 16\"`.\n   *\n   * If you set the `svg` element as the root node of the slot, the component will automatically\n   * - set `stroke=\"currentColor\"`, `fill=\"none\"`, and `vertical-align=\"top\"`.\n   * - set the stroke width based on the size of the icon.\n   * - set the width and height of the SVG element based on the size of the icon.\n   *\n   * If you don't want these styles to be automatically set, wrap the `svg` element into a `span` and ensure icon `size` is not set to `inherit`.\n   * You can still set the stroke to `currentColor` to inherit the color of the surrounding elements.\n   *\n   * If you set both `url` and `svg`, `svg` will take precedence.\n   *\n   * *Note:* Remember to remove any additional elements (for example: `defs`) and related CSS classes from SVG files exported from design software.\n   * In most cases, they aren't needed, as the `svg` element inherits styles from the icon component.\n   */\n  svg?: React.ReactNode;\n}\n\nexport namespace IconProps {\n  // Why not enums? Explained there\n  // https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum\n  export type Name =\n    | 'add-plus'\n    | 'angle-left-double'\n    | 'angle-left'\n    | 'angle-right-double'\n    | 'angle-right'\n    | 'angle-up'\n    | 'angle-down'\n    | 'arrow-left'\n    | 'bug'\n    | 'call'\n    | 'calendar'\n    | 'caret-down-filled'\n    | 'caret-down'\n    | 'caret-left-filled'\n    | 'caret-right-filled'\n    | 'caret-up-filled'\n    | 'caret-up'\n    | 'contact'\n    | 'close'\n    | 'copy'\n    | 'download'\n    | 'edit'\n    | 'ellipsis'\n    | 'envelope'\n    | 'expand'\n    | 'external'\n    | 'file-open'\n    | 'file'\n    | 'filter'\n    | 'folder-open'\n    | 'folder'\n    | 'heart'\n    | 'key'\n    | 'lock-private'\n    | 'menu'\n    | 'microphone'\n    | 'notification'\n    | 'refresh'\n    | 'search'\n    | 'settings'\n    | 'share'\n    | 'status-in-progress'\n    | 'status-info'\n    | 'status-negative'\n    | 'status-pending'\n    | 'status-positive'\n    | 'status-stopped'\n    | 'status-warning'\n    | 'treeview-collapse'\n    | 'treeview-expand'\n    | 'undo'\n    | 'unlocked'\n    | 'upload'\n    | 'user-profile'\n    | 'view-full'\n    | 'view-horizontal'\n    | 'view-vertical'\n    | 'zoom-in'\n    | 'zoom-out';\n\n  export type Variant = 'normal' | 'disabled' | 'error' | 'inverted' | 'link' | 'subtle' | 'success' | 'warning';\n\n  export type Size = 'small' | 'normal' | 'medium' | 'big' | 'large' | 'inherit';\n}\n"]}

package/icon/internal.d.ts

@@ -0,0 +1,9 @@
+import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+import { IconProps } from './interfaces';
+declare type InternalIconProps = IconProps & InternalBaseComponentProps & {
+    badge?: boolean;
+};
+declare const InternalIcon: ({ name, size, variant, url, alt, svg, badge, __internalRootRef, ...props }: InternalIconProps) => JSX.Element;
+export { InternalIconProps };
+export default InternalIcon;
+//# sourceMappingURL=internal.d.ts.map

package/icon/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../../src/icon/internal.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,sCAAsC,CAAC;AAClF,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAIzC,aAAK,iBAAiB,GAAG,SAAS,GAChC,0BAA0B,GAAG;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB,CAAC;AAkBJ,QAAA,MAAM,YAAY,+EAUf,iBAAiB,gBAoEnB,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC7B,eAAe,YAAY,CAAC"}

package/icon/internal.js

@@ -0,0 +1,71 @@
+import { __assign, __rest } from "tslib";
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import clsx from 'clsx';
+import React, { useLayoutEffect, useRef, useState } from 'react';
+import { getBaseProps } from '../internal/base-component';
+import { warnOnce } from '../internal/logging';
+import styles from './styles.css.js';
+import icons from './icons';
+import { useMergeRefs } from '../internal/hooks/use-merge-refs';
+import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
+function iconSizeMap(height) {
+    if (height) {
+        if (height >= 50) {
+            return 'large';
+        }
+        else if (height >= 36) {
+            return 'big';
+        }
+        else if (height >= 24) {
+            return 'medium';
+        }
+        else if (height <= 16) {
+            return 'small';
+        }
+        else {
+            return 'normal';
+        }
+    }
+}
+var InternalIcon = function (_a) {
+    var name = _a.name, _b = _a.size, size = _b === void 0 ? 'normal' : _b, _c = _a.variant, variant = _c === void 0 ? 'normal' : _c, url = _a.url, alt = _a.alt, svg = _a.svg, badge = _a.badge, _d = _a.__internalRootRef, __internalRootRef = _d === void 0 ? null : _d, props = __rest(_a, ["name", "size", "variant", "url", "alt", "svg", "badge", "__internalRootRef"]);
+    var iconRef = useRef(null);
+    // To ensure a re-render is triggered on visual mode changes
+    useVisualRefresh(iconRef);
+    var _e = useState(0), parentHeight = _e[0], setParentHeight = _e[1];
+    var contextualSize = size === 'inherit';
+    var iconSize = contextualSize ? iconSizeMap(parentHeight) : size;
+    var inlineStyles = { height: contextualSize ? "".concat(parentHeight, "px") : '' };
+    var baseProps = getBaseProps(props);
+    baseProps.className = clsx(baseProps.className, styles.icon, contextualSize && styles['icon-flex-height'], badge && styles.badge, !contextualSize && styles["size-".concat(iconSize, "-mapped-height")], styles["size-".concat(iconSize)], styles["variant-".concat(variant)]);
+    // Possible infinite loop is not a concern here because line
+    // height should not change without an external state update.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    useLayoutEffect(function () {
+        if (!contextualSize || !iconRef.current) {
+            return;
+        }
+        var lineHeight = getComputedStyle(iconRef.current).lineHeight;
+        var newParentHeight = parseInt(lineHeight, 10);
+        setParentHeight(newParentHeight);
+    });
+    var mergedRef = useMergeRefs(iconRef, __internalRootRef);
+    if (svg) {
+        if (url) {
+            warnOnce('Icon', 'You have specified both `url` and `svg`. `svg` will take precedence and `url` will be ignored.');
+        }
+        return (React.createElement("span", __assign({}, baseProps, { ref: mergedRef, "aria-hidden": "true", style: inlineStyles }), svg));
+    }
+    if (url) {
+        return (React.createElement("span", __assign({}, baseProps, { ref: mergedRef, style: inlineStyles }),
+            React.createElement("img", { src: url, alt: alt })));
+    }
+    var validIcon = name && Object.prototype.hasOwnProperty.call(icons, name);
+    return (React.createElement("span", __assign({}, baseProps, { 
+        // dangerouslySetInnerHTML is safe here, as we control the content coming from `icons`
+        // eslint-disable-next-line react/no-danger
+        dangerouslySetInnerHTML: validIcon ? { __html: icons[name] } : undefined, ref: mergedRef, style: inlineStyles })));
+};
+export default InternalIcon;
+//# sourceMappingURL=internal.js.map

package/icon/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../src/icon/internal.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport clsx from 'clsx';\nimport React, { useLayoutEffect, useRef, useState } from 'react';\nimport { getBaseProps } from '../internal/base-component';\nimport { warnOnce } from '../internal/logging';\nimport styles from './styles.css.js';\nimport icons from './icons';\nimport { InternalBaseComponentProps } from '../internal/hooks/use-base-component';\nimport { IconProps } from './interfaces';\nimport { useMergeRefs } from '../internal/hooks/use-merge-refs';\nimport { useVisualRefresh } from '../internal/hooks/use-visual-mode';\n\ntype InternalIconProps = IconProps &\n  InternalBaseComponentProps & {\n    badge?: boolean;\n  };\n\nfunction iconSizeMap(height: number) {\n  if (height) {\n    if (height >= 50) {\n      return 'large';\n    } else if (height >= 36) {\n      return 'big';\n    } else if (height >= 24) {\n      return 'medium';\n    } else if (height <= 16) {\n      return 'small';\n    } else {\n      return 'normal';\n    }\n  }\n}\n\nconst InternalIcon = ({\n  name,\n  size = 'normal',\n  variant = 'normal',\n  url,\n  alt,\n  svg,\n  badge,\n  __internalRootRef = null,\n  ...props\n}: InternalIconProps) => {\n  const iconRef = useRef<HTMLElement>(null);\n  // To ensure a re-render is triggered on visual mode changes\n  useVisualRefresh(iconRef);\n  const [parentHeight, setParentHeight] = useState(0);\n  const contextualSize = size === 'inherit';\n  const iconSize = contextualSize ? iconSizeMap(parentHeight) : size;\n  const inlineStyles = { height: contextualSize ? `${parentHeight}px` : '' };\n  const baseProps = getBaseProps(props);\n\n  baseProps.className = clsx(\n    baseProps.className,\n    styles.icon,\n    contextualSize && styles['icon-flex-height'],\n    badge && styles.badge,\n    !contextualSize && styles[`size-${iconSize}-mapped-height`],\n    styles[`size-${iconSize}`],\n    styles[`variant-${variant}`]\n  );\n\n  // Possible infinite loop is not a concern here because line\n  // height should not change without an external state update.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useLayoutEffect(() => {\n    if (!contextualSize || !iconRef.current) {\n      return;\n    }\n    const { lineHeight } = getComputedStyle(iconRef.current);\n    const newParentHeight = parseInt(lineHeight, 10);\n    setParentHeight(newParentHeight);\n  });\n\n  const mergedRef = useMergeRefs(iconRef, __internalRootRef);\n\n  if (svg) {\n    if (url) {\n      warnOnce(\n        'Icon',\n        'You have specified both `url` and `svg`. `svg` will take precedence and `url` will be ignored.'\n      );\n    }\n    return (\n      <span {...baseProps} ref={mergedRef} aria-hidden=\"true\" style={inlineStyles}>\n        {svg}\n      </span>\n    );\n  }\n\n  if (url) {\n    return (\n      <span {...baseProps} ref={mergedRef} style={inlineStyles}>\n        <img src={url} alt={alt} />\n      </span>\n    );\n  }\n\n  const validIcon = name && Object.prototype.hasOwnProperty.call(icons, name);\n\n  return (\n    <span\n      {...baseProps}\n      // dangerouslySetInnerHTML is safe here, as we control the content coming from `icons`\n      // eslint-disable-next-line react/no-danger\n      dangerouslySetInnerHTML={validIcon ? { __html: icons[name] } : undefined}\n      ref={mergedRef}\n      style={inlineStyles}\n    />\n  );\n};\n\nexport { InternalIconProps };\nexport default InternalIcon;\n"]}

package/icon/styles.css.js

@@ -0,0 +1,26 @@
+
+    import './styles.scoped.css';
+    export default {
+  "icon": "awsui_icon_h11ix_k54ie_98",
+  "icon-flex-height": "awsui_icon-flex-height_h11ix_k54ie_104",
+  "size-small": "awsui_size-small_h11ix_k54ie_129",
+  "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_k54ie_133",
+  "size-normal": "awsui_size-normal_h11ix_k54ie_147",
+  "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_k54ie_151",
+  "size-medium": "awsui_size-medium_h11ix_k54ie_165",
+  "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_k54ie_169",
+  "size-big": "awsui_size-big_h11ix_k54ie_183",
+  "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_k54ie_187",
+  "size-large": "awsui_size-large_h11ix_k54ie_201",
+  "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_k54ie_205",
+  "variant-normal": "awsui_variant-normal_h11ix_k54ie_219",
+  "variant-disabled": "awsui_variant-disabled_h11ix_k54ie_222",
+  "variant-inverted": "awsui_variant-inverted_h11ix_k54ie_225",
+  "variant-subtle": "awsui_variant-subtle_h11ix_k54ie_228",
+  "variant-warning": "awsui_variant-warning_h11ix_k54ie_231",
+  "variant-error": "awsui_variant-error_h11ix_k54ie_234",
+  "variant-success": "awsui_variant-success_h11ix_k54ie_237",
+  "variant-link": "awsui_variant-link_h11ix_k54ie_240",
+  "badge": "awsui_badge_h11ix_k54ie_244"
+};
+  

package/icon/styles.scoped.css

@@ -0,0 +1,286 @@
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/* stylelint-enable @cloudscape-design/no-motion-outside-of-mixin, selector-combinator-disallowed-list, selector-pseudo-class-no-unknown, selector-class-pattern */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* Style used for links in slots/components that are text heavy, to help links stand out among 
+surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F73#description */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+/* stylelint-disable selector-max-universal, selector-max-type */
+/*
+ Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+ SPDX-License-Identifier: Apache-2.0
+*/
+.awsui_icon_h11ix_k54ie_98:not(#\9) {
+  position: relative;
+  display: inline-block;
+  vertical-align: top;
+  /* stylelint-disable-next-line selector-max-type */
+}
+.awsui_icon-flex-height_h11ix_k54ie_104:not(#\9) {
+  display: inline-flex;
+  align-items: center;
+}
+.awsui_icon_h11ix_k54ie_98 > svg:not(#\9) {
+  pointer-events: none;
+}
+.awsui_icon_h11ix_k54ie_98 > svg:not(#\9) {
+  fill: none;
+}
+.awsui_icon_h11ix_k54ie_98 > svg *:not(#\9) {
+  stroke: currentColor;
+}
+.awsui_icon_h11ix_k54ie_98 > svg .stroke-linejoin-round:not(#\9) {
+  stroke-linejoin: round;
+}
+.awsui_icon_h11ix_k54ie_98 > svg .stroke-linecap-square:not(#\9) {
+  stroke-linecap: square;
+}
+.awsui_icon_h11ix_k54ie_98 > svg .stroke-linecap-round:not(#\9) {
+  stroke-linecap: round;
+}
+.awsui_icon_h11ix_k54ie_98 > svg .filled:not(#\9) {
+  fill: currentColor;
+}
+.awsui_icon_h11ix_k54ie_98.awsui_size-small_h11ix_k54ie_129:not(#\9) {
+  width: 16px;
+  width: var(--size-icon-normal-j1z5fn, 16px);
+  box-sizing: border-box;
+}
+.awsui_icon_h11ix_k54ie_98.awsui_size-small-mapped-height_h11ix_k54ie_133:not(#\9) {
+  height: 16px;
+  height: var(--font-body-s-line-height-kdsbrl, 16px);
+  padding: calc((16px - 16px) / 2) 0;
+  padding: calc((var(--font-body-s-line-height-kdsbrl, 16px) - var(--size-icon-normal-j1z5fn, 16px)) / 2) 0;
+}
+.awsui_icon_h11ix_k54ie_98.awsui_size-small_h11ix_k54ie_129 > svg:not(#\9),
+.awsui_icon_h11ix_k54ie_98.awsui_size-small_h11ix_k54ie_129 > img:not(#\9) {
+  width: 16px;
+  width: var(--size-icon-normal-j1z5fn, 16px);
+  height: 16px;
+  height: var(--size-icon-normal-j1z5fn, 16px);
+  vertical-align: top;
+}
+.awsui_icon_h11ix_k54ie_98.awsui_size-small_h11ix_k54ie_129 > svg:not(#\9),
+.awsui_icon_h11ix_k54ie_98.awsui_size-small_h11ix_k54ie_129 > svg *:not(#\9) {
+  stroke-width: 2px;
+}
+.awsui_icon_h11ix_k54ie_98.awsui_size-normal_h11ix_k54ie_147:not(#\9) {
+  width: 16px;
+  width: var(--size-icon-normal-j1z5fn, 16px);
+  box-sizing: border-box;
+}
+.awsui_icon_h11ix_k54ie_98.awsui_size-normal-mapped-height_h11ix_k54ie_151:not(#\9) {
+  height: 22px;
+  height: var(--font-body-m-line-height-i7xxvv, 22px);
+  padding: calc((22px - 16px) / 2) 0;
+  padding: calc((var(--font-body-m-line-height-i7xxvv, 22px) - var(--size-icon-normal-j1z5fn, 16px)) / 2) 0;
+}
+.awsui_icon_h11ix_k54ie_98.awsui_size-normal_h11ix_k54ie_147 > svg:not(#\9),
+.awsui_icon_h11ix_k54ie_98.awsui_size-normal_h11ix_k54ie_147 > img:not(#\9) {
+  width: 16px;
+  width: var(--size-icon-normal-j1z5fn, 16px);
+  height: 16px;
+  height: var(--size-icon-normal-j1z5fn, 16px);
+  vertical-align: top;
+}
+.awsui_icon_h11ix_k54ie_98.awsui_size-normal_h11ix_k54ie_147 > svg:not(#\9),
+.awsui_icon_h11ix_k54ie_98.awsui_size-normal_h11ix_k54ie_147 > svg *:not(#\9) {
+  stroke-width: 2px;
+}
+.awsui_icon_h11ix_k54ie_98.awsui_size-medium_h11ix_k54ie_165:not(#\9) {
+  width: 20px;
+  width: var(--size-icon-medium-fvz0oi, 20px);
+  box-sizing: border-box;
+}
+.awsui_icon_h11ix_k54ie_98.awsui_size-medium-mapped-height_h11ix_k54ie_169:not(#\9) {
+  height: 30px;
+  height: var(--font-heading-l-line-height-gev4n1, 30px);
+  padding: calc((30px - 20px) / 2) 0;
+  padding: calc((var(--font-heading-l-line-height-gev4n1, 30px) - var(--size-icon-medium-fvz0oi, 20px)) / 2) 0;
+}
+.awsui_icon_h11ix_k54ie_98.awsui_size-medium_h11ix_k54ie_165 > svg:not(#\9),
+.awsui_icon_h11ix_k54ie_98.awsui_size-medium_h11ix_k54ie_165 > img:not(#\9) {
+  width: 20px;
+  width: var(--size-icon-medium-fvz0oi, 20px);
+  height: 20px;
+  height: var(--size-icon-medium-fvz0oi, 20px);
+  vertical-align: top;
+}
+.awsui_icon_h11ix_k54ie_98.awsui_size-medium_h11ix_k54ie_165 > svg:not(#\9),
+.awsui_icon_h11ix_k54ie_98.awsui_size-medium_h11ix_k54ie_165 > svg *:not(#\9) {
+  stroke-width: 2px;
+}
+.awsui_icon_h11ix_k54ie_98.awsui_size-big_h11ix_k54ie_183:not(#\9) {
+  width: 32px;
+  width: var(--size-icon-big-cu55wt, 32px);
+  box-sizing: border-box;
+}
+.awsui_icon_h11ix_k54ie_98.awsui_size-big-mapped-height_h11ix_k54ie_187:not(#\9) {
+  height: 40px;
+  height: var(--font-heading-xl-line-height-doxfdj, 40px);
+  padding: calc((40px - 32px) / 2) 0;
+  padding: calc((var(--font-heading-xl-line-height-doxfdj, 40px) - var(--size-icon-big-cu55wt, 32px)) / 2) 0;
+}
+.awsui_icon_h11ix_k54ie_98.awsui_size-big_h11ix_k54ie_183 > svg:not(#\9),
+.awsui_icon_h11ix_k54ie_98.awsui_size-big_h11ix_k54ie_183 > img:not(#\9) {
+  width: 32px;
+  width: var(--size-icon-big-cu55wt, 32px);
+  height: 32px;
+  height: var(--size-icon-big-cu55wt, 32px);
+  vertical-align: top;
+}
+.awsui_icon_h11ix_k54ie_98.awsui_size-big_h11ix_k54ie_183 > svg:not(#\9),
+.awsui_icon_h11ix_k54ie_98.awsui_size-big_h11ix_k54ie_183 > svg *:not(#\9) {
+  stroke-width: 2px;
+}
+.awsui_icon_h11ix_k54ie_98.awsui_size-large_h11ix_k54ie_201:not(#\9) {
+  width: 48px;
+  width: var(--size-icon-large-9vh494, 48px);
+  box-sizing: border-box;
+}
+.awsui_icon_h11ix_k54ie_98.awsui_size-large-mapped-height_h11ix_k54ie_205:not(#\9) {
+  height: 54px;
+  height: var(--font-display-l-line-height-71tnj3, 54px);
+  padding: calc((54px - 48px) / 2) 0;
+  padding: calc((var(--font-display-l-line-height-71tnj3, 54px) - var(--size-icon-large-9vh494, 48px)) / 2) 0;
+}
+.awsui_icon_h11ix_k54ie_98.awsui_size-large_h11ix_k54ie_201 > svg:not(#\9),
+.awsui_icon_h11ix_k54ie_98.awsui_size-large_h11ix_k54ie_201 > img:not(#\9) {
+  width: 48px;
+  width: var(--size-icon-large-9vh494, 48px);
+  height: 48px;
+  height: var(--size-icon-large-9vh494, 48px);
+  vertical-align: top;
+}
+.awsui_icon_h11ix_k54ie_98.awsui_size-large_h11ix_k54ie_201 > svg:not(#\9),
+.awsui_icon_h11ix_k54ie_98.awsui_size-large_h11ix_k54ie_201 > svg *:not(#\9) {
+  stroke-width: 1.2px;
+}
+.awsui_icon_h11ix_k54ie_98.awsui_variant-normal_h11ix_k54ie_219:not(#\9) {
+  color: currentColor;
+}
+.awsui_icon_h11ix_k54ie_98.awsui_variant-disabled_h11ix_k54ie_222:not(#\9) {
+  color: #9ba7b6;
+  color: var(--color-text-interactive-disabled-3pbb07, #9ba7b6);
+}
+.awsui_icon_h11ix_k54ie_98.awsui_variant-inverted_h11ix_k54ie_225:not(#\9) {
+  color: #ffffff;
+  color: var(--color-text-inverted-821sko, #ffffff);
+}
+.awsui_icon_h11ix_k54ie_98.awsui_variant-subtle_h11ix_k54ie_228:not(#\9) {
+  color: #5f6b7a;
+  color: var(--color-text-icon-subtle-bz5b7h, #5f6b7a);
+}
+.awsui_icon_h11ix_k54ie_98.awsui_variant-warning_h11ix_k54ie_231:not(#\9) {
+  color: #d91515;
+  color: var(--color-text-status-warning-27nlyh, #d91515);
+}
+.awsui_icon_h11ix_k54ie_98.awsui_variant-error_h11ix_k54ie_234:not(#\9) {
+  color: #d91515;
+  color: var(--color-text-status-error-5sesl6, #d91515);
+}
+.awsui_icon_h11ix_k54ie_98.awsui_variant-success_h11ix_k54ie_237:not(#\9) {
+  color: #037f0c;
+  color: var(--color-text-status-success-0fzhv9, #037f0c);
+}
+.awsui_icon_h11ix_k54ie_98.awsui_variant-link_h11ix_k54ie_240:not(#\9) {
+  color: #0972d3;
+  color: var(--color-text-link-default-5f186r, #0972d3);
+}
+
+.awsui_badge_h11ix_k54ie_244:not(#\9)::after {
+  content: "";
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  border-radius: 8px;
+  background-color: #0972d3;
+  background-color: var(--color-text-status-info-utupcz, #0972d3);
+  top: 2px;
+  right: -2px;
+}

package/icon/styles.selectors.js

@@ -0,0 +1,27 @@
+
+    // es-module interop with Babel and Typescript
+    Object.defineProperty(exports, "__esModule", { value: true });
+    module.exports.default = {
+  "icon": "awsui_icon_h11ix_k54ie_98",
+  "icon-flex-height": "awsui_icon-flex-height_h11ix_k54ie_104",
+  "size-small": "awsui_size-small_h11ix_k54ie_129",
+  "size-small-mapped-height": "awsui_size-small-mapped-height_h11ix_k54ie_133",
+  "size-normal": "awsui_size-normal_h11ix_k54ie_147",
+  "size-normal-mapped-height": "awsui_size-normal-mapped-height_h11ix_k54ie_151",
+  "size-medium": "awsui_size-medium_h11ix_k54ie_165",
+  "size-medium-mapped-height": "awsui_size-medium-mapped-height_h11ix_k54ie_169",
+  "size-big": "awsui_size-big_h11ix_k54ie_183",
+  "size-big-mapped-height": "awsui_size-big-mapped-height_h11ix_k54ie_187",
+  "size-large": "awsui_size-large_h11ix_k54ie_201",
+  "size-large-mapped-height": "awsui_size-large-mapped-height_h11ix_k54ie_205",
+  "variant-normal": "awsui_variant-normal_h11ix_k54ie_219",
+  "variant-disabled": "awsui_variant-disabled_h11ix_k54ie_222",
+  "variant-inverted": "awsui_variant-inverted_h11ix_k54ie_225",
+  "variant-subtle": "awsui_variant-subtle_h11ix_k54ie_228",
+  "variant-warning": "awsui_variant-warning_h11ix_k54ie_231",
+  "variant-error": "awsui_variant-error_h11ix_k54ie_234",
+  "variant-success": "awsui_variant-success_h11ix_k54ie_237",
+  "variant-link": "awsui_variant-link_h11ix_k54ie_240",
+  "badge": "awsui_badge_h11ix_k54ie_244"
+};
+