@oanda/labs-widget-common 1.0.236 → 1.0.238

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 (15) hide show
  1. package/CHANGELOG.md +1876 -0
  2. package/dist/main/tailwind/colors.js +4 -0
  3. package/dist/main/tailwind/colors.js.map +1 -1
  4. package/dist/main/tailwind/themes/background.js +4 -0
  5. package/dist/main/tailwind/themes/background.js.map +1 -1
  6. package/dist/module/tailwind/colors.js +4 -0
  7. package/dist/module/tailwind/colors.js.map +1 -1
  8. package/dist/module/tailwind/themes/background.js +4 -0
  9. package/dist/module/tailwind/themes/background.js.map +1 -1
  10. package/dist/types/tailwind/colors.d.ts +8 -0
  11. package/dist/types/tailwind/themes/background.d.ts +4 -0
  12. package/dist/types/tailwind/themes/themeColors.d.ts +1 -0
  13. package/package.json +2 -2
  14. package/src/tailwind/colors.ts +4 -0
  15. package/src/tailwind/themes/background.ts +4 -0
package/dist/main/tailwind/colors.js CHANGED
@@ -26,7 +26,11 @@ const colorPalette = exports.colorPalette = {
26
26
  orange70: 'rgba(218, 100, 37, 0.7)',
27
27
  navyBlue: '#00214A',
28
28
  white: '#FFFFFF',
29
+ darkWhite: '#F4F8FA',
30
+ white50: 'rgba(255,255,255,0.5)',
29
31
  black: '#000000',
32
+ black50: 'rgba(0,0,0,0.5)',
33
+ black10: 'rgba(0,0,0,0.1)',
30
34
  grayLight: '#9EA4AC',
31
35
  grayLight95: 'rgba(158, 164, 172, 0.95)',
32
36
  gray: '#7B8085',
package/dist/main/tailwind/colors.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"colors.js","names":["_utils","require","colorPalette","exports","redDark","redLight","raspberryLight","raspberryDark","raspberryDark70","greenLight","greenLight10","turquoiseLight","violetLight","bottleGreenLight","bottleGreenLight70","bottleGreenLight75","bottleGreenDark","bottleGreenDark120","midnight75Lighter","gold","orange","orange70","navyBlue","white","black","grayLight","grayLight95","gray","darkGray","brightBlue","brightBlue30","darkBlue","lightYellow90","lightYellow10","lightBlue90","lightBlue10","darkYellow10","darkYellow90","darkBlue10","darkBlue90","twColorPallete","toTwConfigKeys"],"sources":["../../../src/tailwind/colors.ts"],"sourcesContent":["import type { ValueOf } from '../types';\nimport { toTwConfigKeys } from './utils';\n\nexport const colorPalette = {\n redDark: '#E41F37',\n redLight: '#FF5F73',\n raspberryLight: '#FE005B',\n raspberryDark: '#E5226E',\n raspberryDark70: 'rgba(229, 34, 110, 0.7)',\n greenLight: '#00D37E',\n greenLight10: 'rgba(0, 211, 126, 0.1)',\n turquoiseLight: '#309DCC',\n violetLight: '#C226C9',\n bottleGreenLight: '#00B89E',\n bottleGreenLight70: 'rgba(0, 184, 158, 0.7)',\n bottleGreenLight75: '#7FDBCE',\n bottleGreenDark: '#008573',\n bottleGreenDark120: '#00884E',\n midnight75Lighter: '#AC82D6',\n gold: '#FAB313',\n orange: '#DA6325',\n orange70: 'rgba(218, 100, 37, 0.7)',\n navyBlue: '#00214A',\n white: '#FFFFFF',\n black: '#000000',\n grayLight: '#9EA4AC',\n grayLight95: 'rgba(158, 164, 172, 0.95)',\n gray: '#7B8085',\n darkGray: '#1C1C1C',\n brightBlue: 'rgba(51, 88, 255, 0)',\n brightBlue30: 'rgba(51, 88, 255, 0.3)',\n darkBlue: '#262f3c',\n lightYellow90: '#fcd171',\n lightYellow10: '#fef7e7',\n lightBlue90: '#83c4e0',\n lightBlue10: '#eaf5fa',\n darkYellow10: '#160f00',\n darkYellow90: '#835c00',\n darkBlue10: '#040d11',\n darkBlue90: '#174d64',\n};\n\nexport const twColorPallete = toTwConfigKeys(colorPalette);\n\nexport type ColorCode = ValueOf<typeof colorPalette>;\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG;EAC1BE,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE,SAAS;EACnBC,cAAc,EAAE,SAAS;EACzBC,aAAa,EAAE,SAAS;EACxBC,eAAe,EAAE,yBAAyB;EAC1CC,UAAU,EAAE,SAAS;EACrBC,YAAY,EAAE,wBAAwB;EACtCC,cAAc,EAAE,SAAS;EACzBC,WAAW,EAAE,SAAS;EACtBC,gBAAgB,EAAE,SAAS;EAC3BC,kBAAkB,EAAE,wBAAwB;EAC5CC,kBAAkB,EAAE,SAAS;EAC7BC,eAAe,EAAE,SAAS;EAC1BC,kBAAkB,EAAE,SAAS;EAC7BC,iBAAiB,EAAE,SAAS;EAC5BC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE,SAAS;EACjBC,QAAQ,EAAE,yBAAyB;EACnCC,QAAQ,EAAE,SAAS;EACnBC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAChBC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,2BAA2B;EACxCC,IAAI,EAAE,SAAS;EACfC,QAAQ,EAAE,SAAS;EACnBC,UAAU,EAAE,sBAAsB;EAClCC,YAAY,EAAE,wBAAwB;EACtCC,QAAQ,EAAE,SAAS;EACnBC,aAAa,EAAE,SAAS;EACxBC,aAAa,EAAE,SAAS;EACxBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EACvBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE;AACd,CAAC;AAEM,MAAMC,cAAc,GAAArC,OAAA,CAAAqC,cAAA,GAAG,IAAAC,qBAAc,EAACvC,YAAY,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"colors.js","names":["_utils","require","colorPalette","exports","redDark","redLight","raspberryLight","raspberryDark","raspberryDark70","greenLight","greenLight10","turquoiseLight","violetLight","bottleGreenLight","bottleGreenLight70","bottleGreenLight75","bottleGreenDark","bottleGreenDark120","midnight75Lighter","gold","orange","orange70","navyBlue","white","darkWhite","white50","black","black50","black10","grayLight","grayLight95","gray","darkGray","brightBlue","brightBlue30","darkBlue","lightYellow90","lightYellow10","lightBlue90","lightBlue10","darkYellow10","darkYellow90","darkBlue10","darkBlue90","twColorPallete","toTwConfigKeys"],"sources":["../../../src/tailwind/colors.ts"],"sourcesContent":["import type { ValueOf } from '../types';\nimport { toTwConfigKeys } from './utils';\n\nexport const colorPalette = {\n redDark: '#E41F37',\n redLight: '#FF5F73',\n raspberryLight: '#FE005B',\n raspberryDark: '#E5226E',\n raspberryDark70: 'rgba(229, 34, 110, 0.7)',\n greenLight: '#00D37E',\n greenLight10: 'rgba(0, 211, 126, 0.1)',\n turquoiseLight: '#309DCC',\n violetLight: '#C226C9',\n bottleGreenLight: '#00B89E',\n bottleGreenLight70: 'rgba(0, 184, 158, 0.7)',\n bottleGreenLight75: '#7FDBCE',\n bottleGreenDark: '#008573',\n bottleGreenDark120: '#00884E',\n midnight75Lighter: '#AC82D6',\n gold: '#FAB313',\n orange: '#DA6325',\n orange70: 'rgba(218, 100, 37, 0.7)',\n navyBlue: '#00214A',\n white: '#FFFFFF',\n darkWhite: '#F4F8FA',\n white50: 'rgba(255,255,255,0.5)',\n black: '#000000',\n black50: 'rgba(0,0,0,0.5)',\n black10: 'rgba(0,0,0,0.1)',\n grayLight: '#9EA4AC',\n grayLight95: 'rgba(158, 164, 172, 0.95)',\n gray: '#7B8085',\n darkGray: '#1C1C1C',\n brightBlue: 'rgba(51, 88, 255, 0)',\n brightBlue30: 'rgba(51, 88, 255, 0.3)',\n darkBlue: '#262f3c',\n lightYellow90: '#fcd171',\n lightYellow10: '#fef7e7',\n lightBlue90: '#83c4e0',\n lightBlue10: '#eaf5fa',\n darkYellow10: '#160f00',\n darkYellow90: '#835c00',\n darkBlue10: '#040d11',\n darkBlue90: '#174d64',\n};\n\nexport const twColorPallete = toTwConfigKeys(colorPalette);\n\nexport type ColorCode = ValueOf<typeof colorPalette>;\n"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AAEO,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,GAAG;EAC1BE,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE,SAAS;EACnBC,cAAc,EAAE,SAAS;EACzBC,aAAa,EAAE,SAAS;EACxBC,eAAe,EAAE,yBAAyB;EAC1CC,UAAU,EAAE,SAAS;EACrBC,YAAY,EAAE,wBAAwB;EACtCC,cAAc,EAAE,SAAS;EACzBC,WAAW,EAAE,SAAS;EACtBC,gBAAgB,EAAE,SAAS;EAC3BC,kBAAkB,EAAE,wBAAwB;EAC5CC,kBAAkB,EAAE,SAAS;EAC7BC,eAAe,EAAE,SAAS;EAC1BC,kBAAkB,EAAE,SAAS;EAC7BC,iBAAiB,EAAE,SAAS;EAC5BC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE,SAAS;EACjBC,QAAQ,EAAE,yBAAyB;EACnCC,QAAQ,EAAE,SAAS;EACnBC,KAAK,EAAE,SAAS;EAChBC,SAAS,EAAE,SAAS;EACpBC,OAAO,EAAE,uBAAuB;EAChCC,KAAK,EAAE,SAAS;EAChBC,OAAO,EAAE,iBAAiB;EAC1BC,OAAO,EAAE,iBAAiB;EAC1BC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,2BAA2B;EACxCC,IAAI,EAAE,SAAS;EACfC,QAAQ,EAAE,SAAS;EACnBC,UAAU,EAAE,sBAAsB;EAClCC,YAAY,EAAE,wBAAwB;EACtCC,QAAQ,EAAE,SAAS;EACnBC,aAAa,EAAE,SAAS;EACxBC,aAAa,EAAE,SAAS;EACxBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EACvBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE;AACd,CAAC;AAEM,MAAMC,cAAc,GAAAzC,OAAA,CAAAyC,cAAA,GAAG,IAAAC,qBAAc,EAAC3C,YAAY,CAAC","ignoreList":[]}
package/dist/main/tailwind/themes/background.js CHANGED
@@ -10,6 +10,10 @@ const backgroundColors = exports.backgroundColors = {
10
10
  light: _colors.colorPalette.white,
11
11
  dark: _colors.colorPalette.black
12
12
  },
13
+ bgTransparent50: {
14
+ light: _colors.colorPalette.white50,
15
+ dark: _colors.colorPalette.black50
16
+ },
13
17
  bgSecondary: {
14
18
  light: '#F4F8FA',
15
19
  dark: '#1C1C1C'
package/dist/main/tailwind/themes/background.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"background.js","names":["_colors","require","backgroundColors","exports","bgPrimary","light","colorPalette","white","dark","black","bgSecondary","bgOk","bottleGreenDark","bgDanger","orange"],"sources":["../../../../src/tailwind/themes/background.ts"],"sourcesContent":["import type { KeysOf } from '../../types';\nimport { colorPalette } from '../colors';\n\nexport const backgroundColors = {\n bgPrimary: {\n light: colorPalette.white,\n dark: colorPalette.black,\n },\n bgSecondary: {\n light: '#F4F8FA',\n dark: '#1C1C1C',\n },\n bgOk: {\n light: '#70D2AF',\n dark: colorPalette.bottleGreenDark,\n },\n bgDanger: {\n light: '#FE4084',\n dark: colorPalette.orange,\n },\n} as const;\n\nexport type BackgroundColorKeys = KeysOf<typeof backgroundColors>;\n"],"mappings":";;;;;;AACA,IAAAA,OAAA,GAAAC,OAAA;AAEO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EAC9BE,SAAS,EAAE;IACTC,KAAK,EAAEC,oBAAY,CAACC,KAAK;IACzBC,IAAI,EAAEF,oBAAY,CAACG;EACrB,CAAC;EACDC,WAAW,EAAE;IACXL,KAAK,EAAE,SAAS;IAChBG,IAAI,EAAE;EACR,CAAC;EACDG,IAAI,EAAE;IACJN,KAAK,EAAE,SAAS;IAChBG,IAAI,EAAEF,oBAAY,CAACM;EACrB,CAAC;EACDC,QAAQ,EAAE;IACRR,KAAK,EAAE,SAAS;IAChBG,IAAI,EAAEF,oBAAY,CAACQ;EACrB;AACF,CAAU","ignoreList":[]}
1
+ {"version":3,"file":"background.js","names":["_colors","require","backgroundColors","exports","bgPrimary","light","colorPalette","white","dark","black","bgTransparent50","white50","black50","bgSecondary","bgOk","bottleGreenDark","bgDanger","orange"],"sources":["../../../../src/tailwind/themes/background.ts"],"sourcesContent":["import type { KeysOf } from '../../types';\nimport { colorPalette } from '../colors';\n\nexport const backgroundColors = {\n bgPrimary: {\n light: colorPalette.white,\n dark: colorPalette.black,\n },\n bgTransparent50: {\n light: colorPalette.white50,\n dark: colorPalette.black50,\n },\n bgSecondary: {\n light: '#F4F8FA',\n dark: '#1C1C1C',\n },\n bgOk: {\n light: '#70D2AF',\n dark: colorPalette.bottleGreenDark,\n },\n bgDanger: {\n light: '#FE4084',\n dark: colorPalette.orange,\n },\n} as const;\n\nexport type BackgroundColorKeys = KeysOf<typeof backgroundColors>;\n"],"mappings":";;;;;;AACA,IAAAA,OAAA,GAAAC,OAAA;AAEO,MAAMC,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EAC9BE,SAAS,EAAE;IACTC,KAAK,EAAEC,oBAAY,CAACC,KAAK;IACzBC,IAAI,EAAEF,oBAAY,CAACG;EACrB,CAAC;EACDC,eAAe,EAAE;IACfL,KAAK,EAAEC,oBAAY,CAACK,OAAO;IAC3BH,IAAI,EAAEF,oBAAY,CAACM;EACrB,CAAC;EACDC,WAAW,EAAE;IACXR,KAAK,EAAE,SAAS;IAChBG,IAAI,EAAE;EACR,CAAC;EACDM,IAAI,EAAE;IACJT,KAAK,EAAE,SAAS;IAChBG,IAAI,EAAEF,oBAAY,CAACS;EACrB,CAAC;EACDC,QAAQ,EAAE;IACRX,KAAK,EAAE,SAAS;IAChBG,IAAI,EAAEF,oBAAY,CAACW;EACrB;AACF,CAAU","ignoreList":[]}
package/dist/module/tailwind/colors.js CHANGED
@@ -20,7 +20,11 @@ export const colorPalette = {
20
20
  orange70: 'rgba(218, 100, 37, 0.7)',
21
21
  navyBlue: '#00214A',
22
22
  white: '#FFFFFF',
23
+ darkWhite: '#F4F8FA',
24
+ white50: 'rgba(255,255,255,0.5)',
23
25
  black: '#000000',
26
+ black50: 'rgba(0,0,0,0.5)',
27
+ black10: 'rgba(0,0,0,0.1)',
24
28
  grayLight: '#9EA4AC',
25
29
  grayLight95: 'rgba(158, 164, 172, 0.95)',
26
30
  gray: '#7B8085',
package/dist/module/tailwind/colors.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"colors.js","names":["toTwConfigKeys","colorPalette","redDark","redLight","raspberryLight","raspberryDark","raspberryDark70","greenLight","greenLight10","turquoiseLight","violetLight","bottleGreenLight","bottleGreenLight70","bottleGreenLight75","bottleGreenDark","bottleGreenDark120","midnight75Lighter","gold","orange","orange70","navyBlue","white","black","grayLight","grayLight95","gray","darkGray","brightBlue","brightBlue30","darkBlue","lightYellow90","lightYellow10","lightBlue90","lightBlue10","darkYellow10","darkYellow90","darkBlue10","darkBlue90","twColorPallete"],"sources":["../../../src/tailwind/colors.ts"],"sourcesContent":["import type { ValueOf } from '../types';\nimport { toTwConfigKeys } from './utils';\n\nexport const colorPalette = {\n redDark: '#E41F37',\n redLight: '#FF5F73',\n raspberryLight: '#FE005B',\n raspberryDark: '#E5226E',\n raspberryDark70: 'rgba(229, 34, 110, 0.7)',\n greenLight: '#00D37E',\n greenLight10: 'rgba(0, 211, 126, 0.1)',\n turquoiseLight: '#309DCC',\n violetLight: '#C226C9',\n bottleGreenLight: '#00B89E',\n bottleGreenLight70: 'rgba(0, 184, 158, 0.7)',\n bottleGreenLight75: '#7FDBCE',\n bottleGreenDark: '#008573',\n bottleGreenDark120: '#00884E',\n midnight75Lighter: '#AC82D6',\n gold: '#FAB313',\n orange: '#DA6325',\n orange70: 'rgba(218, 100, 37, 0.7)',\n navyBlue: '#00214A',\n white: '#FFFFFF',\n black: '#000000',\n grayLight: '#9EA4AC',\n grayLight95: 'rgba(158, 164, 172, 0.95)',\n gray: '#7B8085',\n darkGray: '#1C1C1C',\n brightBlue: 'rgba(51, 88, 255, 0)',\n brightBlue30: 'rgba(51, 88, 255, 0.3)',\n darkBlue: '#262f3c',\n lightYellow90: '#fcd171',\n lightYellow10: '#fef7e7',\n lightBlue90: '#83c4e0',\n lightBlue10: '#eaf5fa',\n darkYellow10: '#160f00',\n darkYellow90: '#835c00',\n darkBlue10: '#040d11',\n darkBlue90: '#174d64',\n};\n\nexport const twColorPallete = toTwConfigKeys(colorPalette);\n\nexport type ColorCode = ValueOf<typeof colorPalette>;\n"],"mappings":"AACA,SAASA,cAAc,QAAQ,SAAS;AAExC,OAAO,MAAMC,YAAY,GAAG;EAC1BC,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE,SAAS;EACnBC,cAAc,EAAE,SAAS;EACzBC,aAAa,EAAE,SAAS;EACxBC,eAAe,EAAE,yBAAyB;EAC1CC,UAAU,EAAE,SAAS;EACrBC,YAAY,EAAE,wBAAwB;EACtCC,cAAc,EAAE,SAAS;EACzBC,WAAW,EAAE,SAAS;EACtBC,gBAAgB,EAAE,SAAS;EAC3BC,kBAAkB,EAAE,wBAAwB;EAC5CC,kBAAkB,EAAE,SAAS;EAC7BC,eAAe,EAAE,SAAS;EAC1BC,kBAAkB,EAAE,SAAS;EAC7BC,iBAAiB,EAAE,SAAS;EAC5BC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE,SAAS;EACjBC,QAAQ,EAAE,yBAAyB;EACnCC,QAAQ,EAAE,SAAS;EACnBC,KAAK,EAAE,SAAS;EAChBC,KAAK,EAAE,SAAS;EAChBC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,2BAA2B;EACxCC,IAAI,EAAE,SAAS;EACfC,QAAQ,EAAE,SAAS;EACnBC,UAAU,EAAE,sBAAsB;EAClCC,YAAY,EAAE,wBAAwB;EACtCC,QAAQ,EAAE,SAAS;EACnBC,aAAa,EAAE,SAAS;EACxBC,aAAa,EAAE,SAAS;EACxBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EACvBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE;AACd,CAAC;AAED,OAAO,MAAMC,cAAc,GAAGtC,cAAc,CAACC,YAAY,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"colors.js","names":["toTwConfigKeys","colorPalette","redDark","redLight","raspberryLight","raspberryDark","raspberryDark70","greenLight","greenLight10","turquoiseLight","violetLight","bottleGreenLight","bottleGreenLight70","bottleGreenLight75","bottleGreenDark","bottleGreenDark120","midnight75Lighter","gold","orange","orange70","navyBlue","white","darkWhite","white50","black","black50","black10","grayLight","grayLight95","gray","darkGray","brightBlue","brightBlue30","darkBlue","lightYellow90","lightYellow10","lightBlue90","lightBlue10","darkYellow10","darkYellow90","darkBlue10","darkBlue90","twColorPallete"],"sources":["../../../src/tailwind/colors.ts"],"sourcesContent":["import type { ValueOf } from '../types';\nimport { toTwConfigKeys } from './utils';\n\nexport const colorPalette = {\n redDark: '#E41F37',\n redLight: '#FF5F73',\n raspberryLight: '#FE005B',\n raspberryDark: '#E5226E',\n raspberryDark70: 'rgba(229, 34, 110, 0.7)',\n greenLight: '#00D37E',\n greenLight10: 'rgba(0, 211, 126, 0.1)',\n turquoiseLight: '#309DCC',\n violetLight: '#C226C9',\n bottleGreenLight: '#00B89E',\n bottleGreenLight70: 'rgba(0, 184, 158, 0.7)',\n bottleGreenLight75: '#7FDBCE',\n bottleGreenDark: '#008573',\n bottleGreenDark120: '#00884E',\n midnight75Lighter: '#AC82D6',\n gold: '#FAB313',\n orange: '#DA6325',\n orange70: 'rgba(218, 100, 37, 0.7)',\n navyBlue: '#00214A',\n white: '#FFFFFF',\n darkWhite: '#F4F8FA',\n white50: 'rgba(255,255,255,0.5)',\n black: '#000000',\n black50: 'rgba(0,0,0,0.5)',\n black10: 'rgba(0,0,0,0.1)',\n grayLight: '#9EA4AC',\n grayLight95: 'rgba(158, 164, 172, 0.95)',\n gray: '#7B8085',\n darkGray: '#1C1C1C',\n brightBlue: 'rgba(51, 88, 255, 0)',\n brightBlue30: 'rgba(51, 88, 255, 0.3)',\n darkBlue: '#262f3c',\n lightYellow90: '#fcd171',\n lightYellow10: '#fef7e7',\n lightBlue90: '#83c4e0',\n lightBlue10: '#eaf5fa',\n darkYellow10: '#160f00',\n darkYellow90: '#835c00',\n darkBlue10: '#040d11',\n darkBlue90: '#174d64',\n};\n\nexport const twColorPallete = toTwConfigKeys(colorPalette);\n\nexport type ColorCode = ValueOf<typeof colorPalette>;\n"],"mappings":"AACA,SAASA,cAAc,QAAQ,SAAS;AAExC,OAAO,MAAMC,YAAY,GAAG;EAC1BC,OAAO,EAAE,SAAS;EAClBC,QAAQ,EAAE,SAAS;EACnBC,cAAc,EAAE,SAAS;EACzBC,aAAa,EAAE,SAAS;EACxBC,eAAe,EAAE,yBAAyB;EAC1CC,UAAU,EAAE,SAAS;EACrBC,YAAY,EAAE,wBAAwB;EACtCC,cAAc,EAAE,SAAS;EACzBC,WAAW,EAAE,SAAS;EACtBC,gBAAgB,EAAE,SAAS;EAC3BC,kBAAkB,EAAE,wBAAwB;EAC5CC,kBAAkB,EAAE,SAAS;EAC7BC,eAAe,EAAE,SAAS;EAC1BC,kBAAkB,EAAE,SAAS;EAC7BC,iBAAiB,EAAE,SAAS;EAC5BC,IAAI,EAAE,SAAS;EACfC,MAAM,EAAE,SAAS;EACjBC,QAAQ,EAAE,yBAAyB;EACnCC,QAAQ,EAAE,SAAS;EACnBC,KAAK,EAAE,SAAS;EAChBC,SAAS,EAAE,SAAS;EACpBC,OAAO,EAAE,uBAAuB;EAChCC,KAAK,EAAE,SAAS;EAChBC,OAAO,EAAE,iBAAiB;EAC1BC,OAAO,EAAE,iBAAiB;EAC1BC,SAAS,EAAE,SAAS;EACpBC,WAAW,EAAE,2BAA2B;EACxCC,IAAI,EAAE,SAAS;EACfC,QAAQ,EAAE,SAAS;EACnBC,UAAU,EAAE,sBAAsB;EAClCC,YAAY,EAAE,wBAAwB;EACtCC,QAAQ,EAAE,SAAS;EACnBC,aAAa,EAAE,SAAS;EACxBC,aAAa,EAAE,SAAS;EACxBC,WAAW,EAAE,SAAS;EACtBC,WAAW,EAAE,SAAS;EACtBC,YAAY,EAAE,SAAS;EACvBC,YAAY,EAAE,SAAS;EACvBC,UAAU,EAAE,SAAS;EACrBC,UAAU,EAAE;AACd,CAAC;AAED,OAAO,MAAMC,cAAc,GAAG1C,cAAc,CAACC,YAAY,CAAC","ignoreList":[]}
package/dist/module/tailwind/themes/background.js CHANGED
@@ -4,6 +4,10 @@ export const backgroundColors = {
4
4
  light: colorPalette.white,
5
5
  dark: colorPalette.black
6
6
  },
7
+ bgTransparent50: {
8
+ light: colorPalette.white50,
9
+ dark: colorPalette.black50
10
+ },
7
11
  bgSecondary: {
8
12
  light: '#F4F8FA',
9
13
  dark: '#1C1C1C'
package/dist/module/tailwind/themes/background.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"background.js","names":["colorPalette","backgroundColors","bgPrimary","light","white","dark","black","bgSecondary","bgOk","bottleGreenDark","bgDanger","orange"],"sources":["../../../../src/tailwind/themes/background.ts"],"sourcesContent":["import type { KeysOf } from '../../types';\nimport { colorPalette } from '../colors';\n\nexport const backgroundColors = {\n bgPrimary: {\n light: colorPalette.white,\n dark: colorPalette.black,\n },\n bgSecondary: {\n light: '#F4F8FA',\n dark: '#1C1C1C',\n },\n bgOk: {\n light: '#70D2AF',\n dark: colorPalette.bottleGreenDark,\n },\n bgDanger: {\n light: '#FE4084',\n dark: colorPalette.orange,\n },\n} as const;\n\nexport type BackgroundColorKeys = KeysOf<typeof backgroundColors>;\n"],"mappings":"AACA,SAASA,YAAY,QAAQ,WAAW;AAExC,OAAO,MAAMC,gBAAgB,GAAG;EAC9BC,SAAS,EAAE;IACTC,KAAK,EAAEH,YAAY,CAACI,KAAK;IACzBC,IAAI,EAAEL,YAAY,CAACM;EACrB,CAAC;EACDC,WAAW,EAAE;IACXJ,KAAK,EAAE,SAAS;IAChBE,IAAI,EAAE;EACR,CAAC;EACDG,IAAI,EAAE;IACJL,KAAK,EAAE,SAAS;IAChBE,IAAI,EAAEL,YAAY,CAACS;EACrB,CAAC;EACDC,QAAQ,EAAE;IACRP,KAAK,EAAE,SAAS;IAChBE,IAAI,EAAEL,YAAY,CAACW;EACrB;AACF,CAAU","ignoreList":[]}
1
+ {"version":3,"file":"background.js","names":["colorPalette","backgroundColors","bgPrimary","light","white","dark","black","bgTransparent50","white50","black50","bgSecondary","bgOk","bottleGreenDark","bgDanger","orange"],"sources":["../../../../src/tailwind/themes/background.ts"],"sourcesContent":["import type { KeysOf } from '../../types';\nimport { colorPalette } from '../colors';\n\nexport const backgroundColors = {\n bgPrimary: {\n light: colorPalette.white,\n dark: colorPalette.black,\n },\n bgTransparent50: {\n light: colorPalette.white50,\n dark: colorPalette.black50,\n },\n bgSecondary: {\n light: '#F4F8FA',\n dark: '#1C1C1C',\n },\n bgOk: {\n light: '#70D2AF',\n dark: colorPalette.bottleGreenDark,\n },\n bgDanger: {\n light: '#FE4084',\n dark: colorPalette.orange,\n },\n} as const;\n\nexport type BackgroundColorKeys = KeysOf<typeof backgroundColors>;\n"],"mappings":"AACA,SAASA,YAAY,QAAQ,WAAW;AAExC,OAAO,MAAMC,gBAAgB,GAAG;EAC9BC,SAAS,EAAE;IACTC,KAAK,EAAEH,YAAY,CAACI,KAAK;IACzBC,IAAI,EAAEL,YAAY,CAACM;EACrB,CAAC;EACDC,eAAe,EAAE;IACfJ,KAAK,EAAEH,YAAY,CAACQ,OAAO;IAC3BH,IAAI,EAAEL,YAAY,CAACS;EACrB,CAAC;EACDC,WAAW,EAAE;IACXP,KAAK,EAAE,SAAS;IAChBE,IAAI,EAAE;EACR,CAAC;EACDM,IAAI,EAAE;IACJR,KAAK,EAAE,SAAS;IAChBE,IAAI,EAAEL,YAAY,CAACY;EACrB,CAAC;EACDC,QAAQ,EAAE;IACRV,KAAK,EAAE,SAAS;IAChBE,IAAI,EAAEL,YAAY,CAACc;EACrB;AACF,CAAU","ignoreList":[]}
package/dist/types/tailwind/colors.d.ts CHANGED
@@ -20,7 +20,11 @@ export declare const colorPalette: {
20
20
  orange70: string;
21
21
  navyBlue: string;
22
22
  white: string;
23
+ darkWhite: string;
24
+ white50: string;
23
25
  black: string;
26
+ black50: string;
27
+ black10: string;
24
28
  grayLight: string;
25
29
  grayLight95: string;
26
30
  gray: string;
@@ -58,7 +62,11 @@ export declare const twColorPallete: {
58
62
  "orange-7-0-": string;
59
63
  "navy-Blue-": string;
60
64
  "white-": string;
65
+ "dark-White-": string;
66
+ "white-5-0-": string;
61
67
  "black-": string;
68
+ "black-5-0-": string;
69
+ "black-1-0-": string;
62
70
  "gray-Light-": string;
63
71
  "gray-Light-9-5-": string;
64
72
  "gray-": string;
package/dist/types/tailwind/themes/background.d.ts CHANGED
@@ -4,6 +4,10 @@ export declare const backgroundColors: {
4
4
  readonly light: string;
5
5
  readonly dark: string;
6
6
  };
7
+ readonly bgTransparent50: {
8
+ readonly light: string;
9
+ readonly dark: string;
10
+ };
7
11
  readonly bgSecondary: {
8
12
  readonly light: "#F4F8FA";
9
13
  readonly dark: "#1C1C1C";
package/dist/types/tailwind/themes/themeColors.d.ts CHANGED
@@ -7,6 +7,7 @@ export declare const themeColors: Record<ThemeKeys, ThemeColor>;
7
7
  export declare const twTheme: {
8
8
  "chart-": ThemeColor;
9
9
  "bg-Primary-": ThemeColor;
10
+ "bg-Transparent-5-0-": ThemeColor;
10
11
  "bg-Secondary-": ThemeColor;
11
12
  "bg-Ok-": ThemeColor;
12
13
  "bg-Danger-": ThemeColor;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@oanda/labs-widget-common",
3
- "version": "1.0.236",
3
+ "version": "1.0.238",
4
4
  "description": "Labs Widget Common",
5
5
  "main": "dist/main/index.js",
6
6
  "module": "dist/module/index.js",
@@ -21,5 +21,5 @@
21
21
  "tailwind-merge": "2.2.2",
22
22
  "usehooks-ts": "3.0.2"
23
23
  },
24
- "gitHead": "f04c026db9ec11a1d0ac934dd66146c877b01570"
24
+ "gitHead": "e8ab708b3dac3a041e9ed7fda6458ca06571d6cf"
25
25
  }
package/src/tailwind/colors.ts CHANGED
@@ -22,7 +22,11 @@ export const colorPalette = {
22
22
  orange70: 'rgba(218, 100, 37, 0.7)',
23
23
  navyBlue: '#00214A',
24
24
  white: '#FFFFFF',
25
+ darkWhite: '#F4F8FA',
26
+ white50: 'rgba(255,255,255,0.5)',
25
27
  black: '#000000',
28
+ black50: 'rgba(0,0,0,0.5)',
29
+ black10: 'rgba(0,0,0,0.1)',
26
30
  grayLight: '#9EA4AC',
27
31
  grayLight95: 'rgba(158, 164, 172, 0.95)',
28
32
  gray: '#7B8085',
package/src/tailwind/themes/background.ts CHANGED
@@ -6,6 +6,10 @@ export const backgroundColors = {
6
6
  light: colorPalette.white,
7
7
  dark: colorPalette.black,
8
8
  },
9
+ bgTransparent50: {
10
+ light: colorPalette.white50,
11
+ dark: colorPalette.black50,
12
+ },
9
13
  bgSecondary: {
10
14
  light: '#F4F8FA',
11
15
  dark: '#1C1C1C',