@amboss/design-system 3.13.2 → 3.13.3

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 (29) hide show
  1. package/build/cjs/components/ColorPicker/ColorPicker.d.ts +2 -2
  2. package/build/cjs/components/ColorPicker/ColorPicker.js +1 -1
  3. package/build/cjs/components/ColorPicker/ColorPickerDropdown.js +1 -1
  4. package/build/cjs/components/ColorPicker/ColorPickerOption.d.ts +2 -2
  5. package/build/cjs/components/ColorPicker/ColorPickerOption.js +1 -1
  6. package/build/cjs/components/Container/Container.d.ts +1 -1
  7. package/build/cjs/components/Container/Container.js +1 -1
  8. package/build/cjs/components/PromptInput/AutocompleteList.js +1 -1
  9. package/build/cjs/components/PromptInput/PromptInput.d.ts +6 -2
  10. package/build/cjs/components/PromptInput/PromptInput.js +1 -1
  11. package/build/cjs/web-tokens/_colors.json +32 -22
  12. package/build/cjs/web-tokens/visualConfig.d.ts +3 -0
  13. package/build/cjs/web-tokens/visualConfig.js +1 -1
  14. package/build/esm/components/ColorPicker/ColorPicker.d.ts +2 -2
  15. package/build/esm/components/ColorPicker/ColorPicker.js +1 -1
  16. package/build/esm/components/ColorPicker/ColorPickerDropdown.js +1 -1
  17. package/build/esm/components/ColorPicker/ColorPickerOption.d.ts +2 -2
  18. package/build/esm/components/ColorPicker/ColorPickerOption.js +1 -1
  19. package/build/esm/components/Container/Container.d.ts +1 -1
  20. package/build/esm/components/Container/Container.js +1 -1
  21. package/build/esm/components/PromptInput/AutocompleteList.js +1 -1
  22. package/build/esm/components/PromptInput/PromptInput.d.ts +6 -2
  23. package/build/esm/components/PromptInput/PromptInput.js +1 -1
  24. package/build/esm/web-tokens/_colors.json +32 -22
  25. package/build/esm/web-tokens/visualConfig.d.ts +3 -0
  26. package/build/esm/web-tokens/visualConfig.js +1 -1
  27. package/build/scss/_theming.scss +13 -11
  28. package/build/scss/_variables.scss +1 -0
  29. package/package.json +11 -11
package/build/cjs/web-tokens/_colors.json CHANGED
@@ -301,50 +301,50 @@
301
301
  "color-color-indicator-gray-default": {
302
302
  "name": "color-indicator.gray",
303
303
  "subState": "default",
304
- "darkValue": "#5b5f67",
305
- "darkOriginalValue": "night-gray.dark02",
306
- "lightValue": "#a3b2bd",
307
- "lightOriginalValue": "gray.light01"
304
+ "darkValue": "#5a7183",
305
+ "darkOriginalValue": "gray.regular",
306
+ "lightValue": "#5a7183",
307
+ "lightOriginalValue": "gray.regular"
308
308
  },
309
309
  "color-color-indicator-purple-default": {
310
310
  "name": "color-indicator.purple",
311
311
  "subState": "default",
312
- "darkValue": "#7d67c5",
313
- "darkOriginalValue": "night-purple.light01",
314
- "lightValue": "#a592e3",
315
- "lightOriginalValue": "purple.light01"
312
+ "darkValue": "#7254d3",
313
+ "darkOriginalValue": "purple.regular",
314
+ "lightValue": "#7254d3",
315
+ "lightOriginalValue": "purple.regular"
316
316
  },
317
317
  "color-color-indicator-blue-default": {
318
318
  "name": "color-indicator.blue",
319
319
  "subState": "default",
320
- "darkValue": "#6e95cf",
321
- "darkOriginalValue": "night-blue.light01",
322
- "lightValue": "#6e95cf",
323
- "lightOriginalValue": "blue.light01"
320
+ "darkValue": "#1f6ce0",
321
+ "darkOriginalValue": "blue.regular",
322
+ "lightValue": "#1f6ce0",
323
+ "lightOriginalValue": "blue.regular"
324
324
  },
325
325
  "color-color-indicator-green-default": {
326
326
  "name": "color-indicator.green",
327
327
  "subState": "default",
328
- "darkValue": "#41a48a",
329
- "darkOriginalValue": "night-green.light01",
330
- "lightValue": "#0b8363",
331
- "lightOriginalValue": "green.dark01"
328
+ "darkValue": "#0fa980",
329
+ "darkOriginalValue": "green.regular",
330
+ "lightValue": "#0fa980",
331
+ "lightOriginalValue": "green.regular"
332
332
  },
333
333
  "color-color-indicator-yellow-default": {
334
334
  "name": "color-indicator.yellow",
335
335
  "subState": "default",
336
- "darkValue": "#cbac76",
337
- "darkOriginalValue": "night-orange.light01",
336
+ "darkValue": "#f6bc56",
337
+ "darkOriginalValue": "orange.regular",
338
338
  "lightValue": "#df9411",
339
339
  "lightOriginalValue": "orange.dark01"
340
340
  },
341
341
  "color-color-indicator-red-default": {
342
342
  "name": "color-indicator.red",
343
343
  "subState": "default",
344
- "darkValue": "#d07c7c",
345
- "darkOriginalValue": "night-red.light01",
346
- "lightValue": "#dd3637",
347
- "lightOriginalValue": "red.dark01"
344
+ "darkValue": "#ed5554",
345
+ "darkOriginalValue": "red.regular",
346
+ "lightValue": "#ed5554",
347
+ "lightOriginalValue": "red.regular"
348
348
  }
349
349
  },
350
350
  "content-box": {
@@ -1810,5 +1810,15 @@
1810
1810
  "lightValue": "#eef2f5",
1811
1811
  "lightOriginalValue": "gray.light03"
1812
1812
  }
1813
+ },
1814
+ "focus-ring": {
1815
+ "shadow-focus-ring": {
1816
+ "name": "focus-ring",
1817
+ "subState": "",
1818
+ "darkValue": "0px 0px 0px 4px rgba(31, 108, 224, 0.25), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 2px 5px 0px rgba(0, 0, 0, 0.07)",
1819
+ "darkOriginalValue": "25), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 2px 5px 0px rgba(0, 0, 0, 0",
1820
+ "lightValue": "0px 0px 0px 4px rgba(31, 108, 224, 0.25), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 2px 5px 0px rgba(0, 0, 0, 0.07)",
1821
+ "lightOriginalValue": "25), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 2px 5px 0px rgba(0, 0, 0, 0"
1822
+ }
1813
1823
  }
1814
1824
  }
package/build/cjs/web-tokens/visualConfig.d.ts CHANGED
@@ -634,6 +634,9 @@ type AmbossTheme = {
634
634
  "3": string;
635
635
  "4": string;
636
636
  };
637
+ "shadow": {
638
+ "focusRing": string;
639
+ };
637
640
  "subThemes": {
638
641
  "dimmed": {
639
642
  "color": {
package/build/cjs/web-tokens/visualConfig.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ambossVisualConfiguration",{enumerable:!0,get:function(){return ambossVisualConfiguration}});const variables={size:{dimension:{icon:{s:"16px",m:"24px",l:"48px"},content:{maxWidth:"944px"},checkbox:{s:"16px",m:"24px"},radio:{s:"16px",m:"24px"},radioPoint:{s:"6px",m:"10px"},toggle:{height:{s:"16px",m:"24px"},width:{s:"28px",m:"40px"}},textarea:{minHeight:{m:"36px"}},togglePoint:{s:"8px",m:"16px"},toggleButton:{height:{m:"32px"}},dropdownMenu:{width:"120px"},modal:{width:{m:"560px",l:"720px"},maxHeight:{l:"800px"},margin:{l:"40px"},fullScreenContentWidth:"1280px"},mediaViewerBar:{separator:{width:"1px"}},legendKey:{width:"12px"}},letterSpacing:{none:"0px",s:"0.5px",m:"1px"},font:{xs:"12px",s:"14px",m:"16px",l:"18px",xl:"20px",xxl:"24px",xxxl:"26px"},spacing:{zero:"0px",xxxs:"2px",xxs:"4px",xs:"8px",s:"12px",m:"16px",l:"24px",xl:"32px",xxl:"48px"},borderRadius:{none:"0px",xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625,xxxl:1.714286}},animation:{modal:{open:{duration:"400ms",delay:"150ms",timingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1.0)"}},modalBackdrop:{open:{duration:"300ms",timingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1.0)"}},toast:{entry:{duration:"300ms",distanceY:"20px"},exit:{duration:"100ms",distanceY:"20px"}}},breakpoint:{small:576,medium:768,large:1280},fontFamily:{lato:"Lato, 'Apple Symbols', BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"},opacity:{hidden:0,disabled:.3,hover:.6,visible:1},weight:{normal:400,semibold:600,bold:700,black:900,inherit:"inherit"},zIndex:{dropdown:1,tooltip:2,modal:3}},ambossVisualConfiguration={dark:{name:"dark",variables:variables,values:{color:{badge:{background:{default:"rgba(255, 255, 255, 0)",green:"#233d3d",blue:"#29364c",yellow:"#4d412c",brand:"#223c44",purple:"#33314b",red:"#4d3237",gray:"#282c34"},foreground:{default:"#ced1d6",green:"#a6f2dd",blue:"#99c1fa",yellow:"#fae0b3",brand:"#80dfea",purple:"#ad97f7",red:"#f49a9a",gray:"#ced1d6"},border:{default:"#393e47",green:"#a6f2dd",blue:"#99c1fa",yellow:"#fae0b3",brand:"#80dfea",purple:"#ad97f7",red:"#f49a9a",gray:"#ced1d6"},borderSubtle:{default:"#393e47",green:"rgba(255, 255, 255, 0.08)",blue:"rgba(255, 255, 255, 0.08)",yellow:"rgba(255, 255, 255, 0.08)",brand:"rgba(255, 255, 255, 0.08)",purple:"rgba(255, 255, 255, 0.08)",red:"rgba(255, 255, 255, 0.08)",gray:"rgba(255, 255, 255, 0.08)"}},colorIndicator:{gray:{default:"#5b5f67"},purple:{default:"#7d67c5"},blue:{default:"#6e95cf"},green:{default:"#41a48a"},yellow:{default:"#cbac76"},red:{default:"#d07c7c"}},contentBox:{border:{info:"#4e76b1",error:"#b25d5e",success:"#28816b",warning:"#aa7923"}},dosageIcon:{default:"#7d67c5",hover:"#ad97f7"},toggle:{background:{highlight:"#b2ab39"},border:{highlight:"#b2ab39"}},segmentedProgressBar:{monochrome:"#ced1d6",success:"#28816b",warning:"#a4792d",alert:"#a45355",inProgress:"#5b5f67"},tag:{background:{gray:"#5b5f67",blue:"#2f538a"},text:{gray:"#d8dade",blue:"#e7effe"}},destructiveTertiaryButton:{background:{hover:"rgba(164, 83, 85, 0.08)",active:"rgba(164, 83, 85, 0.08)"}},rangeInput:{background:{thumb:{default:"#d8dade"}}},searchInput:{background:{default:"#32363e"}},qbankAnswer:{background:{title:{correct:{default:"#233d3d",hover:"rgba(40, 129, 107, 0.45)"},correctWithHint:{default:"#4d412c",hover:"rgba(164, 121, 45, 0.45)"},incorrect:{default:"#4d3237",hover:"rgba(164, 83, 85, 0.45)"}},explanation:{correct:{default:"#262e33"},correctWithHint:{default:"#32302f"},incorrect:{default:"#312b31"}}},border:{correct:{default:"#28816b"},correctWithHint:{default:"#a4792d"},incorrect:{default:"#a45355"}}},chart:{border:{default:"#5b5f67"},grid:{primary:{default:"rgba(147, 149, 159, 0.3)"},secondary:{default:"rgba(147, 149, 159, 0.3)"}},background:{default:"#1a1c1c",inverted:"#ffffff"},text:{positive:{default:"#a6f2dd"},negative:{default:"#f49a9a"},warning:{default:"#a4792d"}},neutral:{default:"#5b5f67",subtle:"#1e2125",bold:"#93979f"},positive:{default:"#41a48a",subtle:"#262e33",bold:"#a6f2dd"},warning:{default:"#cbac76",subtle:"#32302f",bold:"#fae0b3"},negative:{default:"#d07c7c",subtle:"#312b31",bold:"#f49a9a"},info:{default:"#6e95cf",subtle:"#282e39",bold:"#99c1fa"},accent:{default:"#0aa6b8",subtle:"#262f36",bold:"#80dfea"}},mediaItem:{background:{black:"#000000",white:"#ffffff",transparent:"rgba(255, 255, 255, 0)"},overlay:{hover:"rgba(0, 0, 0, 0.3)",active:"rgba(0, 0, 0, 0.6)"},categoryIcon:{background:{default:"#32363e"}}},skeletonLoader:{background:{container:"#1a1c1c",element:"#282c34",shimmer:"rgba(255, 255, 255, 0.08)"}},canvas:"#111111",background:{primary:{default:"#1a1c1c"},secondary:{default:"#24282d",hover:"#282c34",active:"#1e2125"},accent:{default:"#1d6670",hover:"#2db5c6",active:"#223c44",disabled:"rgba(29, 102, 112, 0.3)"},elevated:{default:"#24282d"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},error:{default:"#a45355",hover:"#d07c7c",active:"#4d3237",disabled:"rgba(164, 83, 85, 0.3)"},success:{default:"#28816b"},info:{default:"#2f538a"},warning:{default:"#a4792d"},accentSubtle:{default:"#262f36"},errorSubtle:{default:"#4d3237"},successSubtle:{default:"#233d3d"},infoSubtle:{default:"#29364c"},warningSubtle:{default:"#4d412c"},textHighlight:{primary:"rgba(178, 171, 57, 0.45)",secondary:"#494a2f",find:"rgba(178, 171, 57, 0.6)",learningRadar:"#f07575",qbankKeyInfo:"#a4792d",relevancePrimary:"#233d3d",relevanceSecondary:"rgba(35, 61, 61, 0.8)",customBlue:"#015e7d"},contrast:{default:"#ced1d6"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#40454f",hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 151, 159, 0.08)",selectedHover:"#393e47"},placeholder:{default:"#393e47",hover:"#40454f"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ced1d6",hover:"#ffffff"},secondary:{default:"#b9bcc3",hover:"#ced1d6"},tertiary:{default:"#93979f",disabled:"rgba(216, 218, 222, 0.3)",hover:"#b9bcc3"},quaternary:{default:"#757a84"},accent:{default:"#2db5c6",hover:"#80dfea"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#99c1fa"},error:{default:"#f49a9a",disabled:"rgba(244, 154, 154, 0.3)"},warning:{default:"#fae0b3"},success:{default:"#a6f2dd"},underline:{default:"#757a84",hover:"#93979f"},dottedUnderline:{default:"#b9bcc3",hover:"#ced1d6"}},icon:{primary:{default:"#d8dade",hover:"#d8dade"},secondary:{default:"#ced1d6",hover:"#d8dade"},tertiary:{default:"#93979f",hover:"#b9bcc3"},quaternary:{default:"#757a84",hover:"#93979f"},accent:{default:"#2db5c6",hover:"#80dfea"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.3)"},info:{default:"#6e95cf",hover:"#99c1fa"},error:{default:"#d07c7c",hover:"#f49a9a"},warning:{default:"#cbac76",hover:"#fae0b3"},success:{default:"#41a48a",hover:"#a6f2dd"},brand:{default:"#2db5c6",hover:"#80dfea"}},border:{primary:{default:"#757a84",hover:"#93979f",active:"#b9bcc3",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)",hover:"#757a84",active:"#93979f"},accent:{default:"#2db5c6"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"},success:{default:"#41a48a"},successSubtle:{default:"#28816b"},errorSubtle:{default:"#a45355"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)",secondarySolid:"#32363e"}},elevation:{1:"0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",3:"0px 4px 20px 0px rgba(0, 0, 0, 0.20), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",4:"0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#5b5f67"},error:{default:"#ed5554"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#eef2f5"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff"},error:{default:"#ed5554",hover:"#f07575"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},error:{color:{background:{primary:{default:"#a45355"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#d8dade"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#c02725",hover:"#dd3637"},error:{default:"#d07c7c",hover:"#f49a9a"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},info:{color:{background:{primary:{default:"#29364c"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#282e39"},error:{default:"#ed5554"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#eef2f5"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#1c427d",hover:"#295dae"},error:{default:"#ed5554",hover:"#dd3637"},info:{default:"#6e95cf",hover:"#d2e2f9"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},inverted:{color:{background:{primary:{default:"#d8dade"},secondary:{default:"transparent",hover:"rgba(147, 149, 159, 0.3)"},accent:{default:"#1d6670",hover:"#223c44",active:"#262f36",disabled:"rgba(29, 102, 112, 0.3)"},transparent:{hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 149, 159, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1e2125",hover:"#111111"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#40454f"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff"},error:{default:"#4d3237"},info:{default:"#29364c"},underline:{default:"#93979f",hover:"#757a84"},dottedUnderline:{default:"#93979f",hover:"#757a84"}},icon:{primary:{default:"#1e2125",hover:"#1e2125"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#5b5f67"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff",hover:"#ffffff"},info:{default:"#29364c",hover:"#282e39"},error:{default:"#4d3237",hover:"#312b31"}},border:{primary:{default:"#757a84",hover:"#5b5f67",active:"#40454f"},accent:{default:"#1d6670"}},divider:{primary:"rgba(147, 149, 159, 0.3)"}}},success:{color:{background:{primary:{default:"#28816b"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#d8dade"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#262e33",hover:"#233d3d"},error:{default:"#d07c7c",hover:"#f49a9a"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}}}}}},light:{name:"light",variables:variables,values:{color:{badge:{background:{default:"#ffffff",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"},foreground:{default:"#1a1c1c",green:"#0a5c45",blue:"#295dae",yellow:"#9a6304",brand:"#047a88",purple:"#5d44ab",red:"#c02725",gray:"#40515e"},border:{default:"#40515e",green:"#0b8363",blue:"#295dae",yellow:"#df9411",brand:"#047a88",purple:"#7254d3",red:"#dd3637",gray:"#5a7183"},borderSubtle:{default:"#e0e6eb",green:"#d0f1e8",blue:"#d2e2f9",yellow:"#fceaca",brand:"#ceedf1",purple:"#d8d0f3",red:"#fad1d1",gray:"#e0e6eb"}},colorIndicator:{gray:{default:"#a3b2bd"},purple:{default:"#a592e3"},blue:{default:"#6e95cf"},green:{default:"#0b8363"},yellow:{default:"#df9411"},red:{default:"#dd3637"}},contentBox:{border:{info:"#9ac1fc",error:"#f7b1b1",success:"#8adcc6",warning:"#f4cb81"}},dosageIcon:{default:"#7254d3",hover:"#5d44ab"},toggle:{background:{highlight:"#f3eb75"},border:{highlight:"#f3eb75"}},segmentedProgressBar:{monochrome:"#5a7183",success:"#39d6ac",warning:"#f1d56b",alert:"#f07575",inProgress:"#e0e6eb"},tag:{background:{gray:"#e0e6eb",blue:"#d2e2f9"},text:{gray:"#40515e",blue:"#1c427d"}},rangeInput:{background:{thumb:{default:"#ffffff"}}},searchInput:{background:{default:"#eef2f5"}},chart:{border:{default:"#a3b2bd"},grid:{primary:{default:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"}},background:{default:"#ffffff",inverted:"#1a1c1c"},text:{positive:{default:"#0b8363"},negative:{default:"#dd3637"},warning:{default:"#df9411"}},neutral:{default:"#a3b2bd",subtle:"#eef2f5",bold:"#5a7183"},positive:{default:"#0b8363",subtle:"#e8f8f4",bold:"#0a5c45"},warning:{default:"#f6bc56",subtle:"#fef3e1",bold:"#f6c66f"},negative:{default:"#f07575",subtle:"#fde8e8",bold:"#dd3637"},info:{default:"#6e95cf",subtle:"#e7effe",bold:"#295dae"},accent:{default:"#0aa6b8",subtle:"#e7f6f8",bold:"#047a88"}},mediaItem:{background:{black:"#000000",white:"#ffffff",transparent:"rgba(255, 255, 255, 0)"},overlay:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(0, 0, 0, 0.6)"},categoryIcon:{background:{default:"#314554"}}},destructiveTertiaryButton:{background:{hover:"rgba(238, 97, 96, 0.08)",active:"rgba(238, 97, 96, 0.08)"}},qbankAnswer:{background:{title:{correct:{default:"#d0f1e8",hover:"rgba(138, 220, 198, 0.6)"},correctWithHint:{default:"#fceaca",hover:"rgba(246, 198, 111, 0.6)"},incorrect:{default:"#fad1d1",hover:"rgba(240, 117, 117, 0.45)"}},explanation:{correct:{default:"#e8f8f4"},correctWithHint:{default:"#fef3e1"},incorrect:{default:"#fde8e8"}}},border:{correct:{default:"#8adcc6"},correctWithHint:{default:"#f6c66f"},incorrect:{default:"#f07575"}}},skeletonLoader:{background:{container:"#e0e6eb",element:"#e0e6eb",shimmer:"rgba(255, 255, 255, 0.08)"}},canvas:"#eef2f5",background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"#eef2f5",active:"#f5f7f9"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},elevated:{default:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},error:{default:"#dd3637",hover:"#c02725",active:"#c02725",disabled:"rgba(238, 97, 96, 0.3)"},success:{default:"#0b8363"},info:{default:"#295dae"},warning:{default:"#df9411"},accentSubtle:{default:"#e7f6f8"},errorSubtle:{default:"#fde8e8"},successSubtle:{default:"#e8f8f4"},infoSubtle:{default:"#e7effe"},warningSubtle:{default:"#fef3e1"},textHighlight:{primary:"#f3eb75",secondary:"#faf5b8",find:"#f6bc56",learningRadar:"rgba(238, 97, 96, 0.3)",qbankKeyInfo:"#df9411",relevancePrimary:"#8adcc6",relevanceSecondary:"#d0f1e8",customBlue:"#99e6ff"},contrast:{default:"#314554"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#5a7183",hover:"rgba(96, 117, 133, 0.05)",active:"rgba(96, 117, 133, 0.05)",selectedHover:"#40515e"},placeholder:{default:"#e0e6eb",hover:"#a3b2bd"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#5a7183",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#1c427d"},error:{default:"#c02725",disabled:"rgba(192, 39, 37, 0.3)"},warning:{default:"#314554"},success:{default:"#0a5c45"},underline:{default:"#a3b2bd",hover:"#5a7183"},dottedUnderline:{default:"#5a7183",hover:"#40515e"}},icon:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#314554"},tertiary:{default:"#5a7183",hover:"#40515e"},quaternary:{default:"#a3b2bd",hover:"#5a7183"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},info:{default:"#295dae",hover:"#1c427d"},error:{default:"#dd3637",hover:"#c02725"},warning:{default:"#df9411",hover:"#9a6304"},success:{default:"#0b8363",hover:"#0a5c45"},brand:{default:"#0aa6b8",hover:"#047a88"}},border:{primary:{default:"#7b8e9d",hover:"#5a7183",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)",hover:"#a3b2bd",active:"#5a7183"},accent:{default:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dd3637"},success:{default:"#0b8363"},successSubtle:{default:"#8adcc6"},errorSubtle:{default:"#f07575"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)",secondarySolid:"#eef2f5"}},elevation:{1:"0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01)",3:"0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",4:"0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)"},subThemes:{dimmed:{color:{background:{primary:{default:"#314554"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#ed5554"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff"},error:{default:"#ed5554",hover:"#dd3637"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},error:{color:{background:{primary:{default:"#dd3637"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#c02725"},error:{default:"#ed5554"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#c02725",hover:"#c02725"},error:{default:"#ed5554",hover:"#dd3637"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},info:{color:{background:{primary:{default:"#295dae"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#1c427d"},error:{default:"#ed5554"},info:{default:"#d2e2f9"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#1c427d",hover:"#1c427d"},info:{default:"#d2e2f9",hover:"#6e95cf"},error:{default:"#ed5554",hover:"#dd3637"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},inverted:{color:{background:{primary:{default:"#1a1c1c"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(0, 0, 0, 0.3)"},backdrop:{default:"rgba(255, 255, 255, 0.6)"}},text:{primary:{default:"#e0e6eb",hover:"#e0e6eb"},secondary:{default:"#a3b2bd",hover:"#e0e6eb"},tertiary:{default:"#a3b2bd",hover:"#e0e6eb"},accent:{default:"#85d3dc",hover:"#0aa6b8"},onAccent:{default:"#ffffff"},error:{default:"#f07575"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#e0e6eb",hover:"#eef2f5"},secondary:{default:"#a3b2bd",hover:"#e0e6eb"},tertiary:{default:"#a3b2bd",hover:"#e0e6eb"},accent:{default:"#85d3dc",hover:"#ceedf1"},onAccent:{default:"#ffffff",hover:"#ffffff"},info:{default:"#6e95cf",hover:"#d2e2f9"},error:{default:"#f07575",hover:"#fad1d1"}},border:{primary:{default:"#40515e",hover:"#5a7183",active:"#a3b2bd"},accent:{default:"#047a88"}},divider:{primary:"rgba(163, 178, 189, 0.3)"}}},success:{color:{background:{primary:{default:"#0b8363"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#ed5554"},onAccent:{default:"#0a5c45"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#0a5c45",hover:"#0a5c45"},error:{default:"#ed5554",hover:"#dd3637"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"transparent"}},divider:{primary:"rgba(255, 255, 255, 0.6)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}}}}}}};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ambossVisualConfiguration",{enumerable:!0,get:function(){return ambossVisualConfiguration}});const variables={size:{dimension:{icon:{s:"16px",m:"24px",l:"48px"},content:{maxWidth:"944px"},checkbox:{s:"16px",m:"24px"},radio:{s:"16px",m:"24px"},radioPoint:{s:"6px",m:"10px"},toggle:{height:{s:"16px",m:"24px"},width:{s:"28px",m:"40px"}},textarea:{minHeight:{m:"36px"}},togglePoint:{s:"8px",m:"16px"},toggleButton:{height:{m:"32px"}},dropdownMenu:{width:"120px"},modal:{width:{m:"560px",l:"720px"},maxHeight:{l:"800px"},margin:{l:"40px"},fullScreenContentWidth:"1280px"},mediaViewerBar:{separator:{width:"1px"}},legendKey:{width:"12px"}},letterSpacing:{none:"0px",s:"0.5px",m:"1px"},font:{xs:"12px",s:"14px",m:"16px",l:"18px",xl:"20px",xxl:"24px",xxxl:"26px"},spacing:{zero:"0px",xxxs:"2px",xxs:"4px",xs:"8px",s:"12px",m:"16px",l:"24px",xl:"32px",xxl:"48px"},borderRadius:{none:"0px",xs:"4px",s:"8px",m:"12px",l:"16px",xl:"24px"},lineHeight:{xs:1.1428571429,s:1.25,m:1.3333333,l:1.4285714286,xl:1.5,xxl:1.625,xxxl:1.714286}},animation:{modal:{open:{duration:"400ms",delay:"150ms",timingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1.0)"}},modalBackdrop:{open:{duration:"300ms",timingFunction:"cubic-bezier(0.25, 0.1, 0.25, 1.0)"}},toast:{entry:{duration:"300ms",distanceY:"20px"},exit:{duration:"100ms",distanceY:"20px"}}},breakpoint:{small:576,medium:768,large:1280},fontFamily:{lato:"Lato, 'Apple Symbols', BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"},opacity:{hidden:0,disabled:.3,hover:.6,visible:1},weight:{normal:400,semibold:600,bold:700,black:900,inherit:"inherit"},zIndex:{dropdown:1,tooltip:2,modal:3}},ambossVisualConfiguration={dark:{name:"dark",variables:variables,values:{color:{badge:{background:{default:"rgba(255, 255, 255, 0)",green:"#233d3d",blue:"#29364c",yellow:"#4d412c",brand:"#223c44",purple:"#33314b",red:"#4d3237",gray:"#282c34"},foreground:{default:"#ced1d6",green:"#a6f2dd",blue:"#99c1fa",yellow:"#fae0b3",brand:"#80dfea",purple:"#ad97f7",red:"#f49a9a",gray:"#ced1d6"},border:{default:"#393e47",green:"#a6f2dd",blue:"#99c1fa",yellow:"#fae0b3",brand:"#80dfea",purple:"#ad97f7",red:"#f49a9a",gray:"#ced1d6"},borderSubtle:{default:"#393e47",green:"rgba(255, 255, 255, 0.08)",blue:"rgba(255, 255, 255, 0.08)",yellow:"rgba(255, 255, 255, 0.08)",brand:"rgba(255, 255, 255, 0.08)",purple:"rgba(255, 255, 255, 0.08)",red:"rgba(255, 255, 255, 0.08)",gray:"rgba(255, 255, 255, 0.08)"}},colorIndicator:{gray:{default:"#5a7183"},purple:{default:"#7254d3"},blue:{default:"#1f6ce0"},green:{default:"#0fa980"},yellow:{default:"#f6bc56"},red:{default:"#ed5554"}},contentBox:{border:{info:"#4e76b1",error:"#b25d5e",success:"#28816b",warning:"#aa7923"}},dosageIcon:{default:"#7d67c5",hover:"#ad97f7"},toggle:{background:{highlight:"#b2ab39"},border:{highlight:"#b2ab39"}},segmentedProgressBar:{monochrome:"#ced1d6",success:"#28816b",warning:"#a4792d",alert:"#a45355",inProgress:"#5b5f67"},tag:{background:{gray:"#5b5f67",blue:"#2f538a"},text:{gray:"#d8dade",blue:"#e7effe"}},destructiveTertiaryButton:{background:{hover:"rgba(164, 83, 85, 0.08)",active:"rgba(164, 83, 85, 0.08)"}},rangeInput:{background:{thumb:{default:"#d8dade"}}},searchInput:{background:{default:"#32363e"}},qbankAnswer:{background:{title:{correct:{default:"#233d3d",hover:"rgba(40, 129, 107, 0.45)"},correctWithHint:{default:"#4d412c",hover:"rgba(164, 121, 45, 0.45)"},incorrect:{default:"#4d3237",hover:"rgba(164, 83, 85, 0.45)"}},explanation:{correct:{default:"#262e33"},correctWithHint:{default:"#32302f"},incorrect:{default:"#312b31"}}},border:{correct:{default:"#28816b"},correctWithHint:{default:"#a4792d"},incorrect:{default:"#a45355"}}},chart:{border:{default:"#5b5f67"},grid:{primary:{default:"rgba(147, 149, 159, 0.3)"},secondary:{default:"rgba(147, 149, 159, 0.3)"}},background:{default:"#1a1c1c",inverted:"#ffffff"},text:{positive:{default:"#a6f2dd"},negative:{default:"#f49a9a"},warning:{default:"#a4792d"}},neutral:{default:"#5b5f67",subtle:"#1e2125",bold:"#93979f"},positive:{default:"#41a48a",subtle:"#262e33",bold:"#a6f2dd"},warning:{default:"#cbac76",subtle:"#32302f",bold:"#fae0b3"},negative:{default:"#d07c7c",subtle:"#312b31",bold:"#f49a9a"},info:{default:"#6e95cf",subtle:"#282e39",bold:"#99c1fa"},accent:{default:"#0aa6b8",subtle:"#262f36",bold:"#80dfea"}},mediaItem:{background:{black:"#000000",white:"#ffffff",transparent:"rgba(255, 255, 255, 0)"},overlay:{hover:"rgba(0, 0, 0, 0.3)",active:"rgba(0, 0, 0, 0.6)"},categoryIcon:{background:{default:"#32363e"}}},skeletonLoader:{background:{container:"#1a1c1c",element:"#282c34",shimmer:"rgba(255, 255, 255, 0.08)"}},canvas:"#111111",background:{primary:{default:"#1a1c1c"},secondary:{default:"#24282d",hover:"#282c34",active:"#1e2125"},accent:{default:"#1d6670",hover:"#2db5c6",active:"#223c44",disabled:"rgba(29, 102, 112, 0.3)"},elevated:{default:"#24282d"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},error:{default:"#a45355",hover:"#d07c7c",active:"#4d3237",disabled:"rgba(164, 83, 85, 0.3)"},success:{default:"#28816b"},info:{default:"#2f538a"},warning:{default:"#a4792d"},accentSubtle:{default:"#262f36"},errorSubtle:{default:"#4d3237"},successSubtle:{default:"#233d3d"},infoSubtle:{default:"#29364c"},warningSubtle:{default:"#4d412c"},textHighlight:{primary:"rgba(178, 171, 57, 0.45)",secondary:"#494a2f",find:"rgba(178, 171, 57, 0.6)",learningRadar:"#f07575",qbankKeyInfo:"#a4792d",relevancePrimary:"#233d3d",relevanceSecondary:"rgba(35, 61, 61, 0.8)",customBlue:"#015e7d"},contrast:{default:"#ced1d6"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#40454f",hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 151, 159, 0.08)",selectedHover:"#393e47"},placeholder:{default:"#393e47",hover:"#40454f"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ced1d6",hover:"#ffffff"},secondary:{default:"#b9bcc3",hover:"#ced1d6"},tertiary:{default:"#93979f",disabled:"rgba(216, 218, 222, 0.3)",hover:"#b9bcc3"},quaternary:{default:"#757a84"},accent:{default:"#2db5c6",hover:"#80dfea"},onAccent:{default:"#ffffff",disabled:"rgba(216, 218, 222, 0.3)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#99c1fa"},error:{default:"#f49a9a",disabled:"rgba(244, 154, 154, 0.3)"},warning:{default:"#fae0b3"},success:{default:"#a6f2dd"},underline:{default:"#757a84",hover:"#93979f"},dottedUnderline:{default:"#b9bcc3",hover:"#ced1d6"}},icon:{primary:{default:"#d8dade",hover:"#d8dade"},secondary:{default:"#ced1d6",hover:"#d8dade"},tertiary:{default:"#93979f",hover:"#b9bcc3"},quaternary:{default:"#757a84",hover:"#93979f"},accent:{default:"#2db5c6",hover:"#80dfea"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.3)"},info:{default:"#6e95cf",hover:"#99c1fa"},error:{default:"#d07c7c",hover:"#f49a9a"},warning:{default:"#cbac76",hover:"#fae0b3"},success:{default:"#41a48a",hover:"#a6f2dd"},brand:{default:"#2db5c6",hover:"#80dfea"}},border:{primary:{default:"#757a84",hover:"#93979f",active:"#b9bcc3",disabled:"rgba(147, 151, 159, 0.08)"},secondary:{default:"rgba(147, 149, 159, 0.3)",hover:"#757a84",active:"#93979f"},accent:{default:"#2db5c6"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#1d6670"},error:{default:"#d07c7c"},success:{default:"#41a48a"},successSubtle:{default:"#28816b"},errorSubtle:{default:"#a45355"}},divider:{primary:"#32363e",secondary:"rgba(147, 149, 159, 0.15)",secondarySolid:"#32363e"}},elevation:{1:"0px 2px 5px 0px rgba(0, 0, 0, 0.07), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01), 0px 0px 0px 1px rgba(64, 69, 79, 0.40) inset",3:"0px 4px 20px 0px rgba(0, 0, 0, 0.20), 0px 0.5px 2.5px 0px rgba(0, 0, 0, 0.16), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset",4:"0px 32px 112px 0px rgba(0, 0, 0, 0.24), 0px 4px 14px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 1px rgba(64, 69, 79, 0.50) inset"},shadow:{focusRing:"0px 0px 0px 4px rgba(31, 108, 224, 0.25), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 2px 5px 0px rgba(0, 0, 0, 0.07)"},subThemes:{dimmed:{color:{background:{primary:{default:"#40515e"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#5b5f67"},error:{default:"#ed5554"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#eef2f5"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff"},error:{default:"#ed5554",hover:"#f07575"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},error:{color:{background:{primary:{default:"#a45355"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#312b31"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#d8dade"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#c02725",hover:"#dd3637"},error:{default:"#d07c7c",hover:"#f49a9a"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},info:{color:{background:{primary:{default:"#29364c"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#282e39"},error:{default:"#ed5554"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#eef2f5"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#1c427d",hover:"#295dae"},error:{default:"#ed5554",hover:"#dd3637"},info:{default:"#6e95cf",hover:"#d2e2f9"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"}}},inverted:{color:{background:{primary:{default:"#d8dade"},secondary:{default:"transparent",hover:"rgba(147, 149, 159, 0.3)"},accent:{default:"#1d6670",hover:"#223c44",active:"#262f36",disabled:"rgba(29, 102, 112, 0.3)"},transparent:{hover:"rgba(147, 149, 159, 0.15)",active:"rgba(147, 149, 159, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1e2125",hover:"#111111"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#40454f"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff"},error:{default:"#4d3237"},info:{default:"#29364c"},underline:{default:"#93979f",hover:"#757a84"},dottedUnderline:{default:"#93979f",hover:"#757a84"}},icon:{primary:{default:"#1e2125",hover:"#1e2125"},secondary:{default:"#40454f",hover:"#393e47"},tertiary:{default:"#5b5f67",hover:"#5b5f67"},accent:{default:"#1d6670",hover:"#223c44"},onAccent:{default:"#ffffff",hover:"#ffffff"},info:{default:"#29364c",hover:"#282e39"},error:{default:"#4d3237",hover:"#312b31"}},border:{primary:{default:"#757a84",hover:"#5b5f67",active:"#40454f"},accent:{default:"#1d6670"}},divider:{primary:"rgba(147, 149, 159, 0.3)"}}},success:{color:{background:{primary:{default:"#28816b"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(50, 54, 62, 0.3)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#d8dade"},onAccent:{default:"#262e33"},error:{default:"#d07c7c"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ced1d6",hover:"#d8dade"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#262e33",hover:"#233d3d"},error:{default:"#d07c7c",hover:"#f49a9a"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(216, 218, 222, 0.3)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}}}}}},light:{name:"light",variables:variables,values:{color:{badge:{background:{default:"#ffffff",green:"#e8f8f4",blue:"#e7effe",yellow:"#fef3e1",brand:"#e7f6f8",purple:"#f2effb",red:"#fde8e8",gray:"#eef2f5"},foreground:{default:"#1a1c1c",green:"#0a5c45",blue:"#295dae",yellow:"#9a6304",brand:"#047a88",purple:"#5d44ab",red:"#c02725",gray:"#40515e"},border:{default:"#40515e",green:"#0b8363",blue:"#295dae",yellow:"#df9411",brand:"#047a88",purple:"#7254d3",red:"#dd3637",gray:"#5a7183"},borderSubtle:{default:"#e0e6eb",green:"#d0f1e8",blue:"#d2e2f9",yellow:"#fceaca",brand:"#ceedf1",purple:"#d8d0f3",red:"#fad1d1",gray:"#e0e6eb"}},colorIndicator:{gray:{default:"#5a7183"},purple:{default:"#7254d3"},blue:{default:"#1f6ce0"},green:{default:"#0fa980"},yellow:{default:"#df9411"},red:{default:"#ed5554"}},contentBox:{border:{info:"#9ac1fc",error:"#f7b1b1",success:"#8adcc6",warning:"#f4cb81"}},dosageIcon:{default:"#7254d3",hover:"#5d44ab"},toggle:{background:{highlight:"#f3eb75"},border:{highlight:"#f3eb75"}},segmentedProgressBar:{monochrome:"#5a7183",success:"#39d6ac",warning:"#f1d56b",alert:"#f07575",inProgress:"#e0e6eb"},tag:{background:{gray:"#e0e6eb",blue:"#d2e2f9"},text:{gray:"#40515e",blue:"#1c427d"}},rangeInput:{background:{thumb:{default:"#ffffff"}}},searchInput:{background:{default:"#eef2f5"}},chart:{border:{default:"#a3b2bd"},grid:{primary:{default:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)"}},background:{default:"#ffffff",inverted:"#1a1c1c"},text:{positive:{default:"#0b8363"},negative:{default:"#dd3637"},warning:{default:"#df9411"}},neutral:{default:"#a3b2bd",subtle:"#eef2f5",bold:"#5a7183"},positive:{default:"#0b8363",subtle:"#e8f8f4",bold:"#0a5c45"},warning:{default:"#f6bc56",subtle:"#fef3e1",bold:"#f6c66f"},negative:{default:"#f07575",subtle:"#fde8e8",bold:"#dd3637"},info:{default:"#6e95cf",subtle:"#e7effe",bold:"#295dae"},accent:{default:"#0aa6b8",subtle:"#e7f6f8",bold:"#047a88"}},mediaItem:{background:{black:"#000000",white:"#ffffff",transparent:"rgba(255, 255, 255, 0)"},overlay:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(0, 0, 0, 0.6)"},categoryIcon:{background:{default:"#314554"}}},destructiveTertiaryButton:{background:{hover:"rgba(238, 97, 96, 0.08)",active:"rgba(238, 97, 96, 0.08)"}},qbankAnswer:{background:{title:{correct:{default:"#d0f1e8",hover:"rgba(138, 220, 198, 0.6)"},correctWithHint:{default:"#fceaca",hover:"rgba(246, 198, 111, 0.6)"},incorrect:{default:"#fad1d1",hover:"rgba(240, 117, 117, 0.45)"}},explanation:{correct:{default:"#e8f8f4"},correctWithHint:{default:"#fef3e1"},incorrect:{default:"#fde8e8"}}},border:{correct:{default:"#8adcc6"},correctWithHint:{default:"#f6c66f"},incorrect:{default:"#f07575"}}},skeletonLoader:{background:{container:"#e0e6eb",element:"#e0e6eb",shimmer:"rgba(255, 255, 255, 0.08)"}},canvas:"#eef2f5",background:{primary:{default:"#ffffff"},secondary:{default:"#f5f7f9",hover:"#eef2f5",active:"#f5f7f9"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},elevated:{default:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff",active:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},error:{default:"#dd3637",hover:"#c02725",active:"#c02725",disabled:"rgba(238, 97, 96, 0.3)"},success:{default:"#0b8363"},info:{default:"#295dae"},warning:{default:"#df9411"},accentSubtle:{default:"#e7f6f8"},errorSubtle:{default:"#fde8e8"},successSubtle:{default:"#e8f8f4"},infoSubtle:{default:"#e7effe"},warningSubtle:{default:"#fef3e1"},textHighlight:{primary:"#f3eb75",secondary:"#faf5b8",find:"#f6bc56",learningRadar:"rgba(238, 97, 96, 0.3)",qbankKeyInfo:"#df9411",relevancePrimary:"#8adcc6",relevanceSecondary:"#d0f1e8",customBlue:"#99e6ff"},contrast:{default:"#314554"},transparent:{default:"rgba(255, 255, 255, 0)",selected:"#5a7183",hover:"rgba(96, 117, 133, 0.05)",active:"rgba(96, 117, 133, 0.05)",selectedHover:"#40515e"},placeholder:{default:"#e0e6eb",hover:"#a3b2bd"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#1a1c1c"},tertiary:{default:"#5a7183",disabled:"rgba(64, 81, 94, 0.3)",hover:"#1a1c1c"},quaternary:{default:"#a3b2bd"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",disabled:"rgba(255, 255, 255, 0.6)"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)"},info:{default:"#1c427d"},error:{default:"#c02725",disabled:"rgba(192, 39, 37, 0.3)"},warning:{default:"#314554"},success:{default:"#0a5c45"},underline:{default:"#a3b2bd",hover:"#5a7183"},dottedUnderline:{default:"#5a7183",hover:"#40515e"}},icon:{primary:{default:"#1a1c1c",hover:"#1a1c1c"},secondary:{default:"#40515e",hover:"#314554"},tertiary:{default:"#5a7183",hover:"#40515e"},quaternary:{default:"#a3b2bd",hover:"#5a7183"},accent:{default:"#047a88",hover:"#054f57"},onAccent:{default:"#ffffff",hover:"#ffffff"},onAccentSubtle:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},info:{default:"#295dae",hover:"#1c427d"},error:{default:"#dd3637",hover:"#c02725"},warning:{default:"#df9411",hover:"#9a6304"},success:{default:"#0b8363",hover:"#0a5c45"},brand:{default:"#0aa6b8",hover:"#047a88"}},border:{primary:{default:"#7b8e9d",hover:"#5a7183",active:"#40515e",disabled:"rgba(163, 178, 189, 0.3)"},secondary:{default:"rgba(163, 178, 189, 0.3)",hover:"#a3b2bd",active:"#5a7183"},accent:{default:"#047a88"},onAccent:{default:"#ffffff"},accentSubtle:{default:"#85d3dc"},error:{default:"#dd3637"},success:{default:"#0b8363"},successSubtle:{default:"#8adcc6"},errorSubtle:{default:"#f07575"}},divider:{primary:"#e0e6eb",secondary:"rgba(163, 178, 189, 0.3)",secondarySolid:"#eef2f5"}},elevation:{1:"0px 0.3px 0.6px rgba(0, 0, 0, 0.0035), 0px 2px 5px rgba(0, 0, 0, 0.07)",2:"0px 2px 8px 0px rgba(0, 0, 0, 0.12), 0px 0.3px 1px 0px rgba(0, 0, 0, 0.01)",3:"0px 0.5px 2.5px rgba(0, 0, 0, 0.16), 0px 4px 20px rgba(0, 0, 0, 0.2)",4:"0px 4px 14px rgba(0, 0, 0, 0.12), 0px 32px 112px rgba(0, 0, 0, 0.24)"},shadow:{focusRing:"0px 0px 0px 4px rgba(31, 108, 224, 0.25), 0px 0.3px 0.6px 0px rgba(0, 0, 0, 0.00), 0px 2px 5px 0px rgba(0, 0, 0, 0.07)"},subThemes:{dimmed:{color:{background:{primary:{default:"#314554"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#314554"},error:{default:"#ed5554"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#ffffff",hover:"#ffffff"},error:{default:"#ed5554",hover:"#dd3637"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},error:{color:{background:{primary:{default:"#dd3637"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#c02725"},error:{default:"#ed5554"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#c02725",hover:"#c02725"},error:{default:"#ed5554",hover:"#dd3637"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},info:{color:{background:{primary:{default:"#295dae"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},onAccent:{default:"#1c427d"},error:{default:"#ed5554"},info:{default:"#d2e2f9"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#1c427d",hover:"#1c427d"},info:{default:"#d2e2f9",hover:"#6e95cf"},error:{default:"#ed5554",hover:"#dd3637"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"#ffffff"}},divider:{primary:"rgba(255, 255, 255, 0.6)"}}},inverted:{color:{background:{primary:{default:"#1a1c1c"},secondary:{default:"transparent",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#047a88",hover:"#054f57",active:"#054f57",disabled:"rgba(4, 122, 136, 0.3)"},transparent:{hover:"rgba(255, 255, 255, 0.08)",active:"rgba(0, 0, 0, 0.3)"},backdrop:{default:"rgba(255, 255, 255, 0.6)"}},text:{primary:{default:"#e0e6eb",hover:"#e0e6eb"},secondary:{default:"#a3b2bd",hover:"#e0e6eb"},tertiary:{default:"#a3b2bd",hover:"#e0e6eb"},accent:{default:"#85d3dc",hover:"#0aa6b8"},onAccent:{default:"#ffffff"},error:{default:"#f07575"},info:{default:"#6e95cf"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#e0e6eb",hover:"#eef2f5"},secondary:{default:"#a3b2bd",hover:"#e0e6eb"},tertiary:{default:"#a3b2bd",hover:"#e0e6eb"},accent:{default:"#85d3dc",hover:"#ceedf1"},onAccent:{default:"#ffffff",hover:"#ffffff"},info:{default:"#6e95cf",hover:"#d2e2f9"},error:{default:"#f07575",hover:"#fad1d1"}},border:{primary:{default:"#40515e",hover:"#5a7183",active:"#a3b2bd"},accent:{default:"#047a88"}},divider:{primary:"rgba(163, 178, 189, 0.3)"}}},success:{color:{background:{primary:{default:"#0b8363"},secondary:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.08)"},accent:{default:"#ffffff",hover:"rgba(255, 255, 255, 0.8)",active:"rgba(255, 255, 255, 0.6)",disabled:"rgba(255, 255, 255, 0.6)"},transparent:{hover:"rgba(255, 255, 255, 0.3)",active:"rgba(255, 255, 255, 0.08)"}},text:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#ffffff",hover:"#ffffff"},accent:{default:"#ffffff",hover:"#e0e6eb"},error:{default:"#ed5554"},onAccent:{default:"#0a5c45"},underline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"},dottedUnderline:{default:"rgba(255, 255, 255, 0.6)",hover:"rgba(255, 255, 255, 0.8)"}},icon:{primary:{default:"#ffffff",hover:"#ffffff"},secondary:{default:"#ffffff",hover:"#ffffff"},tertiary:{default:"#e0e6eb",hover:"#a3b2bd"},accent:{default:"#ffffff",hover:"#ffffff"},onAccent:{default:"#0a5c45",hover:"#0a5c45"},error:{default:"#ed5554",hover:"#dd3637"}},border:{primary:{default:"#ffffff",hover:"#ffffff",active:"#ffffff"},accent:{default:"transparent"}},divider:{primary:"rgba(255, 255, 255, 0.6)"},backdrop:{default:"rgba(0, 0, 0, 0.6)"}}}}}}};
package/build/esm/components/ColorPicker/ColorPicker.d.ts CHANGED
@@ -2,11 +2,11 @@ import { type ReactElement } from "react";
2
2
  import { type InlineProps } from "../Inline/Inline";
3
3
  import { type ColorPickerOptionProps } from "./ColorPickerOption";
4
4
  import type { ColorIndicatorProps } from "../ColorIndicator/ColorIndicator";
5
- export type ColorPickerProps = Pick<ColorPickerOptionProps, "size" | "shape"> & {
5
+ export type ColorPickerProps = Pick<ColorPickerOptionProps, "size"> & {
6
6
  alignItems?: InlineProps["alignItems"];
7
7
  colors?: Array<ColorIndicatorProps["color"]>;
8
8
  disabled?: boolean;
9
9
  onColorSelected: (color: ColorPickerOptionProps["color"]) => void;
10
10
  selectedColor?: ColorPickerOptionProps["color"];
11
11
  };
12
- export declare const ColorPicker: ({ alignItems, colors, onColorSelected, disabled, selectedColor, shape, size, }: ColorPickerProps) => ReactElement;
12
+ export declare const ColorPicker: ({ alignItems, colors, onColorSelected, disabled, selectedColor, size, }: ColorPickerProps) => ReactElement;
package/build/esm/components/ColorPicker/ColorPicker.js CHANGED
@@ -1 +1 @@
1
- import React from"react";import{Inline}from"../Inline/Inline";import{Button}from"../Button/Button";import{ColorPickerOption}from"./ColorPickerOption";export const ColorPicker=({alignItems="left",colors=["gray","blue","green","yellow","red","purple"],onColorSelected,disabled,selectedColor,shape="circle",size=["m","s"]})=>React.createElement(Inline,{space:"s"===size?"zero":"xxxs",alignItems:alignItems},colors.map(color=>React.createElement(Button,{key:color,variant:"tertiary",size:"s",onClick:()=>onColorSelected(color),disabled:disabled,"data-color":color,"aria-label":`button-${color}`},React.createElement(ColorPickerOption,{color:color,isSelected:color===selectedColor,shape:shape,size:size}))));
1
+ import React from"react";import{Inline}from"../Inline/Inline";import{Button}from"../Button/Button";import{ColorPickerOption}from"./ColorPickerOption";export const ColorPicker=({alignItems="left",colors=["gray","blue","green","yellow","red","purple"],onColorSelected,disabled,selectedColor,size=["m","s"]})=>React.createElement(Inline,{space:"s"===size?"zero":"xxxs",alignItems:alignItems},colors.map(color=>React.createElement(Button,{key:color,variant:"tertiary",size:"s",onClick:()=>onColorSelected(color),disabled:disabled,"data-color":color,"aria-label":`button-${color}`},React.createElement(ColorPickerOption,{color:color,isSelected:color===selectedColor,size:size}))));
package/build/esm/components/ColorPicker/ColorPickerDropdown.js CHANGED
@@ -1 +1 @@
1
- import React from"react";import{Box}from"../Box/Box";import{Stack}from"../Stack/Stack";import{Divider}from"../Divider/Divider";import{PictogramButton}from"../PictogramButton/PictogramButton";import{ColorPicker}from"./ColorPicker";import{MenuItem}from"../DropdownMenu/MenuItem";import{Popover}from"../Popover/Popover";export const ColorPickerDropdown=({portalContainer,menuItems,selectedColor,colors,onColorSelected})=>React.createElement(Popover,{portalContainer:portalContainer,content:React.createElement(Box,{space:"zero",vSpace:"xs","data-e2e-test-id":"dropdown-menu"},React.createElement(Stack,null,menuItems.map((item,i)=>"separator"===item?React.createElement(Divider,{key:`separator-${i}`}):"colorPicker"===item?React.createElement(Box,{key:`color-picker-${i}`,space:"xs"},React.createElement(ColorPicker,{alignItems:["center","left"],shape:"circle",colors:colors,onColorSelected:onColorSelected,selectedColor:selectedColor})):React.createElement(MenuItem,{key:item.label,disabled:item.disabled,destructive:item.destructive,label:item.label,onSelect:item.onSelect}))))},React.createElement(PictogramButton,{size:"s",icon:"more-horizontal","aria-label":"more-horizontal"}));
1
+ import React from"react";import{Box}from"../Box/Box";import{Stack}from"../Stack/Stack";import{Divider}from"../Divider/Divider";import{PictogramButton}from"../PictogramButton/PictogramButton";import{ColorPicker}from"./ColorPicker";import{MenuItem}from"../DropdownMenu/MenuItem";import{Popover}from"../Popover/Popover";export const ColorPickerDropdown=({portalContainer,menuItems,selectedColor,colors,onColorSelected})=>React.createElement(Popover,{portalContainer:portalContainer,content:React.createElement(Box,{space:"zero",vSpace:"xs","data-e2e-test-id":"dropdown-menu"},React.createElement(Stack,null,menuItems.map((item,i)=>"separator"===item?React.createElement(Divider,{key:`separator-${i}`}):"colorPicker"===item?React.createElement(Box,{key:`color-picker-${i}`,space:"xs"},React.createElement(ColorPicker,{alignItems:["center","left"],colors:colors,onColorSelected:onColorSelected,selectedColor:selectedColor})):React.createElement(MenuItem,{key:item.label,disabled:item.disabled,destructive:item.destructive,label:item.label,onSelect:item.onSelect}))))},React.createElement(PictogramButton,{size:"s",icon:"more-horizontal","aria-label":"more-horizontal"}));
package/build/esm/components/ColorPicker/ColorPickerOption.d.ts CHANGED
@@ -2,5 +2,5 @@ import { type ReactElement } from "react";
2
2
  import { type ColorIndicatorProps } from "../ColorIndicator/ColorIndicator";
3
3
  export type ColorPickerOptionProps = {
4
4
  isSelected?: boolean;
5
- } & Pick<ColorIndicatorProps, "color" | "shape" | "size">;
6
- export declare const ColorPickerOption: ({ color, isSelected, shape, size, }: ColorPickerOptionProps) => ReactElement;
5
+ } & Pick<ColorIndicatorProps, "color" | "size">;
6
+ export declare const ColorPickerOption: ({ color, isSelected, size, }: ColorPickerOptionProps) => ReactElement;
package/build/esm/components/ColorPicker/ColorPickerOption.js CHANGED
@@ -1 +1 @@
1
- import React from"react";import{Icon}from"../Icon/Icon";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{ColorIndicator}from"../ColorIndicator/ColorIndicator";export const ColorPickerOption=({color,isSelected,shape,size})=>{let iconName="s"===size?"check-small":"check";return React.createElement(ColorIndicator,{color:color,shape:shape,size:size},isSelected&&React.createElement(SubThemeProvider,{name:"inverted"},React.createElement(Icon,{name:iconName,color:"primary",size:size,role:"img","aria-label":iconName})))};
1
+ import React from"react";import{Icon}from"../Icon/Icon";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{ColorIndicator}from"../ColorIndicator/ColorIndicator";export const ColorPickerOption=({color,isSelected,size})=>{let iconName="check-small";return React.createElement(ColorIndicator,{color:color,shape:"circle",size:size},isSelected&&React.createElement(SubThemeProvider,{name:"inverted"},React.createElement(Icon,{name:iconName,color:"primary",size:"s",role:"img","aria-label":iconName})))};
package/build/esm/components/Container/Container.d.ts CHANGED
@@ -11,4 +11,4 @@ export type ContainerProps = {
11
11
  /** @ignore */
12
12
  "data-ds-id"?: string;
13
13
  };
14
- export declare function Container({ children, elevation, borderRadius, overflow, squareCorners, id, "data-e2e-test-id": dataE2eTestId, "data-ds-id": dataDsId, }: ContainerProps): React.ReactElement;
14
+ export declare function Container({ children, elevation, borderRadius, overflow, squareCorners, id, "data-e2e-test-id": dataE2eTestId, "data-ds-id": dataDsId, ...rest }: ContainerProps): React.ReactElement;
package/build/esm/components/Container/Container.js CHANGED
@@ -1 +1 @@
1
- import React from"react";import styled from"@emotion/styled";import{useResponsiveStyles}from"../../shared/mediaQueries";let handleElevationLevel=(theme,elevation)=>{switch(elevation-0){case 1:return theme.values.elevation[1];case 2:return theme.values.elevation[2];case 3:return theme.values.elevation[3];case 4:return theme.values.elevation[4];default:return""}},StyledContainer=styled("div",{target:"eekkhfz0",label:"StyledContainer"})(({theme,elevation,borderRadius,squareCorners})=>({position:"relative",backgroundColor:theme.values.color.background.primary.default,...squareCorners?{borderRadius:0}:useResponsiveStyles({borderRadius:[borderRadius,theme.variables.size.borderRadius]}),":after":{content:'" "',position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",borderRadius:"inherit",boxShadow:handleElevationLevel(theme,elevation)}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGFpbmVyL0NvbnRhaW5lci50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0NvbnRhaW5lci9Db250YWluZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBCb3JkZXJSYWRpdXMsIE1RIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgeyB1c2VSZXNwb25zaXZlU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcblxuZXhwb3J0IHR5cGUgQ29udGFpbmVyUHJvcHMgPSB7XG4gIGVsZXZhdGlvbj86IDAgfCAxIHwgMiB8IDMgfCA0O1xuICBib3JkZXJSYWRpdXM/OiBCb3JkZXJSYWRpdXMgfCBNUTxCb3JkZXJSYWRpdXM+O1xuICBvdmVyZmxvdz86IFwiYXV0b1wiIHwgXCJoaWRkZW5cIiB8IFwidmlzaWJsZVwiO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG4gIGlkPzogc3RyaW5nO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBoYW5kbGVFbGV2YXRpb25MZXZlbCA9ICh0aGVtZTogVGhlbWUsIGVsZXZhdGlvbjogbnVtYmVyKSA9PiB7XG4gIC8qIFBhcnNpbmcgZWxldmF0aW9uIHByb3BlcnR5IHRvIG51bWJlciAqL1xuICBzd2l0Y2ggKGVsZXZhdGlvbiAtIDApIHtcbiAgICBjYXNlIDE6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmVsZXZhdGlvblsxXTtcbiAgICBjYXNlIDI6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmVsZXZhdGlvblsyXTtcbiAgICBjYXNlIDM6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmVsZXZhdGlvblszXTtcbiAgICBjYXNlIDQ6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmVsZXZhdGlvbls0XTtcbiAgICBjYXNlIDA6XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBcIlwiO1xuICB9XG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q29udGFpbmVyUHJvcHM+PihcbiAgKHsgdGhlbWUsIGVsZXZhdGlvbiwgYm9yZGVyUmFkaXVzLCBzcXVhcmVDb3JuZXJzIH0pID0+ICh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcblxuICAgIC4uLihzcXVhcmVDb3JuZXJzXG4gICAgICA/IHtcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICAgIH1cbiAgICAgIDogdXNlUmVzcG9uc2l2ZVN0eWxlcyh7XG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiBbYm9yZGVyUmFkaXVzLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXNdLFxuICAgICAgICB9KSksXG5cbiAgICAvLyBCb3ggc2hhZG93IGlzIGFwcGxpZWQgdG8gYSBwc2V1ZG8gZWxlbWVudCB0byBtYWtlIHN1cmUgZWxldmF0aW9uIGluc2V0IHNoYWRvdyBpbiBkYXJrIG1vZGUgaXMgbm90IGhpZGRlbiBieSBjb250ZW50IGJhY2tncm91bmRcbiAgICBcIjphZnRlclwiOiB7XG4gICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgIHRvcDogMCxcbiAgICAgIGxlZnQ6IDAsXG4gICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgICBib3JkZXJSYWRpdXM6IFwiaW5oZXJpdFwiLFxuICAgICAgYm94U2hhZG93OiBoYW5kbGVFbGV2YXRpb25MZXZlbCh0aGVtZSwgZWxldmF0aW9uKSxcbiAgICB9LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkRGl2ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPENvbnRhaW5lclByb3BzPj4oKHsgb3ZlcmZsb3cgfSkgPT4gKHtcbiAgYm9yZGVyUmFkaXVzOiBcImluaGVyaXRcIixcbiAgb3ZlcmZsb3csXG4gIGhlaWdodDogXCIxMDAlXCIsXG5cbiAgXCImID4gKjpsYXN0LWNoaWxkXCI6IHtcbiAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcImluaGVyaXRcIixcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogXCJpbmhlcml0XCIsXG4gIH0sXG4gIFwiJiA+ICo6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgYm9yZGVyVG9wTGVmdFJhZGl1czogXCJpbmhlcml0XCIsXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IFwiaW5oZXJpdFwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQ29udGFpbmVyKHtcbiAgY2hpbGRyZW4sXG4gIGVsZXZhdGlvbiA9IDEsXG4gIGJvcmRlclJhZGl1cyA9IFwibVwiLFxuICBvdmVyZmxvdyxcbiAgc3F1YXJlQ29ybmVycyA9IGZhbHNlLFxuICBpZCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIFwiZGF0YS1kcy1pZFwiOiBkYXRhRHNJZCA9IFwiQ29udGFpbmVyXCIsXG59OiBDb250YWluZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgaWQ9e2lkfVxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9e2RhdGFEc0lkfVxuICAgICAgZWxldmF0aW9uPXtlbGV2YXRpb259XG4gICAgICBib3JkZXJSYWRpdXM9e2JvcmRlclJhZGl1c31cbiAgICAgIHNxdWFyZUNvcm5lcnM9e3NxdWFyZUNvcm5lcnN9XG4gICAgPlxuICAgICAgPFN0eWxlZERpdiBvdmVyZmxvdz17b3ZlcmZsb3d9PntjaGlsZHJlbn08L1N0eWxlZERpdj5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3dCIn0= */"),StyledDiv=styled("div",{target:"eekkhfz1",label:"StyledDiv"})(({overflow})=>({borderRadius:"inherit",overflow,height:"100%","& > *:last-child":{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},"& > *:first-of-type":{borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGFpbmVyL0NvbnRhaW5lci50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0NvbnRhaW5lci9Db250YWluZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBCb3JkZXJSYWRpdXMsIE1RIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgeyB1c2VSZXNwb25zaXZlU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcblxuZXhwb3J0IHR5cGUgQ29udGFpbmVyUHJvcHMgPSB7XG4gIGVsZXZhdGlvbj86IDAgfCAxIHwgMiB8IDMgfCA0O1xuICBib3JkZXJSYWRpdXM/OiBCb3JkZXJSYWRpdXMgfCBNUTxCb3JkZXJSYWRpdXM+O1xuICBvdmVyZmxvdz86IFwiYXV0b1wiIHwgXCJoaWRkZW5cIiB8IFwidmlzaWJsZVwiO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG4gIGlkPzogc3RyaW5nO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBoYW5kbGVFbGV2YXRpb25MZXZlbCA9ICh0aGVtZTogVGhlbWUsIGVsZXZhdGlvbjogbnVtYmVyKSA9PiB7XG4gIC8qIFBhcnNpbmcgZWxldmF0aW9uIHByb3BlcnR5IHRvIG51bWJlciAqL1xuICBzd2l0Y2ggKGVsZXZhdGlvbiAtIDApIHtcbiAgICBjYXNlIDE6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmVsZXZhdGlvblsxXTtcbiAgICBjYXNlIDI6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmVsZXZhdGlvblsyXTtcbiAgICBjYXNlIDM6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmVsZXZhdGlvblszXTtcbiAgICBjYXNlIDQ6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmVsZXZhdGlvbls0XTtcbiAgICBjYXNlIDA6XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBcIlwiO1xuICB9XG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q29udGFpbmVyUHJvcHM+PihcbiAgKHsgdGhlbWUsIGVsZXZhdGlvbiwgYm9yZGVyUmFkaXVzLCBzcXVhcmVDb3JuZXJzIH0pID0+ICh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcblxuICAgIC4uLihzcXVhcmVDb3JuZXJzXG4gICAgICA/IHtcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICAgIH1cbiAgICAgIDogdXNlUmVzcG9uc2l2ZVN0eWxlcyh7XG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiBbYm9yZGVyUmFkaXVzLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXNdLFxuICAgICAgICB9KSksXG5cbiAgICAvLyBCb3ggc2hhZG93IGlzIGFwcGxpZWQgdG8gYSBwc2V1ZG8gZWxlbWVudCB0byBtYWtlIHN1cmUgZWxldmF0aW9uIGluc2V0IHNoYWRvdyBpbiBkYXJrIG1vZGUgaXMgbm90IGhpZGRlbiBieSBjb250ZW50IGJhY2tncm91bmRcbiAgICBcIjphZnRlclwiOiB7XG4gICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgIHRvcDogMCxcbiAgICAgIGxlZnQ6IDAsXG4gICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgICBib3JkZXJSYWRpdXM6IFwiaW5oZXJpdFwiLFxuICAgICAgYm94U2hhZG93OiBoYW5kbGVFbGV2YXRpb25MZXZlbCh0aGVtZSwgZWxldmF0aW9uKSxcbiAgICB9LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkRGl2ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPENvbnRhaW5lclByb3BzPj4oKHsgb3ZlcmZsb3cgfSkgPT4gKHtcbiAgYm9yZGVyUmFkaXVzOiBcImluaGVyaXRcIixcbiAgb3ZlcmZsb3csXG4gIGhlaWdodDogXCIxMDAlXCIsXG5cbiAgXCImID4gKjpsYXN0LWNoaWxkXCI6IHtcbiAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcImluaGVyaXRcIixcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogXCJpbmhlcml0XCIsXG4gIH0sXG4gIFwiJiA+ICo6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgYm9yZGVyVG9wTGVmdFJhZGl1czogXCJpbmhlcml0XCIsXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IFwiaW5oZXJpdFwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQ29udGFpbmVyKHtcbiAgY2hpbGRyZW4sXG4gIGVsZXZhdGlvbiA9IDEsXG4gIGJvcmRlclJhZGl1cyA9IFwibVwiLFxuICBvdmVyZmxvdyxcbiAgc3F1YXJlQ29ybmVycyA9IGZhbHNlLFxuICBpZCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIFwiZGF0YS1kcy1pZFwiOiBkYXRhRHNJZCA9IFwiQ29udGFpbmVyXCIsXG59OiBDb250YWluZXJQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgaWQ9e2lkfVxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9e2RhdGFEc0lkfVxuICAgICAgZWxldmF0aW9uPXtlbGV2YXRpb259XG4gICAgICBib3JkZXJSYWRpdXM9e2JvcmRlclJhZGl1c31cbiAgICAgIHNxdWFyZUNvcm5lcnM9e3NxdWFyZUNvcm5lcnN9XG4gICAgPlxuICAgICAgPFN0eWxlZERpdiBvdmVyZmxvdz17b3ZlcmZsb3d9PntjaGlsZHJlbn08L1N0eWxlZERpdj5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErRGtCIn0= */");export function Container({children,elevation=1,borderRadius="m",overflow,squareCorners=!1,id,"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId="Container"}){return React.createElement(StyledContainer,{id:id,"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId,elevation:elevation,borderRadius:borderRadius,squareCorners:squareCorners},React.createElement(StyledDiv,{overflow:overflow},children))}
1
+ import React from"react";import styled from"@emotion/styled";import{useResponsiveStyles}from"../../shared/mediaQueries";let handleElevationLevel=(theme,elevation)=>{switch(elevation-0){case 1:return theme.values.elevation[1];case 2:return theme.values.elevation[2];case 3:return theme.values.elevation[3];case 4:return theme.values.elevation[4];default:return""}},StyledContainer=styled("div",{target:"exkgfa10",label:"StyledContainer"})(({theme,elevation,borderRadius,squareCorners})=>({position:"relative",backgroundColor:theme.values.color.background.primary.default,...squareCorners?{borderRadius:0}:useResponsiveStyles({borderRadius:[borderRadius,theme.variables.size.borderRadius]}),":after":{content:'" "',position:"absolute",top:0,left:0,width:"100%",height:"100%",pointerEvents:"none",borderRadius:"inherit",boxShadow:handleElevationLevel(theme,elevation)}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGFpbmVyL0NvbnRhaW5lci50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0NvbnRhaW5lci9Db250YWluZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBCb3JkZXJSYWRpdXMsIE1RIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgeyB1c2VSZXNwb25zaXZlU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcblxuZXhwb3J0IHR5cGUgQ29udGFpbmVyUHJvcHMgPSB7XG4gIGVsZXZhdGlvbj86IDAgfCAxIHwgMiB8IDMgfCA0O1xuICBib3JkZXJSYWRpdXM/OiBCb3JkZXJSYWRpdXMgfCBNUTxCb3JkZXJSYWRpdXM+O1xuICBvdmVyZmxvdz86IFwiYXV0b1wiIHwgXCJoaWRkZW5cIiB8IFwidmlzaWJsZVwiO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG4gIGlkPzogc3RyaW5nO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBoYW5kbGVFbGV2YXRpb25MZXZlbCA9ICh0aGVtZTogVGhlbWUsIGVsZXZhdGlvbjogbnVtYmVyKSA9PiB7XG4gIC8qIFBhcnNpbmcgZWxldmF0aW9uIHByb3BlcnR5IHRvIG51bWJlciAqL1xuICBzd2l0Y2ggKGVsZXZhdGlvbiAtIDApIHtcbiAgICBjYXNlIDE6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmVsZXZhdGlvblsxXTtcbiAgICBjYXNlIDI6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmVsZXZhdGlvblsyXTtcbiAgICBjYXNlIDM6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmVsZXZhdGlvblszXTtcbiAgICBjYXNlIDQ6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmVsZXZhdGlvbls0XTtcbiAgICBjYXNlIDA6XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBcIlwiO1xuICB9XG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q29udGFpbmVyUHJvcHM+PihcbiAgKHsgdGhlbWUsIGVsZXZhdGlvbiwgYm9yZGVyUmFkaXVzLCBzcXVhcmVDb3JuZXJzIH0pID0+ICh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcblxuICAgIC4uLihzcXVhcmVDb3JuZXJzXG4gICAgICA/IHtcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICAgIH1cbiAgICAgIDogdXNlUmVzcG9uc2l2ZVN0eWxlcyh7XG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiBbYm9yZGVyUmFkaXVzLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXNdLFxuICAgICAgICB9KSksXG5cbiAgICAvLyBCb3ggc2hhZG93IGlzIGFwcGxpZWQgdG8gYSBwc2V1ZG8gZWxlbWVudCB0byBtYWtlIHN1cmUgZWxldmF0aW9uIGluc2V0IHNoYWRvdyBpbiBkYXJrIG1vZGUgaXMgbm90IGhpZGRlbiBieSBjb250ZW50IGJhY2tncm91bmRcbiAgICBcIjphZnRlclwiOiB7XG4gICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgIHRvcDogMCxcbiAgICAgIGxlZnQ6IDAsXG4gICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgICBib3JkZXJSYWRpdXM6IFwiaW5oZXJpdFwiLFxuICAgICAgYm94U2hhZG93OiBoYW5kbGVFbGV2YXRpb25MZXZlbCh0aGVtZSwgZWxldmF0aW9uKSxcbiAgICB9LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkRGl2ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPENvbnRhaW5lclByb3BzPj4oKHsgb3ZlcmZsb3cgfSkgPT4gKHtcbiAgYm9yZGVyUmFkaXVzOiBcImluaGVyaXRcIixcbiAgb3ZlcmZsb3csXG4gIGhlaWdodDogXCIxMDAlXCIsXG5cbiAgXCImID4gKjpsYXN0LWNoaWxkXCI6IHtcbiAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcImluaGVyaXRcIixcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogXCJpbmhlcml0XCIsXG4gIH0sXG4gIFwiJiA+ICo6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgYm9yZGVyVG9wTGVmdFJhZGl1czogXCJpbmhlcml0XCIsXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IFwiaW5oZXJpdFwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQ29udGFpbmVyKHtcbiAgY2hpbGRyZW4sXG4gIGVsZXZhdGlvbiA9IDEsXG4gIGJvcmRlclJhZGl1cyA9IFwibVwiLFxuICBvdmVyZmxvdyxcbiAgc3F1YXJlQ29ybmVycyA9IGZhbHNlLFxuICBpZCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIFwiZGF0YS1kcy1pZFwiOiBkYXRhRHNJZCA9IFwiQ29udGFpbmVyXCIsXG4gIC4uLnJlc3Rcbn06IENvbnRhaW5lclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICB7Li4ucmVzdH1cbiAgICAgIGlkPXtpZH1cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPXtkYXRhRHNJZH1cbiAgICAgIGVsZXZhdGlvbj17ZWxldmF0aW9ufVxuICAgICAgYm9yZGVyUmFkaXVzPXtib3JkZXJSYWRpdXN9XG4gICAgICBzcXVhcmVDb3JuZXJzPXtzcXVhcmVDb3JuZXJzfVxuICAgID5cbiAgICAgIDxTdHlsZWREaXYgb3ZlcmZsb3c9e292ZXJmbG93fT57Y2hpbGRyZW59PC9TdHlsZWREaXY+XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUN3QiJ9 */"),StyledDiv=styled("div",{target:"exkgfa11",label:"StyledDiv"})(({overflow})=>({borderRadius:"inherit",overflow,height:"100%","& > *:last-child":{borderBottomLeftRadius:"inherit",borderBottomRightRadius:"inherit"},"& > *:first-of-type":{borderTopLeftRadius:"inherit",borderTopRightRadius:"inherit"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29udGFpbmVyL0NvbnRhaW5lci50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0NvbnRhaW5lci9Db250YWluZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBCb3JkZXJSYWRpdXMsIE1RIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5pbXBvcnQgeyB1c2VSZXNwb25zaXZlU3R5bGVzIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9tZWRpYVF1ZXJpZXNcIjtcblxuZXhwb3J0IHR5cGUgQ29udGFpbmVyUHJvcHMgPSB7XG4gIGVsZXZhdGlvbj86IDAgfCAxIHwgMiB8IDMgfCA0O1xuICBib3JkZXJSYWRpdXM/OiBCb3JkZXJSYWRpdXMgfCBNUTxCb3JkZXJSYWRpdXM+O1xuICBvdmVyZmxvdz86IFwiYXV0b1wiIHwgXCJoaWRkZW5cIiB8IFwidmlzaWJsZVwiO1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgc3F1YXJlQ29ybmVycz86IGJvb2xlYW47XG4gIGlkPzogc3RyaW5nO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgLyoqIEBpZ25vcmUgKi9cbiAgXCJkYXRhLWRzLWlkXCI/OiBzdHJpbmc7XG59O1xuXG5jb25zdCBoYW5kbGVFbGV2YXRpb25MZXZlbCA9ICh0aGVtZTogVGhlbWUsIGVsZXZhdGlvbjogbnVtYmVyKSA9PiB7XG4gIC8qIFBhcnNpbmcgZWxldmF0aW9uIHByb3BlcnR5IHRvIG51bWJlciAqL1xuICBzd2l0Y2ggKGVsZXZhdGlvbiAtIDApIHtcbiAgICBjYXNlIDE6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmVsZXZhdGlvblsxXTtcbiAgICBjYXNlIDI6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmVsZXZhdGlvblsyXTtcbiAgICBjYXNlIDM6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmVsZXZhdGlvblszXTtcbiAgICBjYXNlIDQ6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmVsZXZhdGlvbls0XTtcbiAgICBjYXNlIDA6XG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiBcIlwiO1xuICB9XG59O1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8Q29udGFpbmVyUHJvcHM+PihcbiAgKHsgdGhlbWUsIGVsZXZhdGlvbiwgYm9yZGVyUmFkaXVzLCBzcXVhcmVDb3JuZXJzIH0pID0+ICh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcblxuICAgIC4uLihzcXVhcmVDb3JuZXJzXG4gICAgICA/IHtcbiAgICAgICAgICBib3JkZXJSYWRpdXM6IDAsXG4gICAgICAgIH1cbiAgICAgIDogdXNlUmVzcG9uc2l2ZVN0eWxlcyh7XG4gICAgICAgICAgYm9yZGVyUmFkaXVzOiBbYm9yZGVyUmFkaXVzLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXNdLFxuICAgICAgICB9KSksXG5cbiAgICAvLyBCb3ggc2hhZG93IGlzIGFwcGxpZWQgdG8gYSBwc2V1ZG8gZWxlbWVudCB0byBtYWtlIHN1cmUgZWxldmF0aW9uIGluc2V0IHNoYWRvdyBpbiBkYXJrIG1vZGUgaXMgbm90IGhpZGRlbiBieSBjb250ZW50IGJhY2tncm91bmRcbiAgICBcIjphZnRlclwiOiB7XG4gICAgICBjb250ZW50OiAnXCIgXCInLFxuICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgIHRvcDogMCxcbiAgICAgIGxlZnQ6IDAsXG4gICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICBoZWlnaHQ6IFwiMTAwJVwiLFxuICAgICAgcG9pbnRlckV2ZW50czogXCJub25lXCIsXG4gICAgICBib3JkZXJSYWRpdXM6IFwiaW5oZXJpdFwiLFxuICAgICAgYm94U2hhZG93OiBoYW5kbGVFbGV2YXRpb25MZXZlbCh0aGVtZSwgZWxldmF0aW9uKSxcbiAgICB9LFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkRGl2ID0gc3R5bGVkLmRpdjxQYXJ0aWFsPENvbnRhaW5lclByb3BzPj4oKHsgb3ZlcmZsb3cgfSkgPT4gKHtcbiAgYm9yZGVyUmFkaXVzOiBcImluaGVyaXRcIixcbiAgb3ZlcmZsb3csXG4gIGhlaWdodDogXCIxMDAlXCIsXG5cbiAgXCImID4gKjpsYXN0LWNoaWxkXCI6IHtcbiAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBcImluaGVyaXRcIixcbiAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogXCJpbmhlcml0XCIsXG4gIH0sXG4gIFwiJiA+ICo6Zmlyc3Qtb2YtdHlwZVwiOiB7XG4gICAgYm9yZGVyVG9wTGVmdFJhZGl1czogXCJpbmhlcml0XCIsXG4gICAgYm9yZGVyVG9wUmlnaHRSYWRpdXM6IFwiaW5oZXJpdFwiLFxuICB9LFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQ29udGFpbmVyKHtcbiAgY2hpbGRyZW4sXG4gIGVsZXZhdGlvbiA9IDEsXG4gIGJvcmRlclJhZGl1cyA9IFwibVwiLFxuICBvdmVyZmxvdyxcbiAgc3F1YXJlQ29ybmVycyA9IGZhbHNlLFxuICBpZCxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIFwiZGF0YS1kcy1pZFwiOiBkYXRhRHNJZCA9IFwiQ29udGFpbmVyXCIsXG4gIC4uLnJlc3Rcbn06IENvbnRhaW5lclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICB7Li4ucmVzdH1cbiAgICAgIGlkPXtpZH1cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPXtkYXRhRHNJZH1cbiAgICAgIGVsZXZhdGlvbj17ZWxldmF0aW9ufVxuICAgICAgYm9yZGVyUmFkaXVzPXtib3JkZXJSYWRpdXN9XG4gICAgICBzcXVhcmVDb3JuZXJzPXtzcXVhcmVDb3JuZXJzfVxuICAgID5cbiAgICAgIDxTdHlsZWREaXYgb3ZlcmZsb3c9e292ZXJmbG93fT57Y2hpbGRyZW59PC9TdHlsZWREaXY+XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0RrQiJ9 */");export function Container({children,elevation=1,borderRadius="m",overflow,squareCorners=!1,id,"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId="Container",...rest}){return React.createElement(StyledContainer,{...rest,id:id,"data-e2e-test-id":dataE2eTestId,"data-ds-id":dataDsId,elevation:elevation,borderRadius:borderRadius,squareCorners:squareCorners},React.createElement(StyledDiv,{overflow:overflow},children))}
package/build/esm/components/PromptInput/AutocompleteList.js CHANGED
@@ -1 +1 @@
1
- import React,{useEffect,useRef}from"react";import styled from"@emotion/styled";import{Box}from"../Box/Box";import{Stack}from"../Stack/Stack";import{CategoryList}from"./CategoryList";import{Container}from"../Container";import{usePopupMenu}from"../../shared/popupMenu/usePopupMenu";import{Portal,usePortalChildZIndex}from"../Portal/Portal";import{Inline}from"../Inline/Inline";export function getAutocompleteListId(name){return`${name}_AutocompleteList`}let StyledContainer=styled("div",{target:"e1ksc4t0",label:"StyledContainer"})(({theme})=>({position:"absolute",zIndex:usePortalChildZIndex(theme.variables.zIndex.dropdown)}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQXV0b2NvbXBsZXRlTGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdElucHV0L0F1dG9jb21wbGV0ZUxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7XG4gIHR5cGUgRmxhdHRlbmVkTGlzdEl0ZW0sXG4gIENhdGVnb3J5TGlzdCxcbiAgdHlwZSBMaXN0SXRlbXNCeUNhdGVnb3J5LFxuICB0eXBlIENhdGVnb3J5TGlzdFByb3BzLFxufSBmcm9tIFwiLi9DYXRlZ29yeUxpc3RcIjtcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gXCIuLi9Db250YWluZXJcIjtcbmltcG9ydCB7IHVzZVBvcHVwTWVudSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvcG9wdXBNZW51L3VzZVBvcHVwTWVudVwiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB0eXBlIFBvcnRhbFByb3BzLFxuICB1c2VQb3J0YWxDaGlsZFpJbmRleCxcbn0gZnJvbSBcIi4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgdHlwZSB7IFByb21wdFRleHRBcmVhUHJvcHMgfSBmcm9tIFwiLi9Qcm9tcHRUZXh0QXJlYVwiO1xuXG5leHBvcnQgdHlwZSBBdXRvY29tcGxldGVMaXN0UHJvcHMgPSB7XG4gIGF1dG9jb21wbGV0ZUxpc3RJdGVtcz86IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXTtcbiAgdHJpZ2dlclJlZjogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBpc09wZW46IGJvb2xlYW47XG4gIGF1dG9jb21wbGV0ZUxpc3RGb290ZXI/OiBSZWFjdEVsZW1lbnQ7XG59ICYgUGljazxDYXRlZ29yeUxpc3RQcm9wcywgXCJvbkxpc3RJdGVtQ2xpY2tcIj4gJlxuICBQaWNrPFByb21wdFRleHRBcmVhUHJvcHMsIFwibmFtZVwiIHwgXCJ2YWx1ZVwiPiAmXG4gIFBpY2s8UG9ydGFsUHJvcHMsIFwicG9ydGFsQ29udGFpbmVyXCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0QXV0b2NvbXBsZXRlTGlzdElkKG5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV9BdXRvY29tcGxldGVMaXN0YDtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiB7XG4gIGNvbnN0IHpJbmRleCA9IHVzZVBvcnRhbENoaWxkWkluZGV4KHRoZW1lLnZhcmlhYmxlcy56SW5kZXguZHJvcGRvd24pO1xuXG4gIHJldHVybiB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB6SW5kZXgsXG4gIH07XG59KTtcblxuY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuY2FudmFzLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQXV0b2NvbXBsZXRlTGlzdCh7XG4gIG5hbWUsXG4gIHZhbHVlLFxuICBhdXRvY29tcGxldGVMaXN0SXRlbXMsXG4gIHRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgaXNPcGVuLFxuICBhdXRvY29tcGxldGVMaXN0Rm9vdGVyLFxuICBvbkxpc3RJdGVtQ2xpY2ssXG59OiBBdXRvY29tcGxldGVMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICBjb25zdCB7IG1lbnVTdHlsZSwgY2FsY3VsYXRlU3R5bGUgfSA9IHVzZVBvcHVwTWVudSh7XG4gICAgdHJpZ2dlclJlZixcbiAgICBtZW51UmVmLFxuICAgIGlzT3BlbixcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBjYWxjdWxhdGVTdHlsZSgpO1xuICAgIH1cbiAgfSwgW3ZhbHVlLCBjYWxjdWxhdGVTdHlsZSwgaXNPcGVuXSk7XG5cbiAgY29uc3QgbGlzdHMgPSBhdXRvY29tcGxldGVMaXN0SXRlbXMubWFwKChsaXN0SXRlbSkgPT4gKFxuICAgIDxDYXRlZ29yeUxpc3RcbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBrZXk9e2xpc3RJdGVtLmNhdGVnb3J5fVxuICAgICAgey4uLmxpc3RJdGVtfVxuICAgICAgc2VsZWN0ZWRMaXN0SXRlbT17c2VsZWN0ZWRMaXN0SXRlbX1cbiAgICAgIG9uTGlzdEl0ZW1DbGljaz17b25MaXN0SXRlbUNsaWNrfVxuICAgIC8+XG4gICkpO1xuXG4gIGNvbnN0IGxpc3RTdHlsZSA9IHtcbiAgICAuLi5tZW51U3R5bGUsXG4gICAgd2lkdGg6IHRyaWdnZXJSZWYuY3VycmVudD8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGgsXG4gIH07XG5cbiAgY29uc3QgbGlzdEVsbSA9IChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICByZWY9e21lbnVSZWZ9XG4gICAgICBzdHlsZT17bGlzdFN0eWxlfVxuICAgICAgaWQ9e2dldEF1dG9jb21wbGV0ZUxpc3RJZChuYW1lKX1cbiAgICAgIHJvbGU9XCJsaXN0Ym94XCJcbiAgICA+XG4gICAgICA8Q29udGFpbmVyPlxuICAgICAgICA8Qm94IHNwYWNlPVwieHhzXCI+XG4gICAgICAgICAgPFN0eWxlZExpc3RDb250YWluZXI+XG4gICAgICAgICAgICA8Qm94IHNwYWNlPVwieHNcIiB2U3BhY2U9XCJzXCI+XG4gICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInhzXCI+XG4gICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPVwic1wiPntsaXN0c308L1N0YWNrPlxuICAgICAgICAgICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cImNlbnRlclwiPnthdXRvY29tcGxldGVMaXN0Rm9vdGVyfTwvSW5saW5lPlxuICAgICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC9TdHlsZWRMaXN0Q29udGFpbmVyPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xuXG4gIHJldHVybiBpc09wZW4gPyAoXG4gICAgPFBvcnRhbCBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn0+e2xpc3RFbG19PC9Qb3J0YWw+XG4gICkgOiBudWxsO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Dd0IifQ== */"),StyledListContainer=styled("div",{target:"e1ksc4t1",label:"StyledListContainer"})(({theme})=>({backgroundColor:theme.values.color.canvas,borderRadius:theme.variables.size.borderRadius.s}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQXV0b2NvbXBsZXRlTGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdElucHV0L0F1dG9jb21wbGV0ZUxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7XG4gIHR5cGUgRmxhdHRlbmVkTGlzdEl0ZW0sXG4gIENhdGVnb3J5TGlzdCxcbiAgdHlwZSBMaXN0SXRlbXNCeUNhdGVnb3J5LFxuICB0eXBlIENhdGVnb3J5TGlzdFByb3BzLFxufSBmcm9tIFwiLi9DYXRlZ29yeUxpc3RcIjtcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gXCIuLi9Db250YWluZXJcIjtcbmltcG9ydCB7IHVzZVBvcHVwTWVudSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvcG9wdXBNZW51L3VzZVBvcHVwTWVudVwiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB0eXBlIFBvcnRhbFByb3BzLFxuICB1c2VQb3J0YWxDaGlsZFpJbmRleCxcbn0gZnJvbSBcIi4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgdHlwZSB7IFByb21wdFRleHRBcmVhUHJvcHMgfSBmcm9tIFwiLi9Qcm9tcHRUZXh0QXJlYVwiO1xuXG5leHBvcnQgdHlwZSBBdXRvY29tcGxldGVMaXN0UHJvcHMgPSB7XG4gIGF1dG9jb21wbGV0ZUxpc3RJdGVtcz86IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXTtcbiAgdHJpZ2dlclJlZjogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBpc09wZW46IGJvb2xlYW47XG4gIGF1dG9jb21wbGV0ZUxpc3RGb290ZXI/OiBSZWFjdEVsZW1lbnQ7XG59ICYgUGljazxDYXRlZ29yeUxpc3RQcm9wcywgXCJvbkxpc3RJdGVtQ2xpY2tcIj4gJlxuICBQaWNrPFByb21wdFRleHRBcmVhUHJvcHMsIFwibmFtZVwiIHwgXCJ2YWx1ZVwiPiAmXG4gIFBpY2s8UG9ydGFsUHJvcHMsIFwicG9ydGFsQ29udGFpbmVyXCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0QXV0b2NvbXBsZXRlTGlzdElkKG5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV9BdXRvY29tcGxldGVMaXN0YDtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiB7XG4gIGNvbnN0IHpJbmRleCA9IHVzZVBvcnRhbENoaWxkWkluZGV4KHRoZW1lLnZhcmlhYmxlcy56SW5kZXguZHJvcGRvd24pO1xuXG4gIHJldHVybiB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB6SW5kZXgsXG4gIH07XG59KTtcblxuY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuY2FudmFzLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQXV0b2NvbXBsZXRlTGlzdCh7XG4gIG5hbWUsXG4gIHZhbHVlLFxuICBhdXRvY29tcGxldGVMaXN0SXRlbXMsXG4gIHRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgaXNPcGVuLFxuICBhdXRvY29tcGxldGVMaXN0Rm9vdGVyLFxuICBvbkxpc3RJdGVtQ2xpY2ssXG59OiBBdXRvY29tcGxldGVMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICBjb25zdCB7IG1lbnVTdHlsZSwgY2FsY3VsYXRlU3R5bGUgfSA9IHVzZVBvcHVwTWVudSh7XG4gICAgdHJpZ2dlclJlZixcbiAgICBtZW51UmVmLFxuICAgIGlzT3BlbixcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBjYWxjdWxhdGVTdHlsZSgpO1xuICAgIH1cbiAgfSwgW3ZhbHVlLCBjYWxjdWxhdGVTdHlsZSwgaXNPcGVuXSk7XG5cbiAgY29uc3QgbGlzdHMgPSBhdXRvY29tcGxldGVMaXN0SXRlbXMubWFwKChsaXN0SXRlbSkgPT4gKFxuICAgIDxDYXRlZ29yeUxpc3RcbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBrZXk9e2xpc3RJdGVtLmNhdGVnb3J5fVxuICAgICAgey4uLmxpc3RJdGVtfVxuICAgICAgc2VsZWN0ZWRMaXN0SXRlbT17c2VsZWN0ZWRMaXN0SXRlbX1cbiAgICAgIG9uTGlzdEl0ZW1DbGljaz17b25MaXN0SXRlbUNsaWNrfVxuICAgIC8+XG4gICkpO1xuXG4gIGNvbnN0IGxpc3RTdHlsZSA9IHtcbiAgICAuLi5tZW51U3R5bGUsXG4gICAgd2lkdGg6IHRyaWdnZXJSZWYuY3VycmVudD8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGgsXG4gIH07XG5cbiAgY29uc3QgbGlzdEVsbSA9IChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICByZWY9e21lbnVSZWZ9XG4gICAgICBzdHlsZT17bGlzdFN0eWxlfVxuICAgICAgaWQ9e2dldEF1dG9jb21wbGV0ZUxpc3RJZChuYW1lKX1cbiAgICAgIHJvbGU9XCJsaXN0Ym94XCJcbiAgICA+XG4gICAgICA8Q29udGFpbmVyPlxuICAgICAgICA8Qm94IHNwYWNlPVwieHhzXCI+XG4gICAgICAgICAgPFN0eWxlZExpc3RDb250YWluZXI+XG4gICAgICAgICAgICA8Qm94IHNwYWNlPVwieHNcIiB2U3BhY2U9XCJzXCI+XG4gICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInhzXCI+XG4gICAgICAgICAgICAgICAgPFN0YWNrIHNwYWNlPVwic1wiPntsaXN0c308L1N0YWNrPlxuICAgICAgICAgICAgICAgIDxJbmxpbmUgYWxpZ25JdGVtcz1cImNlbnRlclwiPnthdXRvY29tcGxldGVMaXN0Rm9vdGVyfTwvSW5saW5lPlxuICAgICAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgPC9TdHlsZWRMaXN0Q29udGFpbmVyPlxuICAgICAgICA8L0JveD5cbiAgICAgIDwvQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xuXG4gIHJldHVybiBpc09wZW4gPyAoXG4gICAgPFBvcnRhbCBwb3J0YWxDb250YWluZXI9e3BvcnRhbENvbnRhaW5lcn0+e2xpc3RFbG19PC9Qb3J0YWw+XG4gICkgOiBudWxsO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDNEIifQ== */");export function AutocompleteList({name,value,autocompleteListItems,triggerRef,portalContainer,selectedListItem,isOpen,autocompleteListFooter,onListItemClick}){let menuRef=useRef(null),{menuStyle,calculateStyle}=usePopupMenu({triggerRef,menuRef,isOpen});useEffect(()=>{isOpen&&calculateStyle()},[value,calculateStyle,isOpen]);let lists=autocompleteListItems.map(listItem=>React.createElement(CategoryList,{name:name,key:listItem.category,...listItem,selectedListItem:selectedListItem,onListItemClick:onListItemClick})),listStyle={...menuStyle,width:triggerRef.current?.getBoundingClientRect().width},listElm=React.createElement(StyledContainer,{ref:menuRef,style:listStyle,id:getAutocompleteListId(name),role:"listbox"},React.createElement(Container,null,React.createElement(Box,{space:"xxs"},React.createElement(StyledListContainer,null,React.createElement(Box,{space:"xs",vSpace:"s"},React.createElement(Stack,{space:"xs"},React.createElement(Stack,{space:"s"},lists),React.createElement(Inline,{alignItems:"center"},autocompleteListFooter)))))));return isOpen?React.createElement(Portal,{portalContainer:portalContainer},listElm):null}
1
+ import React,{useEffect,useRef}from"react";import styled from"@emotion/styled";import{Box}from"../Box/Box";import{Stack}from"../Stack/Stack";import{CategoryList}from"./CategoryList";import{Container}from"../Container";import{usePopupMenu}from"../../shared/popupMenu/usePopupMenu";import{Portal,usePortalChildZIndex}from"../Portal/Portal";import{Inline}from"../Inline/Inline";export function getAutocompleteListId(name){return`${name}_AutocompleteList`}let StyledContainer=styled("div",{target:"e1yvalcb0",label:"StyledContainer"})(({theme})=>({position:"absolute",zIndex:usePortalChildZIndex(theme.variables.zIndex.dropdown)}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQXV0b2NvbXBsZXRlTGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdElucHV0L0F1dG9jb21wbGV0ZUxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7XG4gIHR5cGUgRmxhdHRlbmVkTGlzdEl0ZW0sXG4gIENhdGVnb3J5TGlzdCxcbiAgdHlwZSBMaXN0SXRlbXNCeUNhdGVnb3J5LFxuICB0eXBlIENhdGVnb3J5TGlzdFByb3BzLFxufSBmcm9tIFwiLi9DYXRlZ29yeUxpc3RcIjtcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gXCIuLi9Db250YWluZXJcIjtcbmltcG9ydCB7IHVzZVBvcHVwTWVudSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvcG9wdXBNZW51L3VzZVBvcHVwTWVudVwiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB0eXBlIFBvcnRhbFByb3BzLFxuICB1c2VQb3J0YWxDaGlsZFpJbmRleCxcbn0gZnJvbSBcIi4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgdHlwZSB7IFByb21wdFRleHRBcmVhUHJvcHMgfSBmcm9tIFwiLi9Qcm9tcHRUZXh0QXJlYVwiO1xuXG5leHBvcnQgdHlwZSBBdXRvY29tcGxldGVMaXN0UHJvcHMgPSB7XG4gIGF1dG9jb21wbGV0ZUxpc3RJdGVtcz86IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXTtcbiAgdHJpZ2dlclJlZjogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBpc09wZW46IGJvb2xlYW47XG4gIGF1dG9jb21wbGV0ZUxpc3RGb290ZXI/OiBSZWFjdEVsZW1lbnQ7XG59ICYgUGljazxDYXRlZ29yeUxpc3RQcm9wcywgXCJvbkxpc3RJdGVtQ2xpY2tcIj4gJlxuICBQaWNrPFByb21wdFRleHRBcmVhUHJvcHMsIFwibmFtZVwiIHwgXCJ2YWx1ZVwiPiAmXG4gIFBpY2s8UG9ydGFsUHJvcHMsIFwicG9ydGFsQ29udGFpbmVyXCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0QXV0b2NvbXBsZXRlTGlzdElkKG5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV9BdXRvY29tcGxldGVMaXN0YDtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiB7XG4gIGNvbnN0IHpJbmRleCA9IHVzZVBvcnRhbENoaWxkWkluZGV4KHRoZW1lLnZhcmlhYmxlcy56SW5kZXguZHJvcGRvd24pO1xuXG4gIHJldHVybiB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB6SW5kZXgsXG4gIH07XG59KTtcblxuY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuY2FudmFzLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQXV0b2NvbXBsZXRlTGlzdCh7XG4gIG5hbWUsXG4gIHZhbHVlLFxuICBhdXRvY29tcGxldGVMaXN0SXRlbXMsXG4gIHRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgaXNPcGVuLFxuICBhdXRvY29tcGxldGVMaXN0Rm9vdGVyLFxuICBvbkxpc3RJdGVtQ2xpY2ssXG59OiBBdXRvY29tcGxldGVMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICBjb25zdCB7IG1lbnVTdHlsZSwgY2FsY3VsYXRlU3R5bGUgfSA9IHVzZVBvcHVwTWVudSh7XG4gICAgdHJpZ2dlclJlZixcbiAgICBtZW51UmVmLFxuICAgIGlzT3BlbixcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBjYWxjdWxhdGVTdHlsZSgpO1xuICAgIH1cbiAgfSwgW3ZhbHVlLCBjYWxjdWxhdGVTdHlsZSwgaXNPcGVuXSk7XG5cbiAgY29uc3QgbGlzdHMgPSBhdXRvY29tcGxldGVMaXN0SXRlbXMubWFwKChsaXN0SXRlbSkgPT4gKFxuICAgIDxDYXRlZ29yeUxpc3RcbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBrZXk9e2xpc3RJdGVtLmNhdGVnb3J5fVxuICAgICAgey4uLmxpc3RJdGVtfVxuICAgICAgc2VsZWN0ZWRMaXN0SXRlbT17c2VsZWN0ZWRMaXN0SXRlbX1cbiAgICAgIG9uTGlzdEl0ZW1DbGljaz17b25MaXN0SXRlbUNsaWNrfVxuICAgIC8+XG4gICkpO1xuXG4gIGNvbnN0IGxpc3RTdHlsZSA9IHtcbiAgICAuLi5tZW51U3R5bGUsXG4gICAgd2lkdGg6IHRyaWdnZXJSZWYuY3VycmVudD8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGgsXG4gIH07XG5cbiAgY29uc3QgbGlzdEVsbSA9IChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICByZWY9e21lbnVSZWZ9XG4gICAgICBzdHlsZT17bGlzdFN0eWxlfVxuICAgICAgaWQ9e2dldEF1dG9jb21wbGV0ZUxpc3RJZChuYW1lKX1cbiAgICAgIHJvbGU9XCJsaXN0Ym94XCJcbiAgICA+XG4gICAgICA8Q29udGFpbmVyPlxuICAgICAgICA8Qm94IHNwYWNlPVwieHhzXCI+XG4gICAgICAgICAgPFN0eWxlZExpc3RDb250YWluZXI+XG4gICAgICAgICAgICA8Qm94IHNwYWNlPVwic1wiIHZTcGFjZT1cInNcIiBiU3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInNcIj57bGlzdHN9PC9TdGFjaz5cbiAgICAgICAgICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJjZW50ZXJcIj57YXV0b2NvbXBsZXRlTGlzdEZvb3Rlcn08L0lubGluZT5cbiAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDwvU3R5bGVkTGlzdENvbnRhaW5lcj5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcblxuICByZXR1cm4gaXNPcGVuID8gKFxuICAgIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9PntsaXN0RWxtfTwvUG9ydGFsPlxuICApIDogbnVsbDtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQ3dCIn0= */"),StyledListContainer=styled("div",{target:"e1yvalcb1",label:"StyledListContainer"})(({theme})=>({backgroundColor:theme.values.color.canvas,borderRadius:theme.variables.size.borderRadius.s}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvUHJvbXB0SW5wdXQvQXV0b2NvbXBsZXRlTGlzdC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL1Byb21wdElucHV0L0F1dG9jb21wbGV0ZUxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUmVhY3RFbGVtZW50LCBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vU3RhY2svU3RhY2tcIjtcbmltcG9ydCB7XG4gIHR5cGUgRmxhdHRlbmVkTGlzdEl0ZW0sXG4gIENhdGVnb3J5TGlzdCxcbiAgdHlwZSBMaXN0SXRlbXNCeUNhdGVnb3J5LFxuICB0eXBlIENhdGVnb3J5TGlzdFByb3BzLFxufSBmcm9tIFwiLi9DYXRlZ29yeUxpc3RcIjtcbmltcG9ydCB7IENvbnRhaW5lciB9IGZyb20gXCIuLi9Db250YWluZXJcIjtcbmltcG9ydCB7IHVzZVBvcHVwTWVudSB9IGZyb20gXCIuLi8uLi9zaGFyZWQvcG9wdXBNZW51L3VzZVBvcHVwTWVudVwiO1xuaW1wb3J0IHtcbiAgUG9ydGFsLFxuICB0eXBlIFBvcnRhbFByb3BzLFxuICB1c2VQb3J0YWxDaGlsZFpJbmRleCxcbn0gZnJvbSBcIi4uL1BvcnRhbC9Qb3J0YWxcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgdHlwZSB7IFByb21wdFRleHRBcmVhUHJvcHMgfSBmcm9tIFwiLi9Qcm9tcHRUZXh0QXJlYVwiO1xuXG5leHBvcnQgdHlwZSBBdXRvY29tcGxldGVMaXN0UHJvcHMgPSB7XG4gIGF1dG9jb21wbGV0ZUxpc3RJdGVtcz86IExpc3RJdGVtc0J5Q2F0ZWdvcnlbXTtcbiAgdHJpZ2dlclJlZjogUmVmT2JqZWN0PEhUTUxEaXZFbGVtZW50PjtcbiAgc2VsZWN0ZWRMaXN0SXRlbT86IEZsYXR0ZW5lZExpc3RJdGVtO1xuICBpc09wZW46IGJvb2xlYW47XG4gIGF1dG9jb21wbGV0ZUxpc3RGb290ZXI/OiBSZWFjdEVsZW1lbnQ7XG59ICYgUGljazxDYXRlZ29yeUxpc3RQcm9wcywgXCJvbkxpc3RJdGVtQ2xpY2tcIj4gJlxuICBQaWNrPFByb21wdFRleHRBcmVhUHJvcHMsIFwibmFtZVwiIHwgXCJ2YWx1ZVwiPiAmXG4gIFBpY2s8UG9ydGFsUHJvcHMsIFwicG9ydGFsQ29udGFpbmVyXCI+O1xuXG5leHBvcnQgZnVuY3Rpb24gZ2V0QXV0b2NvbXBsZXRlTGlzdElkKG5hbWU6IHN0cmluZyk6IHN0cmluZyB7XG4gIHJldHVybiBgJHtuYW1lfV9BdXRvY29tcGxldGVMaXN0YDtcbn1cblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiB7XG4gIGNvbnN0IHpJbmRleCA9IHVzZVBvcnRhbENoaWxkWkluZGV4KHRoZW1lLnZhcmlhYmxlcy56SW5kZXguZHJvcGRvd24pO1xuXG4gIHJldHVybiB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICB6SW5kZXgsXG4gIH07XG59KTtcblxuY29uc3QgU3R5bGVkTGlzdENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuY2FudmFzLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gQXV0b2NvbXBsZXRlTGlzdCh7XG4gIG5hbWUsXG4gIHZhbHVlLFxuICBhdXRvY29tcGxldGVMaXN0SXRlbXMsXG4gIHRyaWdnZXJSZWYsXG4gIHBvcnRhbENvbnRhaW5lcixcbiAgc2VsZWN0ZWRMaXN0SXRlbSxcbiAgaXNPcGVuLFxuICBhdXRvY29tcGxldGVMaXN0Rm9vdGVyLFxuICBvbkxpc3RJdGVtQ2xpY2ssXG59OiBBdXRvY29tcGxldGVMaXN0UHJvcHMpOiBSZWFjdEVsZW1lbnQge1xuICBjb25zdCBtZW51UmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcblxuICBjb25zdCB7IG1lbnVTdHlsZSwgY2FsY3VsYXRlU3R5bGUgfSA9IHVzZVBvcHVwTWVudSh7XG4gICAgdHJpZ2dlclJlZixcbiAgICBtZW51UmVmLFxuICAgIGlzT3BlbixcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAoaXNPcGVuKSB7XG4gICAgICBjYWxjdWxhdGVTdHlsZSgpO1xuICAgIH1cbiAgfSwgW3ZhbHVlLCBjYWxjdWxhdGVTdHlsZSwgaXNPcGVuXSk7XG5cbiAgY29uc3QgbGlzdHMgPSBhdXRvY29tcGxldGVMaXN0SXRlbXMubWFwKChsaXN0SXRlbSkgPT4gKFxuICAgIDxDYXRlZ29yeUxpc3RcbiAgICAgIG5hbWU9e25hbWV9XG4gICAgICBrZXk9e2xpc3RJdGVtLmNhdGVnb3J5fVxuICAgICAgey4uLmxpc3RJdGVtfVxuICAgICAgc2VsZWN0ZWRMaXN0SXRlbT17c2VsZWN0ZWRMaXN0SXRlbX1cbiAgICAgIG9uTGlzdEl0ZW1DbGljaz17b25MaXN0SXRlbUNsaWNrfVxuICAgIC8+XG4gICkpO1xuXG4gIGNvbnN0IGxpc3RTdHlsZSA9IHtcbiAgICAuLi5tZW51U3R5bGUsXG4gICAgd2lkdGg6IHRyaWdnZXJSZWYuY3VycmVudD8uZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGgsXG4gIH07XG5cbiAgY29uc3QgbGlzdEVsbSA9IChcbiAgICA8U3R5bGVkQ29udGFpbmVyXG4gICAgICByZWY9e21lbnVSZWZ9XG4gICAgICBzdHlsZT17bGlzdFN0eWxlfVxuICAgICAgaWQ9e2dldEF1dG9jb21wbGV0ZUxpc3RJZChuYW1lKX1cbiAgICAgIHJvbGU9XCJsaXN0Ym94XCJcbiAgICA+XG4gICAgICA8Q29udGFpbmVyPlxuICAgICAgICA8Qm94IHNwYWNlPVwieHhzXCI+XG4gICAgICAgICAgPFN0eWxlZExpc3RDb250YWluZXI+XG4gICAgICAgICAgICA8Qm94IHNwYWNlPVwic1wiIHZTcGFjZT1cInNcIiBiU3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgICAgIDxTdGFjayBzcGFjZT1cInNcIj57bGlzdHN9PC9TdGFjaz5cbiAgICAgICAgICAgICAgICA8SW5saW5lIGFsaWduSXRlbXM9XCJjZW50ZXJcIj57YXV0b2NvbXBsZXRlTGlzdEZvb3Rlcn08L0lubGluZT5cbiAgICAgICAgICAgICAgPC9TdGFjaz5cbiAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgIDwvU3R5bGVkTGlzdENvbnRhaW5lcj5cbiAgICAgICAgPC9Cb3g+XG4gICAgICA8L0NvbnRhaW5lcj5cbiAgICA8L1N0eWxlZENvbnRhaW5lcj5cbiAgKTtcblxuICByZXR1cm4gaXNPcGVuID8gKFxuICAgIDxQb3J0YWwgcG9ydGFsQ29udGFpbmVyPXtwb3J0YWxDb250YWluZXJ9PntsaXN0RWxtfTwvUG9ydGFsPlxuICApIDogbnVsbDtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QzRCIn0= */");export function AutocompleteList({name,value,autocompleteListItems,triggerRef,portalContainer,selectedListItem,isOpen,autocompleteListFooter,onListItemClick}){let menuRef=useRef(null),{menuStyle,calculateStyle}=usePopupMenu({triggerRef,menuRef,isOpen});useEffect(()=>{isOpen&&calculateStyle()},[value,calculateStyle,isOpen]);let lists=autocompleteListItems.map(listItem=>React.createElement(CategoryList,{name:name,key:listItem.category,...listItem,selectedListItem:selectedListItem,onListItemClick:onListItemClick})),listStyle={...menuStyle,width:triggerRef.current?.getBoundingClientRect().width},listElm=React.createElement(StyledContainer,{ref:menuRef,style:listStyle,id:getAutocompleteListId(name),role:"listbox"},React.createElement(Container,null,React.createElement(Box,{space:"xxs"},React.createElement(StyledListContainer,null,React.createElement(Box,{space:"s",vSpace:"s",bSpace:"xs"},React.createElement(Stack,{space:"xs"},React.createElement(Stack,{space:"s"},lists),React.createElement(Inline,{alignItems:"center"},autocompleteListFooter)))))));return isOpen?React.createElement(Portal,{portalContainer:portalContainer},listElm):null}
package/build/esm/components/PromptInput/PromptInput.d.ts CHANGED
@@ -12,7 +12,9 @@ export type PromptInputProps = {
12
12
  };
13
13
  /** Currently shows send button processing state */
14
14
  isProcessing?: boolean;
15
- sendButtonProps?: Omit<RoundButtonProps, "icon" | "variant">;
15
+ sendButtonProps?: Omit<RoundButtonProps, "icon" | "variant"> & {
16
+ icon?: "arrow-up" | "search" | "arrow-right";
17
+ };
16
18
  clearButtonAriaLabel?: string;
17
19
  hint?: ReactElement;
18
20
  /** Shows in the clear button space in empty state */
@@ -32,7 +34,9 @@ export declare const PromptInput: React.ForwardRefExoticComponent<{
32
34
  };
33
35
  /** Currently shows send button processing state */
34
36
  isProcessing?: boolean;
35
- sendButtonProps?: Omit<RoundButtonProps, "icon" | "variant">;
37
+ sendButtonProps?: Omit<RoundButtonProps, "icon" | "variant"> & {
38
+ icon?: "arrow-up" | "search" | "arrow-right";
39
+ };
36
40
  clearButtonAriaLabel?: string;
37
41
  hint?: ReactElement;
38
42
  /** Shows in the clear button space in empty state */