@mmb-digital/ds-lilly 1.0.0-alpha.15 → 1.0.0-alpha.17

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 (33) hide show
  1. package/cjs/components/Components/CompactButtons/CompactButtons.d.ts.map +1 -1
  2. package/cjs/components/Components/CompactButtons/CompactButtons.js +1 -1
  3. package/cjs/components/Components/CompactButtons/CompactButtons.js.map +1 -1
  4. package/cjs/components/Components/SuperModal/_elements_/SuperModalHeader.d.ts +2 -1
  5. package/cjs/components/Components/SuperModal/_elements_/SuperModalHeader.d.ts.map +1 -1
  6. package/cjs/components/Components/SuperModal/_elements_/SuperModalHeader.js +1 -1
  7. package/cjs/components/Components/SuperModal/_elements_/SuperModalHeader.js.map +1 -1
  8. package/cjs/ds-lilly.css +375 -8
  9. package/cjs/types/colors.d.ts +2 -2
  10. package/cjs/types/colors.d.ts.map +1 -1
  11. package/components/Components/CompactButtons/CompactButtons.d.ts.map +1 -1
  12. package/components/Components/CompactButtons/CompactButtons.js +1 -1
  13. package/components/Components/CompactButtons/CompactButtons.js.map +1 -1
  14. package/components/Components/SuperModal/_elements_/SuperModalHeader.d.ts +2 -1
  15. package/components/Components/SuperModal/_elements_/SuperModalHeader.d.ts.map +1 -1
  16. package/components/Components/SuperModal/_elements_/SuperModalHeader.js +1 -1
  17. package/components/Components/SuperModal/_elements_/SuperModalHeader.js.map +1 -1
  18. package/ds-lilly.css +375 -8
  19. package/package.json +1 -1
  20. package/types/colors.d.ts +2 -2
  21. package/types/colors.d.ts.map +1 -1
  22. /package/assets/{593d0da366013fb84dc0.svg → 0a1c1ed87a17186595d6.svg} +0 -0
  23. /package/assets/{24cd7e50995435b1d508.eot → 13d43f47e7b9a935482a.eot} +0 -0
  24. /package/assets/{5eaed598b6d24c4b9e0c.eot → 20010d5bd130bdfcacf9.eot} +0 -0
  25. /package/assets/{061f2e6070843e2bdf2b.ttf → 23e6c984a4217faf0f60.ttf} +0 -0
  26. /package/assets/{80a61bd1982ef01771b9.gif → 53064c04f4ea32428819.gif} +0 -0
  27. /package/assets/{791081126ede272967dc.eot → 5f0f0861c08dc4534022.eot} +0 -0
  28. /package/assets/{d2abd3db573c3cf64583.gif → 757ad3a8137d2c26f7b6.gif} +0 -0
  29. /package/assets/{649f003b9ca976a42042.ttf → 7abcf13a5b3dc509d003.ttf} +0 -0
  30. /package/assets/{ab0d81996ba12a4f7ad0.woff → 8cc37c9a4cc38306bdc4.woff} +0 -0
  31. /package/assets/{da5a6e78f2fa9496893f.eot → 920b0b3a7eb25d3456d8.eot} +0 -0
  32. /package/assets/{b807a58bae17e3ac2f93.woff → aea74b740ba8d9697164.woff} +0 -0
  33. /package/assets/{637808902e739f90411b.svg → ee4c13e48ef8259d1a39.svg} +0 -0
@@ -1 +1 @@
1
- {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/types/colors.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,GAAG,qBAAqB,GAAG,sBAAsB,GAAG,eAAe,GAAG,oBAAoB,GAAG,qBAAqB,GAAG,iBAAiB,GAAG,sBAAsB,GAAG,uBAAuB,GAAG,cAAc,GAAG,mBAAmB,GAAG,qBAAqB,GAAG,WAAW,GAAG,gBAAgB,GAAG,kBAAkB,GAAG,WAAW,GAAG,gBAAgB,GAAG,kBAAkB,GAAG,aAAa,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,UAAU,GAAG,eAAe,GAAG,iBAAiB,GAAG,cAAc,GAAG,mBAAmB,GAAG,qBAAqB,GAAG,WAAW,GAAG,gBAAgB,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,qBAAqB,GAAG,uBAAuB,GAAG,aAAa,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,gBAAgB,GAAG,qBAAqB,GAAG,uBAAuB,GAAG,aAAa,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,iBAAiB,CAAC;AACj5B,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,GAAG,eAAe,GAAG,iBAAiB,GAAG,cAAc,GAAG,cAAc,GAAG,aAAa,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,aAAa,GAAG,cAAc,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,iBAAiB,CAAC;AACrS,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAC/D,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG,eAAe,GAAG,cAAc,GAAG,cAAc,GAAG,aAAa,GAAG,cAAc,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,iBAAiB,CAAC;AAC9L,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,aAAa,GAAG,MAAM,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,OAAO,CAAC;AACnH,MAAM,MAAM,SAAS,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,mBAAmB,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,eAAe,GAAG,oBAAoB,GAAG,sBAAsB,GAAG,eAAe,GAAG,gBAAgB,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,mBAAmB,GAAG,kBAAkB,GAAG,uBAAuB,GAAG,wBAAwB,GAAG,iBAAiB,GAAG,sBAAsB,GAAG,uBAAuB,GAAG,mBAAmB,GAAG,wBAAwB,GAAG,yBAAyB,GAAG,gBAAgB,GAAG,qBAAqB,GAAG,uBAAuB,GAAG,aAAa,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,aAAa,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,eAAe,GAAG,oBAAoB,GAAG,sBAAsB,GAAG,YAAY,GAAG,iBAAiB,GAAG,mBAAmB,GAAG,gBAAgB,GAAG,qBAAqB,GAAG,uBAAuB,GAAG,aAAa,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,kBAAkB,GAAG,uBAAuB,GAAG,yBAAyB,GAAG,eAAe,GAAG,oBAAoB,GAAG,sBAAsB,GAAG,kBAAkB,GAAG,uBAAuB,GAAG,yBAAyB,GAAG,eAAe,GAAG,oBAAoB,GAAG,sBAAsB,GAAG,mBAAmB,GAAG,gBAAgB,GAAG,cAAc,GAAG,gBAAgB,GAAG,sBAAsB,GAAG,qBAAqB,GAAG,oBAAoB,GAAG,oBAAoB,GAAG,mBAAmB,GAAG,oBAAoB,GAAG,sBAAsB,GAAG,sBAAsB,GAAG,uBAAuB,GAAG,iBAAiB,GAAG,qBAAqB,GAAG,cAAc,GAAG,mBAAmB,GAAG,oBAAoB,GAAG,cAAc,GAAG,eAAe,CAAC"}
1
+ {"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/types/colors.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,GAAG,qBAAqB,GAAG,sBAAsB,GAAG,eAAe,GAAG,oBAAoB,GAAG,qBAAqB,GAAG,iBAAiB,GAAG,sBAAsB,GAAG,uBAAuB,GAAG,cAAc,GAAG,mBAAmB,GAAG,qBAAqB,GAAG,WAAW,GAAG,gBAAgB,GAAG,kBAAkB,GAAG,WAAW,GAAG,gBAAgB,GAAG,kBAAkB,GAAG,aAAa,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,UAAU,GAAG,eAAe,GAAG,iBAAiB,GAAG,cAAc,GAAG,mBAAmB,GAAG,qBAAqB,GAAG,WAAW,GAAG,gBAAgB,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,qBAAqB,GAAG,uBAAuB,GAAG,aAAa,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,gBAAgB,GAAG,qBAAqB,GAAG,uBAAuB,GAAG,aAAa,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,iBAAiB,CAAC;AACj5B,MAAM,MAAM,mBAAmB,GAAG,gBAAgB,GAAG,eAAe,GAAG,iBAAiB,GAAG,cAAc,GAAG,cAAc,GAAG,aAAa,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,aAAa,GAAG,cAAc,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,iBAAiB,CAAC;AACrS,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAC/D,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG,eAAe,GAAG,cAAc,GAAG,cAAc,GAAG,aAAa,GAAG,cAAc,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,iBAAiB,CAAC;AAC9L,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,aAAa,GAAG,MAAM,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAC5H,MAAM,MAAM,SAAS,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,mBAAmB,GAAG,gBAAgB,GAAG,gBAAgB,GAAG,eAAe,GAAG,oBAAoB,GAAG,sBAAsB,GAAG,eAAe,GAAG,gBAAgB,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,kBAAkB,GAAG,mBAAmB,GAAG,kBAAkB,GAAG,uBAAuB,GAAG,wBAAwB,GAAG,iBAAiB,GAAG,sBAAsB,GAAG,uBAAuB,GAAG,mBAAmB,GAAG,wBAAwB,GAAG,yBAAyB,GAAG,gBAAgB,GAAG,qBAAqB,GAAG,uBAAuB,GAAG,aAAa,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,aAAa,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,eAAe,GAAG,oBAAoB,GAAG,sBAAsB,GAAG,YAAY,GAAG,iBAAiB,GAAG,mBAAmB,GAAG,gBAAgB,GAAG,qBAAqB,GAAG,uBAAuB,GAAG,aAAa,GAAG,kBAAkB,GAAG,oBAAoB,GAAG,kBAAkB,GAAG,uBAAuB,GAAG,yBAAyB,GAAG,eAAe,GAAG,oBAAoB,GAAG,sBAAsB,GAAG,kBAAkB,GAAG,uBAAuB,GAAG,yBAAyB,GAAG,eAAe,GAAG,oBAAoB,GAAG,sBAAsB,GAAG,mBAAmB,GAAG,gBAAgB,GAAG,cAAc,GAAG,gBAAgB,GAAG,sBAAsB,GAAG,qBAAqB,GAAG,oBAAoB,GAAG,oBAAoB,GAAG,mBAAmB,GAAG,oBAAoB,GAAG,sBAAsB,GAAG,sBAAsB,GAAG,uBAAuB,GAAG,iBAAiB,GAAG,qBAAqB,GAAG,cAAc,GAAG,mBAAmB,GAAG,oBAAoB,GAAG,cAAc,GAAG,cAAc,GAAG,eAAe,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"CompactButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/Components/CompactButtons/CompactButtons.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,YAAY,EACZ,SAAS,EACT,cAAc,EAMf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACzD,OAAO,EACL,aAAa,EACb,kBAAkB,EAElB,wBAAwB,EAGzB,MAAM,gBAAgB,CAAA;AAEvB,OAAO,EAAU,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAG3E,UAAU,wBAAyB,SAAQ,kBAAkB,EAAE,wBAAwB;IACrF,oCAAoC;IACpC,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,2BAA2B;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,uBAAuB;IACvB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;IACjC,uDAAuD;IACvD,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB,gHAAgH;IAChH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;SAGK;IACL,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mCAAmC;IACnC,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,GAAG,aAAa,GAAG,KAAK,CAAC,aAAa,KAAK,IAAI,CAAA;IAC3E,0DAA0D;IAC1D,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,UAAU,2BAA4B,SAAQ,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC;IAC5E,SAAS,EAAE,MAAM,GAAG,YAAY,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,uBAAwB,SAAQ,kBAAkB;IACjE,wBAAwB;IACxB,OAAO,EAAE,wBAAwB,EAAE,CAAA;IACnC,mBAAmB;IACnB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gHAAgH;IAChH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,2BAA2B,CAAA;IACzC,uDAAuD;IACvD,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAID,eAAO,MAAM,cAAc,mFAQxB,uBAAuB,KAAG,WA2O5B,CAAA"}
1
+ {"version":3,"file":"CompactButtons.d.ts","sourceRoot":"","sources":["../../../../src/components/Components/CompactButtons/CompactButtons.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,YAAY,EACZ,SAAS,EACT,cAAc,EAMf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AACzD,OAAO,EACL,aAAa,EACb,kBAAkB,EAElB,wBAAwB,EAGzB,MAAM,gBAAgB,CAAA;AAEvB,OAAO,EAAU,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAG3E,UAAU,wBAAyB,SAAQ,kBAAkB,EAAE,wBAAwB;IACrF,oCAAoC;IACpC,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,2BAA2B;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,uBAAuB;IACvB,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,mBAAmB;IACnB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;IACjC,uDAAuD;IACvD,KAAK,CAAC,EAAE,eAAe,CAAA;IACvB,gHAAgH;IAChH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,mDAAmD;IACnD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;SAGK;IACL,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mCAAmC;IACnC,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,GAAG,aAAa,GAAG,KAAK,CAAC,aAAa,KAAK,IAAI,CAAA;IAC3E,0DAA0D;IAC1D,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,UAAU,2BAA4B,SAAQ,IAAI,CAAC,aAAa,EAAE,WAAW,CAAC;IAC5E,SAAS,EAAE,MAAM,GAAG,YAAY,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,CAAA;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,WAAW,uBAAwB,SAAQ,kBAAkB;IACjE,wBAAwB;IACxB,OAAO,EAAE,wBAAwB,EAAE,CAAA;IACnC,mBAAmB;IACnB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,oCAAoC;IACpC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gHAAgH;IAChH,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,2BAA2B,CAAA;IACzC,uDAAuD;IACvD,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAMD,eAAO,MAAM,cAAc,mFAQxB,uBAAuB,KAAG,WAkP5B,CAAA"}
@@ -1,2 +1,2 @@
1
- import{__rest as e,__assign as t}from'./../../../ext/tslib/tslib.es6.js';import o from'./../../../ext/lodash/uniqueId.js';import n,{useRef as r,useState as i,useEffect as a,useCallback as c,useMemo as l}from"react";import"../../../utils/getDisplayName.js";import"../../../utils/getIntegerMask.js";import"../../../utils/isFilled.js";import"../../../utils/isNotFilled.js";import"../../../utils/isNotNilNorEmpty.js";import'./../../../ext/diacritic/diacritics.js';import{cx as s}from"../../../utils/classBinder.js";import'./../../../ext/text-mask-addons/dist/textMaskAddons.js';import{KEYS as u}from"../../../utils/constants.js";import{useContainerDimensions as m}from"../../../utils/hooks.js";import'./../../../ext/moment/dist/locale/cs.js';import{Avatar as d}from"../Avatar/Avatar.js";import{Button as p}from"../Button/Button.js";import{Dropdown as f}from"../Dropdown/Dropdown.js";import"../Dropdown/_elements_/DropdownDivider.js";import{DropdownItem as b}from"../Dropdown/_elements_/DropdownItem.js";import{DropdownMenu as v}from"../Dropdown/_elements_/DropdownMenu.js";var _=function(_){var w=_.buttons,h=_.otherButton,D=_.maxVisibleButtons,y=void 0===D?w.length:D,k=_.theme,g=_.size,j=_.type,E=void 0===j?"border":j,N=_.isFirstPrimary,B=r(null),C=r([]),I=r(),x=m(B).width,A=i(!1),F=A[0],L=A[1],K=i(-1),M=K[0],O=K[1],P=i(""),T=P[0],V=P[1],z="border"===E?40:56,S=h||{ariaLabel:"Other"},U=S.ariaLabel,q=S.isOnlyIcon,H=S.label,W=S.showOtherIcon,G=void 0===W||W;a((function(){V(o("menu"))}),[]);var J=c((function(){var e,t;null===(t=null===(e=B.current)||void 0===e?void 0:e.getElementsByClassName("c-compact-buttons__opener")[0])||void 0===t||t.focus()}),[B]),Q=c((function(){var e;null===(e=null==I?void 0:I.current)||void 0===e||e.focus()}),[I]),R=c((function(){F?O(-1):setTimeout((function(){Q()})),L((function(e){return!e}))}),[F,Q,O,L]),X=l((function(){var e=0;return C.current.map((function(t){var o=(null==t?void 0:t.clientWidth)||0,n=e+o;return e+=o,n}))}),[C.current.length,x]),Y=c((function(e){return X[e]+z<=x&&e<y}),[X,x,y,z]),Z=c((function(e){return function(t){C.current[e]=t}}),[]),$=l((function(){return w.map((function(e,t){return e.isDisabled||Y(t)?null:t})).filter((function(e){return null!==e}))}),[w,Y]);a((function(){var e;if(M>-1){var t=null===(e=I.current)||void 0===e?void 0:e.getElementsByClassName("c-compact-buttons__dropdown-item")[M];null==t||t.focus()}}),[M]);var ee=c((function(e){switch(e.key){case u.ArrowDown:e.preventDefault(),-1===M?O(0):void 0!==$[M+1]?O(M+1):(O(-1),J());break;case u.Tab:case u.Escape:O(-1),L(!1);break;case u.ArrowUp:e.preventDefault(),-1===M?O($.length-1):void 0!==$[M-1]?O(M-1):(O(-1),J());break;case u.Home:e.preventDefault(),O(0);break;case u.End:e.preventDefault(),O($.length-1)}}),[O,J,M,$]),te=c((function(e){switch(e.key){case u.ArrowDown:e.preventDefault(),Q(),O(0);break;case u.ArrowUp:e.preventDefault(),Q(),O($.length-1);break;case u.Tab:O(-1),L(!1)}}),[Q,O,L,$]),oe=c((function(e){return function(t){var o=t.key;o!==u.Enter&&o!==u.Space||(t.preventDefault(),e&&e(t))}}),[]);return n.createElement("div",{ref:B,className:"c-compact-buttons"},n.createElement("div",{className:s("c-compact-buttons__wrapper",k)},w.map((function(o,r){var i=o.color,a=o.icon,c=o.key,l=o.label,u=o.theme,m=e(o,["color","icon","key","label","theme"]);return n.createElement("div",{key:c,ref:Z(r),className:s("c-compact-buttons__button_box",{"c-compact-buttons__button_box--hidden":!Y(r)})},n.createElement(p,t({color:i,size:g,theme:s("c-compact-buttons__button",{"c-compact-buttons__button--hidden":!Y(r)},u),type:N&&0==r?"filled":E},m),a&&n.createElement(d,{isLeft:!0,iconName:a}),l))})),!Y(w.length-1)&&n.createElement(f,{forceVisibility:F,placement:"bottom-end",trigger:null,triggerComponent:n.createElement(p,t({ariaLabel:U,onlyIconName:q?"otherFill":void 0,theme:"c-compact-buttons__button c-compact-buttons__opener",type:E,onClick:R,onKeyDown:te},h),G&&n.createElement(d,{iconName:"otherFill",theme:s({"u-mr--xSmall":H})}),H,n.createElement("span",{className:"c-compact-buttons__dropdown__opener"})),onVisibleChange:function(e){return L(e)}},n.createElement(v,{ref:I,id:T,role:"menu",onKeyDown:ee},w.map((function(e,t){var o=e.allowEventPropagation,r=e.icon,i=e.isDisabled,a=e.isLoading,c=e.key,l=e.label,u=e.onClick,m=e.testId;if(!Y(t))return n.createElement(b,{key:c,allowEventPropagation:o,iconColor:"fgBrandDefault",iconName:r,isDisabled:i,isFocused:$[M]===t,testId:"".concat(m,"-dropdown"),theme:s("c-compact-buttons__dropdown-item",{"c-compact-buttons__dropdown-item--disabled":i||a}),onClick:u,onKeyDown:oe(u)},l)}))))))};export{_ as CompactButtons};
1
+ import{__rest as e,__assign as t}from'./../../../ext/tslib/tslib.es6.js';import o from'./../../../ext/lodash/uniqueId.js';import n,{useRef as r,useState as i,useEffect as l,useCallback as a,useMemo as c}from"react";import"../../../utils/getDisplayName.js";import"../../../utils/getIntegerMask.js";import"../../../utils/isFilled.js";import"../../../utils/isNotFilled.js";import"../../../utils/isNotNilNorEmpty.js";import'./../../../ext/diacritic/diacritics.js';import{cx as s}from"../../../utils/classBinder.js";import'./../../../ext/text-mask-addons/dist/textMaskAddons.js';import{KEYS as u}from"../../../utils/constants.js";import{useContainerDimensions as m}from"../../../utils/hooks.js";import'./../../../ext/moment/dist/locale/cs.js';import{Avatar as d}from"../Avatar/Avatar.js";import{Button as p}from"../Button/Button.js";import{Dropdown as f}from"../Dropdown/Dropdown.js";import"../Dropdown/_elements_/DropdownDivider.js";import{DropdownItem as v}from"../Dropdown/_elements_/DropdownItem.js";import{DropdownMenu as b}from"../Dropdown/_elements_/DropdownMenu.js";var _=function(_){var h=_.buttons,w=_.otherButton,D=_.maxVisibleButtons,y=void 0===D?h.length:D,k=_.theme,g=_.size,E=_.type,j=void 0===E?"border":E,N=_.isFirstPrimary,B=r(null),C=r([]),I=r(),x=r(null),A=m(B).width,F=i(!1),L=F[0],K=F[1],M=i(-1),O=M[0],P=M[1],T=i(""),V=T[0],W=T[1],z=w||{ariaLabel:"Other"},S=z.ariaLabel,U=z.isOnlyIcon,q=z.label,H=z.showOtherIcon,G=void 0===H||H;l((function(){W(o("menu"))}),[]);var J=a((function(){var e,t;null===(t=null===(e=B.current)||void 0===e?void 0:e.getElementsByClassName("c-compact-buttons__opener")[0])||void 0===t||t.focus()}),[B]),Q=a((function(){var e;null===(e=null==I?void 0:I.current)||void 0===e||e.focus()}),[I]),R=a((function(){L?P(-1):setTimeout((function(){Q()})),K((function(e){return!e}))}),[L,Q,P,K]),X=c((function(){var e=0;return C.current.map((function(t){var o=void 0!==(null==t?void 0:t.clientWidth)?(null==t?void 0:t.clientWidth)+8:0,n=e+o;return e+=o,n}))}),[C.current.length,A]),Y=a((function(e){var t,o,n=null!==(o=null===(t=x.current)||void 0===t?void 0:t.clientWidth)&&void 0!==o?o:0;return X[e]+n<=A&&e<y}),[X,A,y,x.current]),Z=a((function(e){return function(t){C.current[e]=t}}),[]),$=c((function(){return h.map((function(e,t){return e.isDisabled||Y(t)?null:t})).filter((function(e){return null!==e}))}),[h,Y]);l((function(){var e;if(O>-1){var t=null===(e=I.current)||void 0===e?void 0:e.getElementsByClassName("c-compact-buttons__dropdown-item")[O];null==t||t.focus()}}),[O]);var ee=a((function(e){switch(e.key){case u.ArrowDown:e.preventDefault(),-1===O?P(0):void 0!==$[O+1]?P(O+1):(P(-1),J());break;case u.Tab:case u.Escape:P(-1),K(!1);break;case u.ArrowUp:e.preventDefault(),-1===O?P($.length-1):void 0!==$[O-1]?P(O-1):(P(-1),J());break;case u.Home:e.preventDefault(),P(0);break;case u.End:e.preventDefault(),P($.length-1)}}),[P,J,O,$]),te=a((function(e){switch(e.key){case u.ArrowDown:e.preventDefault(),Q(),P(0);break;case u.ArrowUp:e.preventDefault(),Q(),P($.length-1);break;case u.Tab:P(-1),K(!1)}}),[Q,P,K,$]),oe=a((function(e){return function(t){var o=t.key;o!==u.Enter&&o!==u.Space||(t.preventDefault(),e&&e(t))}}),[]);return n.createElement("div",{ref:B,className:"c-compact-buttons"},n.createElement("div",{className:s("c-compact-buttons__wrapper",k)},h.map((function(o,r){var i=o.color,l=o.icon,a=o.key,c=o.label,u=o.theme,m=e(o,["color","icon","key","label","theme"]);return n.createElement("div",{key:a,ref:Z(r),className:s("c-compact-buttons__button_box",{"c-compact-buttons__button_box--hidden":!Y(r)})},n.createElement(p,t({color:i,size:g,theme:s("c-compact-buttons__button",{"c-compact-buttons__button--hidden":!Y(r)},u),type:N&&0==r?"filled":j},m),l&&n.createElement(d,{isLeft:!0,iconName:l}),c))})),!Y(h.length-1)&&n.createElement("div",{ref:x},n.createElement(f,{forceVisibility:L,placement:"bottom-end",trigger:null,triggerComponent:n.createElement(p,t({ariaLabel:S,onlyIconName:U?"otherFill":void 0,theme:"c-compact-buttons__button c-compact-buttons__opener",type:j,onClick:R,onKeyDown:te},w),G&&n.createElement(d,{iconName:"otherFill",theme:s({"u-mr--xSmall":q})}),q,n.createElement("span",{className:"c-compact-buttons__dropdown__opener"})),onVisibleChange:function(e){return K(e)}},n.createElement(b,{ref:I,id:V,role:"menu",onKeyDown:ee},h.map((function(e,t){var o=e.allowEventPropagation,r=e.icon,i=e.isDisabled,l=e.isLoading,a=e.key,c=e.label,u=e.onClick,m=e.testId;if(!Y(t))return n.createElement(v,{key:a,allowEventPropagation:o,iconColor:"fgBrandDefault",iconName:r,isDisabled:i,isFocused:$[O]===t,testId:"".concat(m,"-dropdown"),theme:s("c-compact-buttons__dropdown-item",{"c-compact-buttons__dropdown-item--disabled":i||l}),onClick:u,onKeyDown:oe(u)},c)})))))))};export{_ as CompactButtons};
2
2
  //# sourceMappingURL=CompactButtons.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CompactButtons.js","sources":["../../../../src/components/Components/CompactButtons/CompactButtons.tsx"],"sourcesContent":[null],"names":["CompactButtons","_a","buttons","otherButton","_b","maxVisibleButtons","length","theme","size","_c","type","isFirstPrimary","container","useRef","refs","dropdownRef","width","useContainerDimensions","_d","useState","isDropdownVisible","setIsDropdownVisible","_e","focusedItemIndex","setFocusedItemIndex","_f","menuId","setMenuId","openerWidth","_g","ariaLabel","otherButtonAriaLabel","isOnlyIcon","otherButtonLabel","label","_h","showOtherIcon","useEffect","uniqueId","focusOpener","useCallback","current","getElementsByClassName","focus","focusDropdown","toggleDropdownVisibility","setTimeout","prev","ends","useMemo","offset","map","ref","buttonWidth","clientWidth","end","isButtonVisible","position","registerButtonRef","pos","selectableItems","i","isDisabled","filter","item","handleOptionKeyPress","event","key","KEYS","ArrowDown","preventDefault","undefined","Tab","Escape","ArrowUp","Home","End","handleOpenerKeyPress","handleDropdownItemKeyPress","onClick","Enter","Space","React","className","createElement","cx","color","icon","props","__rest","Button","Avatar","isLeft","iconName","Dropdown","forceVisibility","placement","trigger","triggerComponent","__assign","onlyIconName","onKeyDown","onVisibleChange","state","DropdownMenu","id","role","allowEventPropagation","isLoading","testId","DropdownItem","iconColor","isFocused","concat"],"mappings":"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"}
1
+ {"version":3,"file":"CompactButtons.js","sources":["../../../../src/components/Components/CompactButtons/CompactButtons.tsx"],"sourcesContent":[null],"names":["CompactButtons","_a","buttons","otherButton","_b","maxVisibleButtons","length","theme","size","_c","type","isFirstPrimary","container","useRef","refs","dropdownRef","dropdownOpenerRef","width","useContainerDimensions","_d","useState","isDropdownVisible","setIsDropdownVisible","_e","focusedItemIndex","setFocusedItemIndex","_f","menuId","setMenuId","_g","ariaLabel","otherButtonAriaLabel","isOnlyIcon","otherButtonLabel","label","_h","showOtherIcon","useEffect","uniqueId","focusOpener","useCallback","current","getElementsByClassName","focus","focusDropdown","toggleDropdownVisibility","setTimeout","prev","ends","useMemo","offset","map","ref","buttonWidth","undefined","clientWidth","end","isButtonVisible","position","calculatedOpenerWidth","registerButtonRef","pos","selectableItems","i","isDisabled","filter","item","handleOptionKeyPress","event","key","KEYS","ArrowDown","preventDefault","Tab","Escape","ArrowUp","Home","End","handleOpenerKeyPress","handleDropdownItemKeyPress","onClick","Enter","Space","React","className","createElement","cx","color","icon","props","__rest","Button","Avatar","isLeft","iconName","Dropdown","forceVisibility","placement","trigger","triggerComponent","onlyIconName","onKeyDown","onVisibleChange","state","DropdownMenu","id","role","allowEventPropagation","isLoading","testId","DropdownItem","iconColor","isFocused","concat"],"mappings":"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"}
@@ -5,9 +5,10 @@ export interface SuperModalHeaderPropsType {
5
5
  closeButtonTestId?: string;
6
6
  isFixed?: boolean;
7
7
  onClose?: () => void;
8
+ onCloseOverride?: () => void | boolean;
8
9
  title?: ReactNode;
9
10
  testId?: string;
10
11
  }
11
- declare const SuperModalHeader: ({ children, closeButtonAriaLabel, closeButtonTestId, isFixed, onClose, testId, title }: SuperModalHeaderPropsType) => React.JSX.Element;
12
+ declare const SuperModalHeader: ({ children, closeButtonAriaLabel, closeButtonTestId, isFixed, onClose, onCloseOverride, testId, title }: SuperModalHeaderPropsType) => React.JSX.Element;
12
13
  export default SuperModalHeader;
13
14
  //# sourceMappingURL=SuperModalHeader.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SuperModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Components/SuperModal/_elements_/SuperModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxC,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,QAAA,MAAM,gBAAgB,2FAQnB,yBAAyB,sBAuC3B,CAAA;AAED,eAAe,gBAAgB,CAAA"}
1
+ {"version":3,"file":"SuperModalHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Components/SuperModal/_elements_/SuperModalHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAOxC,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,oBAAoB,CAAC,EAAE,MAAM,CAAA;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,eAAe,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAA;IACtC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,QAAA,MAAM,gBAAgB,4GASnB,yBAAyB,sBA+C3B,CAAA;AAED,eAAe,gBAAgB,CAAA"}
@@ -1,2 +1,2 @@
1
- import e from"react";import"../../../../utils/getDisplayName.js";import"../../../../utils/getIntegerMask.js";import"../../../../utils/isFilled.js";import"../../../../utils/isNotFilled.js";import"../../../../utils/isNotNilNorEmpty.js";import'./../../../../ext/diacritic/diacritics.js';import{cx as t}from"../../../../utils/classBinder.js";import'./../../../../ext/text-mask-addons/dist/textMaskAddons.js';import{useEventListener as o}from"../../../../utils/hooks.js";import'./../../../../ext/moment/dist/locale/cs.js';import"../../../Typography/Amount/Amount.js";import{Text as s}from"../../../Typography/Text/Text.js";import{Title as i}from"../../../Typography/Title/Title.js";import{Button as r}from"../../Button/Button.js";import'./../../../../ext/tslib/tslib.es6.js';import{useSuperModal as l}from"../SuperModal.hook.js";var a=function(a){var m=a.children,d=a.closeButtonAriaLabel,n=void 0===d?"Close":d,p=a.closeButtonTestId,u=a.isFixed,c=a.onClose,j=a.testId,h=void 0===j?"SuperModalHeader":j,y=a.title,f=l().close,_=function(){c&&c(),f()};return o("keydown",(function(e){var t=e.key,o=document.getElementsByClassName("c-modal").length>0;"Escape"!==t||o||_()})),e.createElement("header",{className:t("c-superModal__header",{"c-superModal__header--fixed":u}),"data-testid":h},m,e.createElement(i,{id:"superModal_title",size:"h1",theme:"u-vHide",visual:"h3"},y),e.createElement(r,{isRounded:!0,ariaLabel:n,onlyIconName:"close",testId:p,theme:"c-superModal__close",type:"transparent",onClick:_},e.createElement(s,{component:"span",theme:"u-vHide"},n)))};export{a as default};
1
+ import e from"react";import"../../../../utils/getDisplayName.js";import"../../../../utils/getIntegerMask.js";import"../../../../utils/isFilled.js";import"../../../../utils/isNotFilled.js";import"../../../../utils/isNotNilNorEmpty.js";import'./../../../../ext/diacritic/diacritics.js';import{cx as t}from"../../../../utils/classBinder.js";import'./../../../../ext/text-mask-addons/dist/textMaskAddons.js';import{useEventListener as o}from"../../../../utils/hooks.js";import'./../../../../ext/moment/dist/locale/cs.js';import"../../../Typography/Amount/Amount.js";import{Text as s}from"../../../Typography/Text/Text.js";import{Title as i}from"../../../Typography/Title/Title.js";import{Button as r}from"../../Button/Button.js";import'./../../../../ext/tslib/tslib.es6.js';import{useSuperModal as l}from"../SuperModal.hook.js";var a=function(a){var d=a.children,m=a.closeButtonAriaLabel,n=void 0===m?"Close":m,p=a.closeButtonTestId,u=a.isFixed,c=a.onClose,j=a.onCloseOverride,h=a.testId,f=void 0===h?"SuperModalHeader":h,y=a.title,_=l().close,v=function(){if(j&&!1===j())return;c&&c(),_()};return o("keydown",(function(e){var t=e.key,o=document.getElementsByClassName("c-modal").length>0;"Escape"!==t||o||v()})),e.createElement("header",{className:t("c-superModal__header",{"c-superModal__header--fixed":u}),"data-testid":f},d,e.createElement(i,{id:"superModal_title",size:"h1",theme:"u-vHide",visual:"h3"},y),e.createElement(r,{isRounded:!0,ariaLabel:n,onlyIconName:"close",testId:p,theme:"c-superModal__close",type:"transparent",onClick:v},e.createElement(s,{component:"span",theme:"u-vHide"},n)))};export{a as default};
2
2
  //# sourceMappingURL=SuperModalHeader.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"SuperModalHeader.js","sources":["../../../../../src/components/Components/SuperModal/_elements_/SuperModalHeader.tsx"],"sourcesContent":[null],"names":["SuperModalHeader","_a","children","_b","closeButtonAriaLabel","closeButtonTestId","isFixed","onClose","_c","testId","title","closeSuperModal","useSuperModal","onDialogCloseCallback","useEventListener","key","isAnyModalOpen","document","getElementsByClassName","length","React","createElement","className","cx","Title","id","size","theme","visual","Button","isRounded","ariaLabel","onlyIconName","type","onClick","Text","component"],"mappings":"o1BAiBM,IAAAA,EAAmB,SAACC,OACxBC,EAAQD,EAAAC,SACRC,EAAAF,EAAAG,qBAAAA,OAAuB,IAAAD,EAAA,QAAOA,EAC9BE,EAAiBJ,EAAAI,kBACjBC,YACAC,EAAON,EAAAM,QACPC,EAA2BP,EAAAQ,OAA3BA,OAAM,IAAAD,EAAG,mBAAkBA,EAC3BE,EAAKT,EAAAS,MAEUC,EAAoBC,UAE7BC,EAAwB,WAC5BN,GAAWA,IACXI,GACF,EAYA,OAFAG,EAAiB,WARM,SAACb,GAAE,IAAAc,EAAGd,EAAAc,IACrBC,EAAiBC,SAASC,uBAAuB,WAAWC,OAAS,EAE/D,WAARJ,GAAqBC,GACvBH,GAEJ,IAKEO,EAAAC,cAAA,SAAA,CAAQC,UAAWC,EAAG,uBAAwB,CAAE,8BAA+BjB,kBAAyBG,GACrGP,EACDkB,EAAAC,cAACG,EAAM,CAAAC,GAAG,mBAAmBC,KAAK,KAAKC,MAAM,UAAUC,OAAO,MAC3DlB,GAEHU,EAACC,cAAAQ,EACC,CAAAC,WACA,EAAAC,UAAW3B,EACX4B,aAAa,QACbvB,OAAQJ,EACRsB,MAAM,sBACNM,KAAK,cACLC,QAASrB,GAETO,EAAAC,cAACc,EAAI,CAACC,UAAU,OAAOT,MAAM,WAC1BvB,IAKX"}
1
+ {"version":3,"file":"SuperModalHeader.js","sources":["../../../../../src/components/Components/SuperModal/_elements_/SuperModalHeader.tsx"],"sourcesContent":[null],"names":["SuperModalHeader","_a","children","_b","closeButtonAriaLabel","closeButtonTestId","isFixed","onClose","onCloseOverride","_c","testId","title","closeSuperModal","useSuperModal","onDialogCloseCallback","useEventListener","key","isAnyModalOpen","document","getElementsByClassName","length","React","createElement","className","cx","Title","id","size","theme","visual","Button","isRounded","ariaLabel","onlyIconName","type","onClick","Text","component"],"mappings":"o1BAkBM,IAAAA,EAAmB,SAACC,GACxB,IAAAC,EAAQD,EAAAC,SACRC,EAA8BF,EAAAG,qBAA9BA,OAAoB,IAAAD,EAAG,QAAOA,EAC9BE,EAAiBJ,EAAAI,kBACjBC,EAAOL,EAAAK,QACPC,EAAON,EAAAM,QACPC,EAAeP,EAAAO,gBACfC,EAAAR,EAAAS,OAAAA,OAAS,IAAAD,EAAA,mBAAkBA,EAC3BE,EAAKV,EAAAU,MAEUC,EAAoBC,UAE7BC,EAAwB,WAC5B,GAAIN,IAGkB,IAFAA,IAGlB,OAIJD,GAAWA,IACXK,GACF,EAYA,OAFAG,EAAiB,WARM,SAACd,GAAE,IAAAe,EAAGf,EAAAe,IACrBC,EAAiBC,SAASC,uBAAuB,WAAWC,OAAS,EAE/D,WAARJ,GAAqBC,GACvBH,GAEJ,IAKEO,EAAAC,cAAA,SAAA,CAAQC,UAAWC,EAAG,uBAAwB,CAAE,8BAA+BlB,kBAAyBI,GACrGR,EACDmB,EAAAC,cAACG,EAAM,CAAAC,GAAG,mBAAmBC,KAAK,KAAKC,MAAM,UAAUC,OAAO,MAC3DlB,GAEHU,EAACC,cAAAQ,EACC,CAAAC,WACA,EAAAC,UAAW5B,EACX6B,aAAa,QACbvB,OAAQL,EACRuB,MAAM,sBACNM,KAAK,cACLC,QAASrB,GAETO,EAAAC,cAACc,EAAI,CAACC,UAAU,OAAOT,MAAM,WAC1BxB,IAKX"}
package/ds-lilly.css CHANGED
@@ -459,8 +459,44 @@ body {
459
459
  --gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
460
460
  --gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
461
461
  --gradientGoldActive: linear-gradient(45deg, #b7953e 0%, #62532d 100%);
462
- --gradientMenu: linear-gradient(344deg, rgb(210, 38, 193) 9.39%, rgb(169, 36, 205) 15.75%, rgb(75, 14, 169) 40.16%, rgb(75, 14, 169) 55.77%, rgb(48, 109, 194) 83.18%, rgb(57, 162, 221) 95.47%);
462
+ --gradientMenu: linear-gradient(22deg, var(--gradientMenuStart) 28.63%, var(--gradientMenuEnd) 85.57%);
463
+ --gradientMenuStart: #131D41;
464
+ --gradientMenuStart-rgb: hex-to-rgb(#131D41);
465
+ --gradientMenuEnd: #4E1775;
466
+ --gradientMenuEnd-rgb: hex-to-rgb(#4E1775);
463
467
  --gradientFresh: linear-gradient(314deg, #E930B5 6.72%, #2353FF 107%);
468
+ --categoryYellow: #ffd200;
469
+ --categoryYellow-rgb: hex-to-rgb(#ffd200);
470
+ --categoryOrange: #fa9646;
471
+ --categoryOrange-rgb: hex-to-rgb(#fa9646);
472
+ --categoryPink: #b74676;
473
+ --categoryPink-rgb: hex-to-rgb(#b74676);
474
+ --categoryCherry: #a51854;
475
+ --categoryCherry-rgb: hex-to-rgb(#a51854);
476
+ --categoryViolet: #966ebe;
477
+ --categoryViolet-rgb: hex-to-rgb(#966ebe);
478
+ --categoryOceanBlue: #3c64c8;
479
+ --categoryOceanBlue-rgb: hex-to-rgb(#3c64c8);
480
+ --categorySkyBlue: #aad2f0;
481
+ --categorySkyBlue-rgb: hex-to-rgb(#aad2f0);
482
+ --categoryMidnightBlue: #3d4552;
483
+ --categoryMidnightBlue-rgb: hex-to-rgb(#3d4552);
484
+ --categorySemiBlue: #d0cddd;
485
+ --categorySemiBlue-rgb: hex-to-rgb(#d0cddd);
486
+ --categoryTorquise: #64bed2;
487
+ --categoryTorquise-rgb: hex-to-rgb(#64bed2);
488
+ --categoryMintGreen: #6c9;
489
+ --categoryMintGreen-rgb: hex-to-rgb(#6c9);
490
+ --categoryForestGreen: #50825a;
491
+ --categoryForestGreen-rgb: hex-to-rgb(#50825a);
492
+ --categoryOliveGreen: #c2cc8f;
493
+ --categoryOliveGreen-rgb: hex-to-rgb(#c2cc8f);
494
+ --thirdPartyFacebook: #4267b2;
495
+ --thirdPartyFacebook-rgb: hex-to-rgb(#4267b2);
496
+ --thirdPartyTwitter: #1da1f2;
497
+ --thirdPartyTwitter-rgb: hex-to-rgb(#1da1f2);
498
+ --transparent: transparent;
499
+ --transparent-rgb: hex-to-rgb(transparent);
464
500
  }
465
501
 
466
502
  /* Dark theme colors */
@@ -613,8 +649,44 @@ body.dark {
613
649
  --gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
614
650
  --gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
615
651
  --gradientGoldActive: linear-gradient(45deg, #b7953e 0%, #62532d 100%);
616
- --gradientMenu: linear-gradient(344deg, rgb(210, 38, 193) 9.39%, rgb(169, 36, 205) 15.75%, rgb(75, 14, 169) 40.16%, rgb(75, 14, 169) 55.77%, rgb(48, 109, 194) 83.18%, rgb(57, 162, 221) 95.47%);
652
+ --gradientMenu: linear-gradient(22deg, var(--gradientMenuStart) 28.63%, var(--gradientMenuEnd) 85.57%);
653
+ --gradientMenuStart: #131D41;
654
+ --gradientMenuStart-rgb: hex-to-rgb(#131D41);
655
+ --gradientMenuEnd: #4E1775;
656
+ --gradientMenuEnd-rgb: hex-to-rgb(#4E1775);
617
657
  --gradientFresh: linear-gradient(314deg, #E930B5 6.72%, #2353FF 107%);
658
+ --categoryYellow: #ffd200;
659
+ --categoryYellow-rgb: hex-to-rgb(#ffd200);
660
+ --categoryOrange: #fa9646;
661
+ --categoryOrange-rgb: hex-to-rgb(#fa9646);
662
+ --categoryPink: #b74676;
663
+ --categoryPink-rgb: hex-to-rgb(#b74676);
664
+ --categoryCherry: #a51854;
665
+ --categoryCherry-rgb: hex-to-rgb(#a51854);
666
+ --categoryViolet: #966ebe;
667
+ --categoryViolet-rgb: hex-to-rgb(#966ebe);
668
+ --categoryOceanBlue: #3c64c8;
669
+ --categoryOceanBlue-rgb: hex-to-rgb(#3c64c8);
670
+ --categorySkyBlue: #aad2f0;
671
+ --categorySkyBlue-rgb: hex-to-rgb(#aad2f0);
672
+ --categoryMidnightBlue: #3d4552;
673
+ --categoryMidnightBlue-rgb: hex-to-rgb(#3d4552);
674
+ --categorySemiBlue: #d0cddd;
675
+ --categorySemiBlue-rgb: hex-to-rgb(#d0cddd);
676
+ --categoryTorquise: #64bed2;
677
+ --categoryTorquise-rgb: hex-to-rgb(#64bed2);
678
+ --categoryMintGreen: #6c9;
679
+ --categoryMintGreen-rgb: hex-to-rgb(#6c9);
680
+ --categoryForestGreen: #50825a;
681
+ --categoryForestGreen-rgb: hex-to-rgb(#50825a);
682
+ --categoryOliveGreen: #c2cc8f;
683
+ --categoryOliveGreen-rgb: hex-to-rgb(#c2cc8f);
684
+ --thirdPartyFacebook: #4267b2;
685
+ --thirdPartyFacebook-rgb: hex-to-rgb(#4267b2);
686
+ --thirdPartyTwitter: #1da1f2;
687
+ --thirdPartyTwitter-rgb: hex-to-rgb(#1da1f2);
688
+ --transparent: transparent;
689
+ --transparent-rgb: hex-to-rgb(transparent);
618
690
  }
619
691
 
620
692
  /* Styles for users who prefer dark mode at the OS level */
@@ -769,8 +841,44 @@ body.dark {
769
841
  --gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
770
842
  --gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
771
843
  --gradientGoldActive: linear-gradient(45deg, #b7953e 0%, #62532d 100%);
772
- --gradientMenu: linear-gradient(344deg, rgb(210, 38, 193) 9.39%, rgb(169, 36, 205) 15.75%, rgb(75, 14, 169) 40.16%, rgb(75, 14, 169) 55.77%, rgb(48, 109, 194) 83.18%, rgb(57, 162, 221) 95.47%);
844
+ --gradientMenu: linear-gradient(22deg, var(--gradientMenuStart) 28.63%, var(--gradientMenuEnd) 85.57%);
845
+ --gradientMenuStart: #131D41;
846
+ --gradientMenuStart-rgb: hex-to-rgb(#131D41);
847
+ --gradientMenuEnd: #4E1775;
848
+ --gradientMenuEnd-rgb: hex-to-rgb(#4E1775);
773
849
  --gradientFresh: linear-gradient(314deg, #E930B5 6.72%, #2353FF 107%);
850
+ --categoryYellow: #ffd200;
851
+ --categoryYellow-rgb: hex-to-rgb(#ffd200);
852
+ --categoryOrange: #fa9646;
853
+ --categoryOrange-rgb: hex-to-rgb(#fa9646);
854
+ --categoryPink: #b74676;
855
+ --categoryPink-rgb: hex-to-rgb(#b74676);
856
+ --categoryCherry: #a51854;
857
+ --categoryCherry-rgb: hex-to-rgb(#a51854);
858
+ --categoryViolet: #966ebe;
859
+ --categoryViolet-rgb: hex-to-rgb(#966ebe);
860
+ --categoryOceanBlue: #3c64c8;
861
+ --categoryOceanBlue-rgb: hex-to-rgb(#3c64c8);
862
+ --categorySkyBlue: #aad2f0;
863
+ --categorySkyBlue-rgb: hex-to-rgb(#aad2f0);
864
+ --categoryMidnightBlue: #3d4552;
865
+ --categoryMidnightBlue-rgb: hex-to-rgb(#3d4552);
866
+ --categorySemiBlue: #d0cddd;
867
+ --categorySemiBlue-rgb: hex-to-rgb(#d0cddd);
868
+ --categoryTorquise: #64bed2;
869
+ --categoryTorquise-rgb: hex-to-rgb(#64bed2);
870
+ --categoryMintGreen: #6c9;
871
+ --categoryMintGreen-rgb: hex-to-rgb(#6c9);
872
+ --categoryForestGreen: #50825a;
873
+ --categoryForestGreen-rgb: hex-to-rgb(#50825a);
874
+ --categoryOliveGreen: #c2cc8f;
875
+ --categoryOliveGreen-rgb: hex-to-rgb(#c2cc8f);
876
+ --thirdPartyFacebook: #4267b2;
877
+ --thirdPartyFacebook-rgb: hex-to-rgb(#4267b2);
878
+ --thirdPartyTwitter: #1da1f2;
879
+ --thirdPartyTwitter-rgb: hex-to-rgb(#1da1f2);
880
+ --transparent: transparent;
881
+ --transparent-rgb: hex-to-rgb(transparent);
774
882
  }
775
883
  /* Override dark mode with light mode styles if the user decides to swap */
776
884
  body.light {
@@ -923,8 +1031,44 @@ body.dark {
923
1031
  --gradientGold: linear-gradient(45deg, #cfb572 0%, #A58B4B 100%);
924
1032
  --gradientGoldHover: linear-gradient(45deg, #c2a14c 0%, #85703d 100%);
925
1033
  --gradientGoldActive: linear-gradient(45deg, #b7953e 0%, #62532d 100%);
926
- --gradientMenu: linear-gradient(344deg, rgb(210, 38, 193) 9.39%, rgb(169, 36, 205) 15.75%, rgb(75, 14, 169) 40.16%, rgb(75, 14, 169) 55.77%, rgb(48, 109, 194) 83.18%, rgb(57, 162, 221) 95.47%);
1034
+ --gradientMenu: linear-gradient(22deg, var(--gradientMenuStart) 28.63%, var(--gradientMenuEnd) 85.57%);
1035
+ --gradientMenuStart: #131D41;
1036
+ --gradientMenuStart-rgb: hex-to-rgb(#131D41);
1037
+ --gradientMenuEnd: #4E1775;
1038
+ --gradientMenuEnd-rgb: hex-to-rgb(#4E1775);
927
1039
  --gradientFresh: linear-gradient(314deg, #E930B5 6.72%, #2353FF 107%);
1040
+ --categoryYellow: #ffd200;
1041
+ --categoryYellow-rgb: hex-to-rgb(#ffd200);
1042
+ --categoryOrange: #fa9646;
1043
+ --categoryOrange-rgb: hex-to-rgb(#fa9646);
1044
+ --categoryPink: #b74676;
1045
+ --categoryPink-rgb: hex-to-rgb(#b74676);
1046
+ --categoryCherry: #a51854;
1047
+ --categoryCherry-rgb: hex-to-rgb(#a51854);
1048
+ --categoryViolet: #966ebe;
1049
+ --categoryViolet-rgb: hex-to-rgb(#966ebe);
1050
+ --categoryOceanBlue: #3c64c8;
1051
+ --categoryOceanBlue-rgb: hex-to-rgb(#3c64c8);
1052
+ --categorySkyBlue: #aad2f0;
1053
+ --categorySkyBlue-rgb: hex-to-rgb(#aad2f0);
1054
+ --categoryMidnightBlue: #3d4552;
1055
+ --categoryMidnightBlue-rgb: hex-to-rgb(#3d4552);
1056
+ --categorySemiBlue: #d0cddd;
1057
+ --categorySemiBlue-rgb: hex-to-rgb(#d0cddd);
1058
+ --categoryTorquise: #64bed2;
1059
+ --categoryTorquise-rgb: hex-to-rgb(#64bed2);
1060
+ --categoryMintGreen: #6c9;
1061
+ --categoryMintGreen-rgb: hex-to-rgb(#6c9);
1062
+ --categoryForestGreen: #50825a;
1063
+ --categoryForestGreen-rgb: hex-to-rgb(#50825a);
1064
+ --categoryOliveGreen: #c2cc8f;
1065
+ --categoryOliveGreen-rgb: hex-to-rgb(#c2cc8f);
1066
+ --thirdPartyFacebook: #4267b2;
1067
+ --thirdPartyFacebook-rgb: hex-to-rgb(#4267b2);
1068
+ --thirdPartyTwitter: #1da1f2;
1069
+ --thirdPartyTwitter-rgb: hex-to-rgb(#1da1f2);
1070
+ --transparent: transparent;
1071
+ --transparent-rgb: hex-to-rgb(transparent);
928
1072
  }
929
1073
  }
930
1074
  body {
@@ -3457,9 +3601,10 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
3457
3601
  font-size: var(--fontSizeAvatar);
3458
3602
  height: var(--heightAvatar);
3459
3603
  line-height: var(--lineHeightAvatar);
3604
+ margin-top: -2px;
3460
3605
  min-width: var(--widthAvatar);
3461
- width: var(--widthAvatar);
3462
3606
  vertical-align: middle;
3607
+ width: var(--widthAvatar);
3463
3608
  }
3464
3609
  .c-avatar--fgNeutralDefaultColor {
3465
3610
  background: var(--fgNeutralDefault);
@@ -3686,9 +3831,63 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
3686
3831
  .c-avatar--gradientMenuColor {
3687
3832
  background: var(--gradientMenu);
3688
3833
  }
3834
+ .c-avatar--gradientMenuStartColor {
3835
+ background: var(--gradientMenuStart);
3836
+ }
3837
+ .c-avatar--gradientMenuEndColor {
3838
+ background: var(--gradientMenuEnd);
3839
+ }
3689
3840
  .c-avatar--gradientFreshColor {
3690
3841
  background: var(--gradientFresh);
3691
3842
  }
3843
+ .c-avatar--categoryYellowColor {
3844
+ background: var(--categoryYellow);
3845
+ }
3846
+ .c-avatar--categoryOrangeColor {
3847
+ background: var(--categoryOrange);
3848
+ }
3849
+ .c-avatar--categoryPinkColor {
3850
+ background: var(--categoryPink);
3851
+ }
3852
+ .c-avatar--categoryCherryColor {
3853
+ background: var(--categoryCherry);
3854
+ }
3855
+ .c-avatar--categoryVioletColor {
3856
+ background: var(--categoryViolet);
3857
+ }
3858
+ .c-avatar--categoryOceanBlueColor {
3859
+ background: var(--categoryOceanBlue);
3860
+ }
3861
+ .c-avatar--categorySkyBlueColor {
3862
+ background: var(--categorySkyBlue);
3863
+ }
3864
+ .c-avatar--categoryMidnightBlueColor {
3865
+ background: var(--categoryMidnightBlue);
3866
+ }
3867
+ .c-avatar--categorySemiBlueColor {
3868
+ background: var(--categorySemiBlue);
3869
+ }
3870
+ .c-avatar--categoryTorquiseColor {
3871
+ background: var(--categoryTorquise);
3872
+ }
3873
+ .c-avatar--categoryMintGreenColor {
3874
+ background: var(--categoryMintGreen);
3875
+ }
3876
+ .c-avatar--categoryForestGreenColor {
3877
+ background: var(--categoryForestGreen);
3878
+ }
3879
+ .c-avatar--categoryOliveGreenColor {
3880
+ background: var(--categoryOliveGreen);
3881
+ }
3882
+ .c-avatar--thirdPartyFacebookColor {
3883
+ background: var(--thirdPartyFacebook);
3884
+ }
3885
+ .c-avatar--thirdPartyTwitterColor {
3886
+ background: var(--thirdPartyTwitter);
3887
+ }
3888
+ .c-avatar--transparentColor {
3889
+ background: var(--transparent);
3890
+ }
3692
3891
  .c-avatar--fgNeutralDefault {
3693
3892
  color: var(--fgNeutralDefault);
3694
3893
  }
@@ -3914,9 +4113,63 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
3914
4113
  .c-avatar--gradientMenu {
3915
4114
  color: var(--gradientMenu);
3916
4115
  }
4116
+ .c-avatar--gradientMenuStart {
4117
+ color: var(--gradientMenuStart);
4118
+ }
4119
+ .c-avatar--gradientMenuEnd {
4120
+ color: var(--gradientMenuEnd);
4121
+ }
3917
4122
  .c-avatar--gradientFresh {
3918
4123
  color: var(--gradientFresh);
3919
4124
  }
4125
+ .c-avatar--categoryYellow {
4126
+ color: var(--categoryYellow);
4127
+ }
4128
+ .c-avatar--categoryOrange {
4129
+ color: var(--categoryOrange);
4130
+ }
4131
+ .c-avatar--categoryPink {
4132
+ color: var(--categoryPink);
4133
+ }
4134
+ .c-avatar--categoryCherry {
4135
+ color: var(--categoryCherry);
4136
+ }
4137
+ .c-avatar--categoryViolet {
4138
+ color: var(--categoryViolet);
4139
+ }
4140
+ .c-avatar--categoryOceanBlue {
4141
+ color: var(--categoryOceanBlue);
4142
+ }
4143
+ .c-avatar--categorySkyBlue {
4144
+ color: var(--categorySkyBlue);
4145
+ }
4146
+ .c-avatar--categoryMidnightBlue {
4147
+ color: var(--categoryMidnightBlue);
4148
+ }
4149
+ .c-avatar--categorySemiBlue {
4150
+ color: var(--categorySemiBlue);
4151
+ }
4152
+ .c-avatar--categoryTorquise {
4153
+ color: var(--categoryTorquise);
4154
+ }
4155
+ .c-avatar--categoryMintGreen {
4156
+ color: var(--categoryMintGreen);
4157
+ }
4158
+ .c-avatar--categoryForestGreen {
4159
+ color: var(--categoryForestGreen);
4160
+ }
4161
+ .c-avatar--categoryOliveGreen {
4162
+ color: var(--categoryOliveGreen);
4163
+ }
4164
+ .c-avatar--thirdPartyFacebook {
4165
+ color: var(--thirdPartyFacebook);
4166
+ }
4167
+ .c-avatar--thirdPartyTwitter {
4168
+ color: var(--thirdPartyTwitter);
4169
+ }
4170
+ .c-avatar--transparent {
4171
+ color: var(--transparent);
4172
+ }
3920
4173
  .c-avatar--bgWarningBoldColor {
3921
4174
  background: var(--bgWarningBold);
3922
4175
  color: var(--fgInverseDefault);
@@ -3933,6 +4186,10 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
3933
4186
  background: var(--bgSuccessBold);
3934
4187
  color: var(--fgInverseDefault);
3935
4188
  }
4189
+ .c-avatar--bgBrandBoldColor {
4190
+ background: var(--bgBrandBold);
4191
+ color: var(--fgInverseDefault);
4192
+ }
3936
4193
  .c-avatar--bgPromoBold {
3937
4194
  background: var(--gradientGold);
3938
4195
  color: var(--fgInverseDefault);
@@ -3955,6 +4212,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
3955
4212
  }
3956
4213
  .c-avatar--transparent {
3957
4214
  background: transparent;
4215
+ color: inherit;
3958
4216
  }
3959
4217
  .c-avatar--bold {
3960
4218
  font-weight: var(--fontWeightBold);
@@ -4966,6 +5224,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
4966
5224
 
4967
5225
  .c-compact-buttons {
4968
5226
  position: relative;
5227
+ background-color: inherit;
4969
5228
  }
4970
5229
  .c-compact-buttons .c-avatar--loading + .c-avatar {
4971
5230
  margin-left: 0px;
@@ -5705,9 +5964,63 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
5705
5964
  .c-chartLegend__row__bg--gradientMenuColor {
5706
5965
  background: var(--gradientMenu);
5707
5966
  }
5967
+ .c-chartLegend__row__bg--gradientMenuStartColor {
5968
+ background: var(--gradientMenuStart);
5969
+ }
5970
+ .c-chartLegend__row__bg--gradientMenuEndColor {
5971
+ background: var(--gradientMenuEnd);
5972
+ }
5708
5973
  .c-chartLegend__row__bg--gradientFreshColor {
5709
5974
  background: var(--gradientFresh);
5710
5975
  }
5976
+ .c-chartLegend__row__bg--categoryYellowColor {
5977
+ background: var(--categoryYellow);
5978
+ }
5979
+ .c-chartLegend__row__bg--categoryOrangeColor {
5980
+ background: var(--categoryOrange);
5981
+ }
5982
+ .c-chartLegend__row__bg--categoryPinkColor {
5983
+ background: var(--categoryPink);
5984
+ }
5985
+ .c-chartLegend__row__bg--categoryCherryColor {
5986
+ background: var(--categoryCherry);
5987
+ }
5988
+ .c-chartLegend__row__bg--categoryVioletColor {
5989
+ background: var(--categoryViolet);
5990
+ }
5991
+ .c-chartLegend__row__bg--categoryOceanBlueColor {
5992
+ background: var(--categoryOceanBlue);
5993
+ }
5994
+ .c-chartLegend__row__bg--categorySkyBlueColor {
5995
+ background: var(--categorySkyBlue);
5996
+ }
5997
+ .c-chartLegend__row__bg--categoryMidnightBlueColor {
5998
+ background: var(--categoryMidnightBlue);
5999
+ }
6000
+ .c-chartLegend__row__bg--categorySemiBlueColor {
6001
+ background: var(--categorySemiBlue);
6002
+ }
6003
+ .c-chartLegend__row__bg--categoryTorquiseColor {
6004
+ background: var(--categoryTorquise);
6005
+ }
6006
+ .c-chartLegend__row__bg--categoryMintGreenColor {
6007
+ background: var(--categoryMintGreen);
6008
+ }
6009
+ .c-chartLegend__row__bg--categoryForestGreenColor {
6010
+ background: var(--categoryForestGreen);
6011
+ }
6012
+ .c-chartLegend__row__bg--categoryOliveGreenColor {
6013
+ background: var(--categoryOliveGreen);
6014
+ }
6015
+ .c-chartLegend__row__bg--thirdPartyFacebookColor {
6016
+ background: var(--thirdPartyFacebook);
6017
+ }
6018
+ .c-chartLegend__row__bg--thirdPartyTwitterColor {
6019
+ background: var(--thirdPartyTwitter);
6020
+ }
6021
+ .c-chartLegend__row__bg--transparentColor {
6022
+ background: var(--transparent);
6023
+ }
5711
6024
  .c-chartLegend__row__percentage {
5712
6025
  flex: 0 20%;
5713
6026
  min-width: var(--spaceXXXLarge);
@@ -6682,9 +6995,63 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
6682
6995
  .c-tag--gradientMenuColor {
6683
6996
  background: var(--gradientMenu);
6684
6997
  }
6998
+ .c-tag--gradientMenuStartColor {
6999
+ background: var(--gradientMenuStart);
7000
+ }
7001
+ .c-tag--gradientMenuEndColor {
7002
+ background: var(--gradientMenuEnd);
7003
+ }
6685
7004
  .c-tag--gradientFreshColor {
6686
7005
  background: var(--gradientFresh);
6687
7006
  }
7007
+ .c-tag--categoryYellowColor {
7008
+ background: var(--categoryYellow);
7009
+ }
7010
+ .c-tag--categoryOrangeColor {
7011
+ background: var(--categoryOrange);
7012
+ }
7013
+ .c-tag--categoryPinkColor {
7014
+ background: var(--categoryPink);
7015
+ }
7016
+ .c-tag--categoryCherryColor {
7017
+ background: var(--categoryCherry);
7018
+ }
7019
+ .c-tag--categoryVioletColor {
7020
+ background: var(--categoryViolet);
7021
+ }
7022
+ .c-tag--categoryOceanBlueColor {
7023
+ background: var(--categoryOceanBlue);
7024
+ }
7025
+ .c-tag--categorySkyBlueColor {
7026
+ background: var(--categorySkyBlue);
7027
+ }
7028
+ .c-tag--categoryMidnightBlueColor {
7029
+ background: var(--categoryMidnightBlue);
7030
+ }
7031
+ .c-tag--categorySemiBlueColor {
7032
+ background: var(--categorySemiBlue);
7033
+ }
7034
+ .c-tag--categoryTorquiseColor {
7035
+ background: var(--categoryTorquise);
7036
+ }
7037
+ .c-tag--categoryMintGreenColor {
7038
+ background: var(--categoryMintGreen);
7039
+ }
7040
+ .c-tag--categoryForestGreenColor {
7041
+ background: var(--categoryForestGreen);
7042
+ }
7043
+ .c-tag--categoryOliveGreenColor {
7044
+ background: var(--categoryOliveGreen);
7045
+ }
7046
+ .c-tag--thirdPartyFacebookColor {
7047
+ background: var(--thirdPartyFacebook);
7048
+ }
7049
+ .c-tag--thirdPartyTwitterColor {
7050
+ background: var(--thirdPartyTwitter);
7051
+ }
7052
+ .c-tag--transparentColor {
7053
+ background: var(--transparent);
7054
+ }
6688
7055
 
6689
7056
  .c-tag--withIcon {
6690
7057
  padding: var(--paddingWithIconTag);
@@ -9477,7 +9844,7 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
9477
9844
  /* Slider */
9478
9845
  .slick-loading .slick-list
9479
9846
  {
9480
- background: #fff url('assets/d2abd3db573c3cf64583.gif') center center no-repeat;
9847
+ background: #fff url('assets/53064c04f4ea32428819.gif') center center no-repeat;
9481
9848
  }
9482
9849
 
9483
9850
  /* Icons */
@@ -9487,8 +9854,8 @@ body.dark .l-mobilePanel--secondary .l-mobilePanel__close {
9487
9854
  font-weight: normal;
9488
9855
  font-style: normal;
9489
9856
 
9490
- src: url('assets/5eaed598b6d24c4b9e0c.eot');
9491
- src: url('assets/791081126ede272967dc.eot') format('embedded-opentype'), url('assets/b807a58bae17e3ac2f93.woff') format('woff'), url('assets/649f003b9ca976a42042.ttf') format('truetype'), url('assets/593d0da366013fb84dc0.svg') format('svg');
9857
+ src: url('assets/13d43f47e7b9a935482a.eot');
9858
+ src: url('assets/20010d5bd130bdfcacf9.eot') format('embedded-opentype'), url('assets/aea74b740ba8d9697164.woff') format('woff'), url('assets/23e6c984a4217faf0f60.ttf') format('truetype'), url('assets/ee4c13e48ef8259d1a39.svg') format('svg');
9492
9859
  }
9493
9860
  /* Arrows */
9494
9861
  .slick-prev,
package/package.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "module": "./index.js",
4
4
  "typings": "./index.d.ts",
5
5
  "name": "@mmb-digital/ds-lilly",
6
- "version": "1.0.0-alpha.15",
6
+ "version": "1.0.0-alpha.17",
7
7
  "description": "MMB LILLY design system",
8
8
  "license": "UNLICENSED",
9
9
  "sideEffects": [