npm - @amboss/design-system - Versions diffs - 2.4.0 → 2.4.1 - Mend

@amboss/design-system 2.4.0 → 2.4.1

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 (17) hide show

package/build/cjs/components/Form/SearchInput/SearchInput.js +1 -1
package/build/cjs/components/Form/ToggleButton/ToggleButton.js +1 -1
package/build/cjs/components/MediaItem/MediaItem.js +1 -1
package/build/cjs/components/Tag/Tag.js +1 -1
package/build/cjs/web-tokens/_colors.json +198 -198
package/build/cjs/web-tokens/visualConfig.d.ts +32 -32
package/build/cjs/web-tokens/visualConfig.js +1 -1
package/build/esm/components/Form/SearchInput/SearchInput.js +1 -1
package/build/esm/components/Form/ToggleButton/ToggleButton.js +1 -1
package/build/esm/components/MediaItem/MediaItem.js +1 -1
package/build/esm/components/Tag/Tag.js +1 -1
package/build/esm/web-tokens/_colors.json +198 -198
package/build/esm/web-tokens/visualConfig.d.ts +32 -32
package/build/esm/web-tokens/visualConfig.js +1 -1
package/build/scss/_theming.scss +100 -48
package/build/scss/_variables.scss +81 -55
package/package.json +1 -1

package/build/cjs/components/Tag/Tag.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{MAX_TAG_WIDTH:function(){return MAX_TAG_WIDTH},Tag:function(){return Tag}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=_interop_require_default._(require("react")),_styled=_interop_require_default._(require("@emotion/styled")),_PictogramButton=require("../PictogramButton/PictogramButton"),MAX_TAG_WIDTH=200,TagContainer=(0,_styled.default)("span",{target:"e2kqscs0",label:"TagContainer"})(({theme,colorVariant,isRemovable})=>({display:"inline-flex",alignItems:"center",maxWidth:`${MAX_TAG_WIDTH}px`,paddingLeft:theme.variables.size.spacing.xs,paddingRight:isRemovable?theme.variables.size.spacing.zero:theme.variables.size.spacing.xs,borderRadius:theme.variables.size.borderRadius.xs,backgroundColor:theme.values.color.tag.background[colorVariant],color:theme.values.color.tag.text[colorVariant],fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs}),"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVGFnL1RhZy50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1RhZy9UYWcudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcblxuZXhwb3J0IGNvbnN0IE1BWF9UQUdfV0lEVEggPSAyMDA7XG5cbnR5cGUgQmFzZVRhZ1Byb3BzID0ge1xuICBsYWJlbDogc3RyaW5nO1xuICBjb2xvclZhcmlhbnQ/OiBcImdyYXlcIiB8IFwiYmx1ZVwiO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG50eXBlIENvbmRpdGlvbmFsVGFnUHJvcHMgPVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlPzogZmFsc2U7XG4gICAgICBvbkNsZWFyPzogbmV2ZXI7XG4gICAgICBjbGVhckJ0bkFyaWFMYWJlbD86IG5ldmVyO1xuICAgIH1cbiAgfCB7XG4gICAgICBpc1JlbW92YWJsZTogdHJ1ZTtcbiAgICAgIG9uQ2xlYXI6IChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xuICAgICAgY2xlYXJCdG5BcmlhTGFiZWw/OiBzdHJpbmc7XG4gICAgfTtcblxuZXhwb3J0IHR5cGUgVGFnUHJvcHMgPSBCYXNlVGFnUHJvcHMgJiBDb25kaXRpb25hbFRhZ1Byb3BzO1xuXG5jb25zdCBUYWdDb250YWluZXIgPSBzdHlsZWQuc3BhbjxQYXJ0aWFsPFRhZ1Byb3BzPj4oXG4gICh7IHRoZW1lLCBjb2xvclZhcmlhbnQsIGlzUmVtb3ZhYmxlIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgbWF4V2lkdGg6IGAke01BWF9UQUdfV0lEVEh9cHhgLFxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdSaWdodDogaXNSZW1vdmFibGVcbiAgICAgID8gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvXG4gICAgICA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsXG4gIH0pXG4pO1xuXG5jb25zdCBUYWdMYWJlbCA9IHN0eWxlZC5zcGFuKCgpID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgLy8gVGV4dCB0b3AgaGFzIDFweCBzcGFjaW5nIGdyZWF0ZXIgdGhhbiBib3R0b20sIGFkZGluZyBjdXN0b20gc3BhY2luZyB0byBjZW50ZXIgdGV4dFxuICBwYWRkaW5nVG9wOiBcIjNweFwiLFxuICBwYWRkaW5nQm90dG9tOiBcIjVweFwiLFxufSkpO1xuXG5jb25zdCBDbGVhckJ1dHRvbiA9IHN0eWxlZChQaWN0b2dyYW1CdXR0b24pPFBhcnRpYWw8VGFnUHJvcHM+PihcbiAgKHsgdGhlbWUsIGNvbG9yVmFyaWFudCB9KSA9PiAoe1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLnRleHRbY29sb3JWYXJpYW50XSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gVGFnKHtcbiAgbGFiZWwsXG4gIGNvbG9yVmFyaWFudCA9IFwiZ3JheVwiLFxuICBpc1JlbW92YWJsZSA9IGZhbHNlLFxuICBvbkNsZWFyLFxuICBjbGVhckJ0bkFyaWFMYWJlbCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWdQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFRhZ0NvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJUYWdcIlxuICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICBpc1JlbW92YWJsZT17aXNSZW1vdmFibGV9XG4gICAgPlxuICAgICAgPFRhZ0xhYmVsPntsYWJlbH08L1RhZ0xhYmVsPlxuXG4gICAgICB7aXNSZW1vdmFibGUgJiYgKFxuICAgICAgICA8Q2xlYXJCdXR0b25cbiAgICAgICAgICBpY29uPVwieFwiXG4gICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtjbGVhckJ0bkFyaWFMYWJlbH1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsZWFyfVxuICAgICAgICAgIGNvbG9yVmFyaWFudD17Y29sb3JWYXJpYW50fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1RhZ0NvbnRhaW5lcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QnFCIn0= /"),TagLabel=(0,_styled.default)("span",{target:"e2kqscs1",label:"TagLabel"})(()=>({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",paddingTop:"3px",paddingBottom:"5px"}),"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVGFnL1RhZy50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1RhZy9UYWcudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcblxuZXhwb3J0IGNvbnN0IE1BWF9UQUdfV0lEVEggPSAyMDA7XG5cbnR5cGUgQmFzZVRhZ1Byb3BzID0ge1xuICBsYWJlbDogc3RyaW5nO1xuICBjb2xvclZhcmlhbnQ/OiBcImdyYXlcIiB8IFwiYmx1ZVwiO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG50eXBlIENvbmRpdGlvbmFsVGFnUHJvcHMgPVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlPzogZmFsc2U7XG4gICAgICBvbkNsZWFyPzogbmV2ZXI7XG4gICAgICBjbGVhckJ0bkFyaWFMYWJlbD86IG5ldmVyO1xuICAgIH1cbiAgfCB7XG4gICAgICBpc1JlbW92YWJsZTogdHJ1ZTtcbiAgICAgIG9uQ2xlYXI6IChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xuICAgICAgY2xlYXJCdG5BcmlhTGFiZWw/OiBzdHJpbmc7XG4gICAgfTtcblxuZXhwb3J0IHR5cGUgVGFnUHJvcHMgPSBCYXNlVGFnUHJvcHMgJiBDb25kaXRpb25hbFRhZ1Byb3BzO1xuXG5jb25zdCBUYWdDb250YWluZXIgPSBzdHlsZWQuc3BhbjxQYXJ0aWFsPFRhZ1Byb3BzPj4oXG4gICh7IHRoZW1lLCBjb2xvclZhcmlhbnQsIGlzUmVtb3ZhYmxlIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgbWF4V2lkdGg6IGAke01BWF9UQUdfV0lEVEh9cHhgLFxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdSaWdodDogaXNSZW1vdmFibGVcbiAgICAgID8gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvXG4gICAgICA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsXG4gIH0pXG4pO1xuXG5jb25zdCBUYWdMYWJlbCA9IHN0eWxlZC5zcGFuKCgpID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgLy8gVGV4dCB0b3AgaGFzIDFweCBzcGFjaW5nIGdyZWF0ZXIgdGhhbiBib3R0b20sIGFkZGluZyBjdXN0b20gc3BhY2luZyB0byBjZW50ZXIgdGV4dFxuICBwYWRkaW5nVG9wOiBcIjNweFwiLFxuICBwYWRkaW5nQm90dG9tOiBcIjVweFwiLFxufSkpO1xuXG5jb25zdCBDbGVhckJ1dHRvbiA9IHN0eWxlZChQaWN0b2dyYW1CdXR0b24pPFBhcnRpYWw8VGFnUHJvcHM+PihcbiAgKHsgdGhlbWUsIGNvbG9yVmFyaWFudCB9KSA9PiAoe1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLnRleHRbY29sb3JWYXJpYW50XSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gVGFnKHtcbiAgbGFiZWwsXG4gIGNvbG9yVmFyaWFudCA9IFwiZ3JheVwiLFxuICBpc1JlbW92YWJsZSA9IGZhbHNlLFxuICBvbkNsZWFyLFxuICBjbGVhckJ0bkFyaWFMYWJlbCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWdQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFRhZ0NvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJUYWdcIlxuICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICBpc1JlbW92YWJsZT17aXNSZW1vdmFibGV9XG4gICAgPlxuICAgICAgPFRhZ0xhYmVsPntsYWJlbH08L1RhZ0xhYmVsPlxuXG4gICAgICB7aXNSZW1vdmFibGUgJiYgKFxuICAgICAgICA8Q2xlYXJCdXR0b25cbiAgICAgICAgICBpY29uPVwieFwiXG4gICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtjbGVhckJ0bkFyaWFMYWJlbH1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsZWFyfVxuICAgICAgICAgIGNvbG9yVmFyaWFudD17Y29sb3JWYXJpYW50fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1RhZ0NvbnRhaW5lcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQ2lCIn0= /"),ClearButton=(0,_styled.default)(_PictogramButton.PictogramButton,{target:"e2kqscs2",label:"ClearButton"})(({theme,colorVariant})=>({backgroundColor:"transparent",color:theme.values.color.tag.text[colorVariant],"&:hover":{color:theme.values.color.tag.text[colorVariant]}}),"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVGFnL1RhZy50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1RhZy9UYWcudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcblxuZXhwb3J0IGNvbnN0IE1BWF9UQUdfV0lEVEggPSAyMDA7XG5cbnR5cGUgQmFzZVRhZ1Byb3BzID0ge1xuICBsYWJlbDogc3RyaW5nO1xuICBjb2xvclZhcmlhbnQ/OiBcImdyYXlcIiB8IFwiYmx1ZVwiO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG50eXBlIENvbmRpdGlvbmFsVGFnUHJvcHMgPVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlPzogZmFsc2U7XG4gICAgICBvbkNsZWFyPzogbmV2ZXI7XG4gICAgICBjbGVhckJ0bkFyaWFMYWJlbD86IG5ldmVyO1xuICAgIH1cbiAgfCB7XG4gICAgICBpc1JlbW92YWJsZTogdHJ1ZTtcbiAgICAgIG9uQ2xlYXI6IChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xuICAgICAgY2xlYXJCdG5BcmlhTGFiZWw/OiBzdHJpbmc7XG4gICAgfTtcblxuZXhwb3J0IHR5cGUgVGFnUHJvcHMgPSBCYXNlVGFnUHJvcHMgJiBDb25kaXRpb25hbFRhZ1Byb3BzO1xuXG5jb25zdCBUYWdDb250YWluZXIgPSBzdHlsZWQuc3BhbjxQYXJ0aWFsPFRhZ1Byb3BzPj4oXG4gICh7IHRoZW1lLCBjb2xvclZhcmlhbnQsIGlzUmVtb3ZhYmxlIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgbWF4V2lkdGg6IGAke01BWF9UQUdfV0lEVEh9cHhgLFxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdSaWdodDogaXNSZW1vdmFibGVcbiAgICAgID8gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvXG4gICAgICA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsXG4gIH0pXG4pO1xuXG5jb25zdCBUYWdMYWJlbCA9IHN0eWxlZC5zcGFuKCgpID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgLy8gVGV4dCB0b3AgaGFzIDFweCBzcGFjaW5nIGdyZWF0ZXIgdGhhbiBib3R0b20sIGFkZGluZyBjdXN0b20gc3BhY2luZyB0byBjZW50ZXIgdGV4dFxuICBwYWRkaW5nVG9wOiBcIjNweFwiLFxuICBwYWRkaW5nQm90dG9tOiBcIjVweFwiLFxufSkpO1xuXG5jb25zdCBDbGVhckJ1dHRvbiA9IHN0eWxlZChQaWN0b2dyYW1CdXR0b24pPFBhcnRpYWw8VGFnUHJvcHM+PihcbiAgKHsgdGhlbWUsIGNvbG9yVmFyaWFudCB9KSA9PiAoe1xuICAgIGJhY2tncm91bmRDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLnRleHRbY29sb3JWYXJpYW50XSxcbiAgICBcIiY6aG92ZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50YWcudGV4dFtjb2xvclZhcmlhbnRdLFxuICAgIH0sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gVGFnKHtcbiAgbGFiZWwsXG4gIGNvbG9yVmFyaWFudCA9IFwiZ3JheVwiLFxuICBpc1JlbW92YWJsZSA9IGZhbHNlLFxuICBvbkNsZWFyLFxuICBjbGVhckJ0bkFyaWFMYWJlbCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBUYWdQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFRhZ0NvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJUYWdcIlxuICAgICAgY29sb3JWYXJpYW50PXtjb2xvclZhcmlhbnR9XG4gICAgICBpc1JlbW92YWJsZT17aXNSZW1vdmFibGV9XG4gICAgPlxuICAgICAgPFRhZ0xhYmVsPntsYWJlbH08L1RhZ0xhYmVsPlxuXG4gICAgICB7aXNSZW1vdmFibGUgJiYgKFxuICAgICAgICA8Q2xlYXJCdXR0b25cbiAgICAgICAgICBpY29uPVwieFwiXG4gICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICBhcmlhLWxhYmVsPXtjbGVhckJ0bkFyaWFMYWJlbH1cbiAgICAgICAgICBvbkNsaWNrPXtvbkNsZWFyfVxuICAgICAgICAgIGNvbG9yVmFyaWFudD17Y29sb3JWYXJpYW50fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L1RhZ0NvbnRhaW5lcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRG9CIn0= /");function Tag({label,colorVariant="gray",isRemovable=!1,onClear,clearBtnAriaLabel,"data-e2e-test-id":dataE2eTestId}){return _react.default.createElement(TagContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Tag",colorVariant:colorVariant,isRemovable:isRemovable},_react.default.createElement(TagLabel,null,label),isRemovable&&_react.default.createElement(ClearButton,{icon:"x",size:"xs","aria-label":clearBtnAriaLabel,onClick:onClear,colorVariant:colorVariant}))}
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),function(target,all){for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:all[name]})}(exports,{MAX_TAG_WIDTH:function(){return MAX_TAG_WIDTH},Tag:function(){return Tag}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=_interop_require_default._(require("react")),_styled=_interop_require_default._(require("@emotion/styled")),_PictogramButton=require("../PictogramButton/PictogramButton"),MAX_TAG_WIDTH=200,TagContainer=(0,_styled.default)("span",{target:"ezxwf6f0",label:"TagContainer"})(({theme,colorVariant,isRemovable})=>({display:"inline-flex",alignItems:"center",maxWidth:`${MAX_TAG_WIDTH}px`,paddingLeft:theme.variables.size.spacing.xs,paddingRight:isRemovable?theme.variables.size.spacing.zero:theme.variables.size.spacing.xs,borderRadius:theme.variables.size.borderRadius.xs,backgroundColor:theme.values.color.tag.background[colorVariant],color:theme.values.color.tag.text[colorVariant],fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs}),"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVGFnL1RhZy50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1RhZy9UYWcudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcblxuZXhwb3J0IGNvbnN0IE1BWF9UQUdfV0lEVEggPSAyMDA7XG5cbnR5cGUgQmFzZVRhZ1Byb3BzID0ge1xuICBsYWJlbDogc3RyaW5nO1xuICBjb2xvclZhcmlhbnQ/OiBcImdyYXlcIiB8IFwiYmx1ZVwiO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG50eXBlIENvbmRpdGlvbmFsVGFnUHJvcHMgPVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlPzogZmFsc2U7XG4gICAgICBvbkNsZWFyPzogbmV2ZXI7XG4gICAgICBjbGVhckJ0bkFyaWFMYWJlbD86IG5ldmVyO1xuICAgIH1cbiAgfCB7XG4gICAgICBpc1JlbW92YWJsZTogdHJ1ZTtcbiAgICAgIG9uQ2xlYXI6IChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xuICAgICAgY2xlYXJCdG5BcmlhTGFiZWw/OiBzdHJpbmc7XG4gICAgfTtcblxuZXhwb3J0IHR5cGUgVGFnUHJvcHMgPSBCYXNlVGFnUHJvcHMgJiBDb25kaXRpb25hbFRhZ1Byb3BzO1xuXG5jb25zdCBUYWdDb250YWluZXIgPSBzdHlsZWQuc3BhbjxQYXJ0aWFsPFRhZ1Byb3BzPj4oXG4gICh7IHRoZW1lLCBjb2xvclZhcmlhbnQsIGlzUmVtb3ZhYmxlIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgbWF4V2lkdGg6IGAke01BWF9UQUdfV0lEVEh9cHhgLFxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdSaWdodDogaXNSZW1vdmFibGVcbiAgICAgID8gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvXG4gICAgICA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsXG4gIH0pXG4pO1xuXG5jb25zdCBUYWdMYWJlbCA9IHN0eWxlZC5zcGFuKCgpID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgLy8gVGV4dCB0b3AgaGFzIDFweCBzcGFjaW5nIGdyZWF0ZXIgdGhhbiBib3R0b20sIGFkZGluZyBjdXN0b20gc3BhY2luZyB0byBjZW50ZXIgdGV4dFxuICBwYWRkaW5nVG9wOiBcIjNweFwiLFxuICBwYWRkaW5nQm90dG9tOiBcIjVweFwiLFxufSkpO1xuXG5jb25zdCBDbGVhckJ1dHRvbiA9IHN0eWxlZChQaWN0b2dyYW1CdXR0b24pPFBhcnRpYWw8VGFnUHJvcHM+PihcbiAgKHsgdGhlbWUsIGNvbG9yVmFyaWFudCB9KSA9PiAoe1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLnRleHRbY29sb3JWYXJpYW50XSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIFRhZyh7XG4gIGxhYmVsLFxuICBjb2xvclZhcmlhbnQgPSBcImdyYXlcIixcbiAgaXNSZW1vdmFibGUgPSBmYWxzZSxcbiAgb25DbGVhcixcbiAgY2xlYXJCdG5BcmlhTGFiZWwsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogVGFnUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxUYWdDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiVGFnXCJcbiAgICAgIGNvbG9yVmFyaWFudD17Y29sb3JWYXJpYW50fVxuICAgICAgaXNSZW1vdmFibGU9e2lzUmVtb3ZhYmxlfVxuICAgID5cbiAgICAgIDxUYWdMYWJlbD57bGFiZWx9PC9UYWdMYWJlbD5cblxuICAgICAge2lzUmVtb3ZhYmxlICYmIChcbiAgICAgICAgPENsZWFyQnV0dG9uXG4gICAgICAgICAgaWNvbj1cInhcIlxuICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgYXJpYS1sYWJlbD17Y2xlYXJCdG5BcmlhTGFiZWx9XG4gICAgICAgICAgb25DbGljaz17b25DbGVhcn1cbiAgICAgICAgICBjb2xvclZhcmlhbnQ9e2NvbG9yVmFyaWFudH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9UYWdDb250YWluZXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJxQiJ9 /"),TagLabel=(0,_styled.default)("span",{target:"ezxwf6f1",label:"TagLabel"})(()=>({overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",paddingTop:"3px",paddingBottom:"5px"}),"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVGFnL1RhZy50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1RhZy9UYWcudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcblxuZXhwb3J0IGNvbnN0IE1BWF9UQUdfV0lEVEggPSAyMDA7XG5cbnR5cGUgQmFzZVRhZ1Byb3BzID0ge1xuICBsYWJlbDogc3RyaW5nO1xuICBjb2xvclZhcmlhbnQ/OiBcImdyYXlcIiB8IFwiYmx1ZVwiO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG50eXBlIENvbmRpdGlvbmFsVGFnUHJvcHMgPVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlPzogZmFsc2U7XG4gICAgICBvbkNsZWFyPzogbmV2ZXI7XG4gICAgICBjbGVhckJ0bkFyaWFMYWJlbD86IG5ldmVyO1xuICAgIH1cbiAgfCB7XG4gICAgICBpc1JlbW92YWJsZTogdHJ1ZTtcbiAgICAgIG9uQ2xlYXI6IChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xuICAgICAgY2xlYXJCdG5BcmlhTGFiZWw/OiBzdHJpbmc7XG4gICAgfTtcblxuZXhwb3J0IHR5cGUgVGFnUHJvcHMgPSBCYXNlVGFnUHJvcHMgJiBDb25kaXRpb25hbFRhZ1Byb3BzO1xuXG5jb25zdCBUYWdDb250YWluZXIgPSBzdHlsZWQuc3BhbjxQYXJ0aWFsPFRhZ1Byb3BzPj4oXG4gICh7IHRoZW1lLCBjb2xvclZhcmlhbnQsIGlzUmVtb3ZhYmxlIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgbWF4V2lkdGg6IGAke01BWF9UQUdfV0lEVEh9cHhgLFxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdSaWdodDogaXNSZW1vdmFibGVcbiAgICAgID8gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvXG4gICAgICA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsXG4gIH0pXG4pO1xuXG5jb25zdCBUYWdMYWJlbCA9IHN0eWxlZC5zcGFuKCgpID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgLy8gVGV4dCB0b3AgaGFzIDFweCBzcGFjaW5nIGdyZWF0ZXIgdGhhbiBib3R0b20sIGFkZGluZyBjdXN0b20gc3BhY2luZyB0byBjZW50ZXIgdGV4dFxuICBwYWRkaW5nVG9wOiBcIjNweFwiLFxuICBwYWRkaW5nQm90dG9tOiBcIjVweFwiLFxufSkpO1xuXG5jb25zdCBDbGVhckJ1dHRvbiA9IHN0eWxlZChQaWN0b2dyYW1CdXR0b24pPFBhcnRpYWw8VGFnUHJvcHM+PihcbiAgKHsgdGhlbWUsIGNvbG9yVmFyaWFudCB9KSA9PiAoe1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLnRleHRbY29sb3JWYXJpYW50XSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIFRhZyh7XG4gIGxhYmVsLFxuICBjb2xvclZhcmlhbnQgPSBcImdyYXlcIixcbiAgaXNSZW1vdmFibGUgPSBmYWxzZSxcbiAgb25DbGVhcixcbiAgY2xlYXJCdG5BcmlhTGFiZWwsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogVGFnUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxUYWdDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiVGFnXCJcbiAgICAgIGNvbG9yVmFyaWFudD17Y29sb3JWYXJpYW50fVxuICAgICAgaXNSZW1vdmFibGU9e2lzUmVtb3ZhYmxlfVxuICAgID5cbiAgICAgIDxUYWdMYWJlbD57bGFiZWx9PC9UYWdMYWJlbD5cblxuICAgICAge2lzUmVtb3ZhYmxlICYmIChcbiAgICAgICAgPENsZWFyQnV0dG9uXG4gICAgICAgICAgaWNvbj1cInhcIlxuICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgYXJpYS1sYWJlbD17Y2xlYXJCdG5BcmlhTGFiZWx9XG4gICAgICAgICAgb25DbGljaz17b25DbGVhcn1cbiAgICAgICAgICBjb2xvclZhcmlhbnQ9e2NvbG9yVmFyaWFudH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9UYWdDb250YWluZXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkNpQiJ9 /"),ClearButton=(0,_styled.default)(_PictogramButton.PictogramButton,{target:"ezxwf6f2",label:"ClearButton"})(({theme,colorVariant})=>({backgroundColor:theme.values.color.background.transparent.default,color:theme.values.color.tag.text[colorVariant],"&:hover":{color:theme.values.color.tag.text[colorVariant]}}),"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvVGFnL1RhZy50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1RhZy9UYWcudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcblxuZXhwb3J0IGNvbnN0IE1BWF9UQUdfV0lEVEggPSAyMDA7XG5cbnR5cGUgQmFzZVRhZ1Byb3BzID0ge1xuICBsYWJlbDogc3RyaW5nO1xuICBjb2xvclZhcmlhbnQ/OiBcImdyYXlcIiB8IFwiYmx1ZVwiO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG50eXBlIENvbmRpdGlvbmFsVGFnUHJvcHMgPVxuICB8IHtcbiAgICAgIGlzUmVtb3ZhYmxlPzogZmFsc2U7XG4gICAgICBvbkNsZWFyPzogbmV2ZXI7XG4gICAgICBjbGVhckJ0bkFyaWFMYWJlbD86IG5ldmVyO1xuICAgIH1cbiAgfCB7XG4gICAgICBpc1JlbW92YWJsZTogdHJ1ZTtcbiAgICAgIG9uQ2xlYXI6IChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB2b2lkO1xuICAgICAgY2xlYXJCdG5BcmlhTGFiZWw/OiBzdHJpbmc7XG4gICAgfTtcblxuZXhwb3J0IHR5cGUgVGFnUHJvcHMgPSBCYXNlVGFnUHJvcHMgJiBDb25kaXRpb25hbFRhZ1Byb3BzO1xuXG5jb25zdCBUYWdDb250YWluZXIgPSBzdHlsZWQuc3BhbjxQYXJ0aWFsPFRhZ1Byb3BzPj4oXG4gICh7IHRoZW1lLCBjb2xvclZhcmlhbnQsIGlzUmVtb3ZhYmxlIH0pID0+ICh7XG4gICAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgbWF4V2lkdGg6IGAke01BWF9UQUdfV0lEVEh9cHhgLFxuICAgIHBhZGRpbmdMZWZ0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzLFxuICAgIHBhZGRpbmdSaWdodDogaXNSZW1vdmFibGVcbiAgICAgID8gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy56ZXJvXG4gICAgICA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHMsXG4gICAgYm9yZGVyUmFkaXVzOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHMsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLmJhY2tncm91bmRbY29sb3JWYXJpYW50XSxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5zLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsXG4gIH0pXG4pO1xuXG5jb25zdCBUYWdMYWJlbCA9IHN0eWxlZC5zcGFuKCgpID0+ICh7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgd2hpdGVTcGFjZTogXCJub3dyYXBcIixcbiAgLy8gVGV4dCB0b3AgaGFzIDFweCBzcGFjaW5nIGdyZWF0ZXIgdGhhbiBib3R0b20sIGFkZGluZyBjdXN0b20gc3BhY2luZyB0byBjZW50ZXIgdGV4dFxuICBwYWRkaW5nVG9wOiBcIjNweFwiLFxuICBwYWRkaW5nQm90dG9tOiBcIjVweFwiLFxufSkpO1xuXG5jb25zdCBDbGVhckJ1dHRvbiA9IHN0eWxlZChQaWN0b2dyYW1CdXR0b24pPFBhcnRpYWw8VGFnUHJvcHM+PihcbiAgKHsgdGhlbWUsIGNvbG9yVmFyaWFudCB9KSA9PiAoe1xuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRhZy50ZXh0W2NvbG9yVmFyaWFudF0sXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGFnLnRleHRbY29sb3JWYXJpYW50XSxcbiAgICB9LFxuICB9KVxuKTtcblxuZXhwb3J0IGZ1bmN0aW9uIFRhZyh7XG4gIGxhYmVsLFxuICBjb2xvclZhcmlhbnQgPSBcImdyYXlcIixcbiAgaXNSZW1vdmFibGUgPSBmYWxzZSxcbiAgb25DbGVhcixcbiAgY2xlYXJCdG5BcmlhTGFiZWwsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogVGFnUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICByZXR1cm4gKFxuICAgIDxUYWdDb250YWluZXJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiVGFnXCJcbiAgICAgIGNvbG9yVmFyaWFudD17Y29sb3JWYXJpYW50fVxuICAgICAgaXNSZW1vdmFibGU9e2lzUmVtb3ZhYmxlfVxuICAgID5cbiAgICAgIDxUYWdMYWJlbD57bGFiZWx9PC9UYWdMYWJlbD5cblxuICAgICAge2lzUmVtb3ZhYmxlICYmIChcbiAgICAgICAgPENsZWFyQnV0dG9uXG4gICAgICAgICAgaWNvbj1cInhcIlxuICAgICAgICAgIHNpemU9XCJ4c1wiXG4gICAgICAgICAgYXJpYS1sYWJlbD17Y2xlYXJCdG5BcmlhTGFiZWx9XG4gICAgICAgICAgb25DbGljaz17b25DbGVhcn1cbiAgICAgICAgICBjb2xvclZhcmlhbnQ9e2NvbG9yVmFyaWFudH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9UYWdDb250YWluZXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0RvQiJ9 /");function Tag({label,colorVariant="gray",isRemovable=!1,onClear,clearBtnAriaLabel,"data-e2e-test-id":dataE2eTestId}){return _react.default.createElement(TagContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Tag",colorVariant:colorVariant,isRemovable:isRemovable},_react.default.createElement(TagLabel,null,label),isRemovable&&_react.default.createElement(ClearButton,{icon:"x",size:"xs","aria-label":clearBtnAriaLabel,onClick:onClear,colorVariant:colorVariant}))}

package/build/cjs/web-tokens/_colors.json CHANGED Viewed

@@ -39,6 +39,200 @@
             "lightOriginalValue": "12), 0px 32px 112px rgba(0, 0, 0, 0"
         }
     },
+    "badge": {
+        "color-badge-background-default": {
+            "name": "badge.background",
+            "subState": "default",
+            "darkValue": "rgba(255, 255, 255, 0)",
+            "darkOriginalValue": "neutral.transparent",
+            "lightValue": "#ffffff",
+            "lightOriginalValue": "neutral.white"
+        },
+        "color-badge-background-green": {
+            "name": "badge.background",
+            "subState": "green",
+            "darkValue": "rgba(255, 255, 255, 0)",
+            "darkOriginalValue": "neutral.transparent",
+            "lightValue": "#e8f8f4",
+            "lightOriginalValue": "green.light03"
+        },
+        "color-badge-background-blue": {
+            "name": "badge.background",
+            "subState": "blue",
+            "darkValue": "rgba(255, 255, 255, 0)",
+            "darkOriginalValue": "neutral.transparent",
+            "lightValue": "#e7effe",
+            "lightOriginalValue": "blue.light03"
+        },
+        "color-badge-background-yellow": {
+            "name": "badge.background",
+            "subState": "yellow",
+            "darkValue": "rgba(255, 255, 255, 0)",
+            "darkOriginalValue": "neutral.transparent",
+            "lightValue": "#fef3e1",
+            "lightOriginalValue": "orange.light03"
+        },
+        "color-badge-background-brand": {
+            "name": "badge.background",
+            "subState": "brand",
+            "darkValue": "rgba(255, 255, 255, 0)",
+            "darkOriginalValue": "neutral.transparent",
+            "lightValue": "#e7f6f8",
+            "lightOriginalValue": "brand.light03"
+        },
+        "color-badge-background-purple": {
+            "name": "badge.background",
+            "subState": "purple",
+            "darkValue": "rgba(255, 255, 255, 0)",
+            "darkOriginalValue": "neutral.transparent",
+            "lightValue": "#f2effb",
+            "lightOriginalValue": "purple.light03"
+        },
+        "color-badge-background-red": {
+            "name": "badge.background",
+            "subState": "red",
+            "darkValue": "rgba(255, 255, 255, 0)",
+            "darkOriginalValue": "neutral.transparent",
+            "lightValue": "#fde8e8",
+            "lightOriginalValue": "red.light03"
+        },
+        "color-badge-background-gray": {
+            "name": "badge.background",
+            "subState": "gray",
+            "darkValue": "rgba(255, 255, 255, 0)",
+            "darkOriginalValue": "neutral.transparent",
+            "lightValue": "#eef2f5",
+            "lightOriginalValue": "gray.light03"
+        },
+        "color-badge-text-default": {
+            "name": "badge.text",
+            "subState": "default",
+            "darkValue": "#ced1d6",
+            "darkOriginalValue": "night-gray.light02",
+            "lightValue": "#1a1c1c",
+            "lightOriginalValue": "neutral.black"
+        },
+        "color-badge-text-green": {
+            "name": "badge.text",
+            "subState": "green",
+            "darkValue": "#41a48a",
+            "darkOriginalValue": "night-green.light01",
+            "lightValue": "#0b8363",
+            "lightOriginalValue": "green.dark01"
+        },
+        "color-badge-text-blue": {
+            "name": "badge.text",
+            "subState": "blue",
+            "darkValue": "#6e95cf",
+            "darkOriginalValue": "night-blue.light01",
+            "lightValue": "#295dae",
+            "lightOriginalValue": "blue.dark01"
+        },
+        "color-badge-text-yellow": {
+            "name": "badge.text",
+            "subState": "yellow",
+            "darkValue": "#cbac76",
+            "darkOriginalValue": "night-orange.light01",
+            "lightValue": "#9a6304",
+            "lightOriginalValue": "orange.dark02"
+        },
+        "color-badge-text-brand": {
+            "name": "badge.text",
+            "subState": "brand",
+            "darkValue": "#2e9aa7",
+            "darkOriginalValue": "night-brand.light01",
+            "lightValue": "#047a88",
+            "lightOriginalValue": "brand.dark01"
+        },
+        "color-badge-text-purple": {
+            "name": "badge.text",
+            "subState": "purple",
+            "darkValue": "#ad97f7",
+            "darkOriginalValue": "night-purple.light02",
+            "lightValue": "#5d44ab",
+            "lightOriginalValue": "purple.dark01"
+        },
+        "color-badge-text-red": {
+            "name": "badge.text",
+            "subState": "red",
+            "darkValue": "#d07c7c",
+            "darkOriginalValue": "night-red.light01",
+            "lightValue": "#c02725",
+            "lightOriginalValue": "red.dark02"
+        },
+        "color-badge-text-gray": {
+            "name": "badge.text",
+            "subState": "gray",
+            "darkValue": "#93979f",
+            "darkOriginalValue": "night-gray.regular",
+            "lightValue": "#607585",
+            "lightOriginalValue": "gray.regular"
+        },
+        "color-badge-border-default": {
+            "name": "badge.border",
+            "subState": "default",
+            "darkValue": "#393e47",
+            "darkOriginalValue": "night-black.light02",
+            "lightValue": "#e0e6eb",
+            "lightOriginalValue": "gray.light02"
+        },
+        "color-badge-border-green": {
+            "name": "badge.border",
+            "subState": "green",
+            "darkValue": "#393e47",
+            "darkOriginalValue": "night-black.light02",
+            "lightValue": "#d0f1e8",
+            "lightOriginalValue": "green.light02"
+        },
+        "color-badge-border-blue": {
+            "name": "badge.border",
+            "subState": "blue",
+            "darkValue": "#393e47",
+            "darkOriginalValue": "night-black.light02",
+            "lightValue": "#d2e2f9",
+            "lightOriginalValue": "blue.light02"
+        },
+        "color-badge-border-yellow": {
+            "name": "badge.border",
+            "subState": "yellow",
+            "darkValue": "#393e47",
+            "darkOriginalValue": "night-black.light02",
+            "lightValue": "#fceaca",
+            "lightOriginalValue": "orange.light02"
+        },
+        "color-badge-border-brand": {
+            "name": "badge.border",
+            "subState": "brand",
+            "darkValue": "#393e47",
+            "darkOriginalValue": "night-black.light02",
+            "lightValue": "#ceedf1",
+            "lightOriginalValue": "brand.light02"
+        },
+        "color-badge-border-purple": {
+            "name": "badge.border",
+            "subState": "purple",
+            "darkValue": "#393e47",
+            "darkOriginalValue": "night-black.light02",
+            "lightValue": "#d8d0f3",
+            "lightOriginalValue": "purple.light02"
+        },
+        "color-badge-border-red": {
+            "name": "badge.border",
+            "subState": "red",
+            "darkValue": "#393e47",
+            "darkOriginalValue": "night-black.light02",
+            "lightValue": "#fad1d1",
+            "lightOriginalValue": "red.light02"
+        },
+        "color-badge-border-gray": {
+            "name": "badge.border",
+            "subState": "gray",
+            "darkValue": "#393e47",
+            "darkOriginalValue": "night-black.light02",
+            "lightValue": "#e0e6eb",
+            "lightOriginalValue": "gray.light02"
+        }
+    },
     "canvas": {
         "color-canvas": {
             "name": "canvas",
@@ -835,200 +1029,6 @@
             "lightOriginalValue": "yellow.light01"
         }
     },
-    "badge": {
-        "color-badge-background-default": {
-            "name": "badge.background",
-            "subState": "default",
-            "darkValue": "transparent",
-            "darkOriginalValue": "",
-            "lightValue": "#ffffff",
-            "lightOriginalValue": "neutral.white"
-        },
-        "color-badge-background-green": {
-            "name": "badge.background",
-            "subState": "green",
-            "darkValue": "transparent",
-            "darkOriginalValue": "",
-            "lightValue": "#e8f8f4",
-            "lightOriginalValue": "green.light03"
-        },
-        "color-badge-background-blue": {
-            "name": "badge.background",
-            "subState": "blue",
-            "darkValue": "transparent",
-            "darkOriginalValue": "",
-            "lightValue": "#e7effe",
-            "lightOriginalValue": "blue.light03"
-        },
-        "color-badge-background-yellow": {
-            "name": "badge.background",
-            "subState": "yellow",
-            "darkValue": "transparent",
-            "darkOriginalValue": "",
-            "lightValue": "#fef3e1",
-            "lightOriginalValue": "orange.light03"
-        },
-        "color-badge-background-brand": {
-            "name": "badge.background",
-            "subState": "brand",
-            "darkValue": "transparent",
-            "darkOriginalValue": "",
-            "lightValue": "#e7f6f8",
-            "lightOriginalValue": "brand.light03"
-        },
-        "color-badge-background-purple": {
-            "name": "badge.background",
-            "subState": "purple",
-            "darkValue": "transparent",
-            "darkOriginalValue": "",
-            "lightValue": "#f2effb",
-            "lightOriginalValue": "purple.light03"
-        },
-        "color-badge-background-red": {
-            "name": "badge.background",
-            "subState": "red",
-            "darkValue": "transparent",
-            "darkOriginalValue": "",
-            "lightValue": "#fde8e8",
-            "lightOriginalValue": "red.light03"
-        },
-        "color-badge-background-gray": {
-            "name": "badge.background",
-            "subState": "gray",
-            "darkValue": "transparent",
-            "darkOriginalValue": "",
-            "lightValue": "#eef2f5",
-            "lightOriginalValue": "gray.light03"
-        },
-        "color-badge-text-default": {
-            "name": "badge.text",
-            "subState": "default",
-            "darkValue": "#ced1d6",
-            "darkOriginalValue": "night-gray.light02",
-            "lightValue": "#1a1c1c",
-            "lightOriginalValue": "neutral.black"
-        },
-        "color-badge-text-green": {
-            "name": "badge.text",
-            "subState": "green",
-            "darkValue": "#41a48a",
-            "darkOriginalValue": "night-green.light01",
-            "lightValue": "#0b8363",
-            "lightOriginalValue": "green.dark01"
-        },
-        "color-badge-text-blue": {
-            "name": "badge.text",
-            "subState": "blue",
-            "darkValue": "#6e95cf",
-            "darkOriginalValue": "night-blue.light01",
-            "lightValue": "#295dae",
-            "lightOriginalValue": "blue.dark01"
-        },
-        "color-badge-text-yellow": {
-            "name": "badge.text",
-            "subState": "yellow",
-            "darkValue": "#cbac76",
-            "darkOriginalValue": "night-orange.light01",
-            "lightValue": "#9a6304",
-            "lightOriginalValue": "orange.dark02"
-        },
-        "color-badge-text-brand": {
-            "name": "badge.text",
-            "subState": "brand",
-            "darkValue": "#2e9aa7",
-            "darkOriginalValue": "night-brand.light01",
-            "lightValue": "#047a88",
-            "lightOriginalValue": "brand.dark01"
-        },
-        "color-badge-text-purple": {
-            "name": "badge.text",
-            "subState": "purple",
-            "darkValue": "#ad97f7",
-            "darkOriginalValue": "night-purple.light02",
-            "lightValue": "#5d44ab",
-            "lightOriginalValue": "purple.dark01"
-        },
-        "color-badge-text-red": {
-            "name": "badge.text",
-            "subState": "red",
-            "darkValue": "#d07c7c",
-            "darkOriginalValue": "night-red.light01",
-            "lightValue": "#c02725",
-            "lightOriginalValue": "red.dark02"
-        },
-        "color-badge-text-gray": {
-            "name": "badge.text",
-            "subState": "gray",
-            "darkValue": "#93979f",
-            "darkOriginalValue": "night-gray.regular",
-            "lightValue": "#607585",
-            "lightOriginalValue": "gray.regular"
-        },
-        "color-badge-border-default": {
-            "name": "badge.border",
-            "subState": "default",
-            "darkValue": "#393e47",
-            "darkOriginalValue": "night-black.light02",
-            "lightValue": "#e0e6eb",
-            "lightOriginalValue": "gray.light02"
-        },
-        "color-badge-border-green": {
-            "name": "badge.border",
-            "subState": "green",
-            "darkValue": "#393e47",
-            "darkOriginalValue": "night-black.light02",
-            "lightValue": "#e8f8f4",
-            "lightOriginalValue": "green.light03"
-        },
-        "color-badge-border-blue": {
-            "name": "badge.border",
-            "subState": "blue",
-            "darkValue": "#393e47",
-            "darkOriginalValue": "night-black.light02",
-            "lightValue": "#e7effe",
-            "lightOriginalValue": "blue.light03"
-        },
-        "color-badge-border-yellow": {
-            "name": "badge.border",
-            "subState": "yellow",
-            "darkValue": "#393e47",
-            "darkOriginalValue": "night-black.light02",
-            "lightValue": "#fef3e1",
-            "lightOriginalValue": "orange.light03"
-        },
-        "color-badge-border-brand": {
-            "name": "badge.border",
-            "subState": "brand",
-            "darkValue": "#393e47",
-            "darkOriginalValue": "night-black.light02",
-            "lightValue": "#e7f6f8",
-            "lightOriginalValue": "brand.light03"
-        },
-        "color-badge-border-purple": {
-            "name": "badge.border",
-            "subState": "purple",
-            "darkValue": "#393e47",
-            "darkOriginalValue": "night-black.light02",
-            "lightValue": "#f2effb",
-            "lightOriginalValue": "purple.light03"
-        },
-        "color-badge-border-red": {
-            "name": "badge.border",
-            "subState": "red",
-            "darkValue": "#393e47",
-            "darkOriginalValue": "night-black.light02",
-            "lightValue": "#fde8e8",
-            "lightOriginalValue": "red.light03"
-        },
-        "color-badge-border-gray": {
-            "name": "badge.border",
-            "subState": "gray",
-            "darkValue": "#393e47",
-            "darkOriginalValue": "night-black.light02",
-            "lightValue": "#eef2f5",
-            "lightOriginalValue": "gray.light03"
-        }
-    },
     "segmented-progress-bar": {
         "color-segmented-progress-bar-monochrome": {
             "name": "segmented-progress-bar.monochrome",
@@ -1423,10 +1423,10 @@
         "color-media-item-overlay-hover": {
             "name": "media-item.overlay",
             "subState": "hover",
-            "darkValue": "rgba(26,28,28, 0.3)",
-            "darkOriginalValue": "",
-            "lightValue": "rgba(255,255,255, 0.3)",
-            "lightOriginalValue": ""
+            "darkValue": "rgba(0, 0, 0, 0.3)",
+            "darkOriginalValue": "neutral.black-transparent03",
+            "lightValue": "rgba(255, 255, 255, 0.3)",
+            "lightOriginalValue": "neutral.white-transparent03"
         },
         "color-media-item-overlay-active": {
             "name": "media-item.overlay",

package/build/cjs/web-tokens/visualConfig.d.ts CHANGED Viewed

@@ -143,6 +143,38 @@ type Variables = {
 };
 type AmbossTheme = {
     "color": {
+        "badge": {
+            "background": {
+                "default": string;
+                "green": string;
+                "blue": string;
+                "yellow": string;
+                "brand": string;
+                "purple": string;
+                "red": string;
+                "gray": string;
+            };
+            "text": {
+                "default": string;
+                "green": string;
+                "blue": string;
+                "yellow": string;
+                "brand": string;
+                "purple": string;
+                "red": string;
+                "gray": string;
+            };
+            "border": {
+                "default": string;
+                "green": string;
+                "blue": string;
+                "yellow": string;
+                "brand": string;
+                "purple": string;
+                "red": string;
+                "gray": string;
+            };
+        };
         "canvas": string;
         "background": {
             "primary": {
@@ -328,38 +360,6 @@ type AmbossTheme = {
                 "highlight": string;
             };
         };
-        "badge": {
-            "background": {
-                "default": string;
-                "green": string;
-                "blue": string;
-                "yellow": string;
-                "brand": string;
-                "purple": string;
-                "red": string;
-                "gray": string;
-            };
-            "text": {
-                "default": string;
-                "green": string;
-                "blue": string;
-                "yellow": string;
-                "brand": string;
-                "purple": string;
-                "red": string;
-                "gray": string;
-            };
-            "border": {
-                "default": string;
-                "green": string;
-                "blue": string;
-                "yellow": string;
-                "brand": string;
-                "purple": string;
-                "red": string;
-                "gray": string;
-            };
-        };
         "segmentedProgressBar": {
             "monochrome": string;
             "success": string;