@everymatrix/lottery-tipping-latest-result 1.77.10 → 1.77.12

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 (25) hide show
  1. package/dist/cjs/general-tooltip_6.cjs.entry.js +3997 -1414
  2. package/dist/cjs/index.cjs.js +1 -1
  3. package/dist/cjs/{lottery-tipping-latest-result-eb6079d2.js → lottery-tipping-latest-result-7b188519.js} +1 -1
  4. package/dist/collection/components/lottery-tipping-calendar/lottery-tipping-calendar.css +12 -6
  5. package/dist/collection/components/lottery-tipping-calendar/lottery-tipping-calendar.js +3 -3
  6. package/dist/collection/components/lottery-tipping-latest-result/lottery-tipping-latest-result.css +15 -7
  7. package/dist/esm/general-tooltip_6.entry.js +3998 -1415
  8. package/dist/esm/index.js +1 -1
  9. package/dist/esm/{lottery-tipping-latest-result-2a3ba354.js → lottery-tipping-latest-result-c2ddceed.js} +1 -1
  10. package/dist/lottery-tipping-latest-result/general-tooltip_6.entry.js +4013 -1390
  11. package/dist/lottery-tipping-latest-result/index.esm.js +1 -1
  12. package/dist/lottery-tipping-latest-result/{lottery-tipping-latest-result-2a3ba354.js → lottery-tipping-latest-result-c2ddceed.js} +1 -1
  13. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/lottery-tipping-latest-result/.stencil/packages/stencil/lottery-tipping-latest-result/stencil.config.d.ts +2 -0
  14. package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/lottery-tipping-latest-result/.stencil/packages/stencil/lottery-tipping-latest-result/stencil.config.dev.d.ts +2 -0
  15. package/package.json +1 -1
  16. package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/lottery-tipping-latest-result/.stencil/packages/stencil/lottery-tipping-latest-result/stencil.config.d.ts +0 -2
  17. package/dist/types/builds/emfe-widgets/widgets-monorepo/packages/stencil/lottery-tipping-latest-result/.stencil/packages/stencil/lottery-tipping-latest-result/stencil.config.dev.d.ts +0 -2
  18. /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-latest-result/.stencil/libs/common/src/storybook/storybook-utils.d.ts +0 -0
  19. /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-latest-result/.stencil/packages/stencil/lottery-tipping-latest-result/storybook/main.d.ts +0 -0
  20. /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-latest-result/.stencil/packages/stencil/lottery-tipping-latest-result/storybook/preview.d.ts +0 -0
  21. /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-latest-result/.stencil/tools/plugins/index.d.ts +0 -0
  22. /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-latest-result/.stencil/tools/plugins/lazy-load-chunk-plugin.d.ts +0 -0
  23. /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-latest-result/.stencil/tools/plugins/stencil-clean-deps-plugin.d.ts +0 -0
  24. /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-latest-result/.stencil/tools/plugins/vite-chunk-plugin.d.ts +0 -0
  25. /package/dist/types/{builds/emfe-widgets → Users/adrian.pripon/Documents/Work}/widgets-monorepo/packages/stencil/lottery-tipping-latest-result/.stencil/tools/plugins/vite-clean-deps-plugin.d.ts +0 -0
package/dist/cjs/index.cjs.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- const lotteryTippingLatestResult = require('./lottery-tipping-latest-result-eb6079d2.js');
5
+ const lotteryTippingLatestResult = require('./lottery-tipping-latest-result-7b188519.js');
6
6
  require('./index-a4e4eb03.js');
7
7
 
8
8
 
package/dist/cjs/{lottery-tipping-latest-result-eb6079d2.js → lottery-tipping-latest-result-7b188519.js} RENAMED
@@ -431,7 +431,7 @@ const getTranslations = (data) => {
431
431
  });
432
432
  };
433
433
 
434
- const lotteryTippingLatestResultCss = ".lottery-tipping-latest-result {\n padding: 16px;\n container-type: inline-size;\n}\n.lottery-tipping-latest-result .date-selection {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 24px;\n width: 400px;\n}\n.lottery-tipping-latest-result .date-selection-leftIcon, .lottery-tipping-latest-result .date-selection-rightIcon {\n cursor: pointer;\n}\n\n.LotteryTippingTicketController__segmented-control {\n height: 2.2rem;\n display: inline-flex;\n background-color: var(--emw--color-gray-100, #e6e6e6);\n border-radius: 2rem;\n padding: 0.2rem;\n}\n.LotteryTippingTicketController__segment {\n background-color: transparent;\n border: none;\n padding: 0.3rem 0.8rem;\n cursor: pointer;\n font-weight: 500;\n border-radius: 2rem;\n outline: none;\n transition: background-color 0.25s ease, color 0.25s ease;\n white-space: nowrap;\n}\n.LotteryTippingTicketController__segment--active {\n background-color: var(--emw--color-background, #fff);\n color: #000000;\n font-weight: 600;\n}\n.LotteryTippingTicketController__segment:not(.LotteryTippingTicketController__segment--active):hover {\n background-color: var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));\n}\n\n.betting-type {\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n gap: 20px;\n}\n.betting-type-title {\n font-weight: 600;\n font-size: 16px;\n}\n.betting-type-text {\n font-size: 16px;\n}\n\n.result-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 60%;\n margin: 0 auto;\n}\n.result-wrapper .winning-result {\n width: 100%;\n margin-top: 20px;\n}\n.result-wrapper .prize-result {\n width: 100%;\n margin-top: 20px;\n}\n.result-wrapper .prize-result-title {\n font-size: 16px;\n font-weight: 600;\n margin-bottom: 12px;\n}\n.result-wrapper .prize-result-table {\n width: 100%;\n}\n.result-wrapper .prize-result-table-row {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-evenly;\n}\n.result-wrapper .prize-result-table-column {\n text-align: left;\n padding: 12px 14px;\n width: 160px;\n color: rgb(85, 85, 85);\n font-size: 14px;\n width: calc((100% - 2px) / 3);\n}\n.result-wrapper .prize-result-table-header {\n width: 100%;\n background-color: var(--emw--color-gray-100, #e6e6e6);\n border-radius: 4px;\n}\n.result-wrapper .prize-result-table .prize-result-table-header .prize-result-table-column {\n color: var(--emw--color-gray-300, #333);\n font-weight: 600;\n border-right: 1px solid var(--emw--color-background, #fff);\n}\n.result-wrapper .prize-result-table .prize-result-table-body .prize-result-table-row:hover {\n background-color: var(--emw--color-gray-50, #f5f5f5);\n}\n\n@container (max-width: 980px) and (min-width: 780px) {\n .result-wrapper {\n width: 84%;\n }\n}\n@container (max-width: 780px) and (min-width: 480px) {\n .result-wrapper {\n width: 100%;\n }\n}\n@container (max-width: 480px) {\n .result-wrapper {\n width: 100%;\n }\n .result-wrapper .winning-result {\n width: 100%;\n margin-top: 14px;\n }\n .result-wrapper .prize-result {\n width: 100%;\n }\n .result-wrapper .prize-result-table-column {\n padding: 6px;\n width: 100px;\n }\n}";
434
+ const lotteryTippingLatestResultCss = ".lottery-tipping-latest-result {\n padding: 16px;\n container-type: inline-size;\n background-color: var(--emw--color-background, #fff);\n}\n.lottery-tipping-latest-result .date-selection {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 24px;\n width: 400px;\n}\n.lottery-tipping-latest-result .date-selection-leftIcon, .lottery-tipping-latest-result .date-selection-rightIcon {\n cursor: pointer;\n}\n\n.LotteryTippingTicketController__segmented-control {\n height: 2.2rem;\n display: inline-flex;\n background-color: var(--emw--color-background-secondary, #f5f5f5);\n border-radius: 2rem;\n padding: 0.2rem;\n}\n.LotteryTippingTicketController__segment {\n background-color: transparent;\n border: none;\n padding: 0.3rem 0.8rem;\n cursor: pointer;\n font-weight: 500;\n border-radius: 2rem;\n outline: none;\n transition: background-color 0.25s ease, color 0.25s ease;\n white-space: nowrap;\n color: var(--emw--color-typography, #000);\n}\n.LotteryTippingTicketController__segment--active {\n background-color: var(--emw--color-background, #fff);\n color: var(--emw--color-typography, #000);\n font-weight: 600;\n}\n.LotteryTippingTicketController__segment:not(.LotteryTippingTicketController__segment--active):hover {\n background-color: var(--emw--color-background-tertiary, #ccc);\n}\n\n.betting-type {\n margin-bottom: 16px;\n display: flex;\n align-items: center;\n gap: 20px;\n}\n.betting-type-title {\n font-weight: 600;\n font-size: 16px;\n color: var(--emw--color-typography-secondary, #333);\n}\n.betting-type-text {\n font-size: 16px;\n}\n\n.result-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 60%;\n margin: 0 auto;\n}\n.result-wrapper .winning-result {\n width: 100%;\n margin-top: 20px;\n}\n.result-wrapper .prize-result {\n width: 100%;\n margin-top: 20px;\n}\n.result-wrapper .prize-result-title {\n font-size: 16px;\n font-weight: 600;\n margin-bottom: 12px;\n color: var(--emw--color-typography-secondary, #333);\n}\n.result-wrapper .prize-result-table {\n width: 100%;\n}\n.result-wrapper .prize-result-table-row {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-evenly;\n}\n.result-wrapper .prize-result-table-column {\n text-align: left;\n padding: 12px 14px;\n width: 160px;\n font-size: 14px;\n width: calc((100% - 2px) / 3);\n color: var(--emw--color-typography, #000);\n}\n.result-wrapper .prize-result-table-header {\n width: 100%;\n background-color: var(--emw--color-background-secondary, #e6e6e6);\n border-radius: 4px;\n}\n.result-wrapper .prize-result-table-body {\n background-color: var(--emw--color-background-tertiary, #fff);\n}\n.result-wrapper .prize-result-table .prize-result-table-header .prize-result-table-column {\n color: var(--emw--color-typography, #000);\n font-weight: 600;\n border-right: 1px solid var(--emw--color-background, #fff);\n}\n.result-wrapper .prize-result-table .prize-result-table-body .prize-result-table-row:hover {\n color: var(--emw--color-typography, #000);\n background-color: var(--emw--color-background-secondary, #f5f5f5);\n}\n\n@container (max-width: 980px) and (min-width: 780px) {\n .result-wrapper {\n width: 84%;\n }\n}\n@container (max-width: 780px) and (min-width: 480px) {\n .result-wrapper {\n width: 100%;\n }\n}\n@container (max-width: 480px) {\n .result-wrapper {\n width: 100%;\n }\n .result-wrapper .winning-result {\n width: 100%;\n margin-top: 14px;\n }\n .result-wrapper .prize-result {\n width: 100%;\n }\n .result-wrapper .prize-result-table-column {\n padding: 6px;\n width: 100px;\n }\n}";
435
435
  const LotteryTippingLatestResultStyle0 = lotteryTippingLatestResultCss;
436
436
 
437
437
  const leftArrowIcon = renderIconDefinitionToSVGElement(LeftOutlined$1, {
package/dist/collection/components/lottery-tipping-calendar/lottery-tipping-calendar.css CHANGED
@@ -18,7 +18,7 @@
18
18
  top: 40px;
19
19
  left: -50%;
20
20
  background: var(--emw--color-background, #fff);
21
- color: var(--emw--color-gray-150, #6f6f6f);
21
+ color: var(--emw--color-typography-secondary, #6f6f6f);
22
22
  padding: 16px;
23
23
  width: fit-content;
24
24
  border: var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));
@@ -71,13 +71,13 @@
71
71
  pointer-events: none;
72
72
  }
73
73
  .calendar-content .day-item:hover {
74
- background-color: var(--emw--color-gray-50, #f5f5f5);
74
+ background-color: var(--emw--color-background-secondary, #f5f5f5);
75
75
  }
76
76
  .calendar-content .day-item.isCurDay {
77
77
  border-radius: 4px;
78
78
  background: var(--emw--color-secondary, #fff3b9);
79
79
  background-size: 50%;
80
- color: var(--emw--color-gray-300, #333);
80
+ color: var(--emw--color-typography-secondary, #6f6f6f);
81
81
  font-weight: 600;
82
82
  box-shadow: 2px 2px 2px var(--emw-calender-curday-box-shadow, rgba(0, 0, 0, 0.09));
83
83
  cursor: pointer;
@@ -104,7 +104,7 @@
104
104
  justify-items: center;
105
105
  align-items: center;
106
106
  border-bottom: var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));
107
- color: var(--emw--color-gray-150, #6f6f6f);
107
+ color: var(--emw--color-typography-secondary, #6f6f6f);
108
108
  }
109
109
  .calendar-content-day {
110
110
  margin-top: 4px;
@@ -120,11 +120,17 @@
120
120
  align-items: center;
121
121
  justify-content: space-between;
122
122
  padding: 0px 4px;
123
- background-color: var(--emw--color-gray-50, #f5f5f5);
123
+ background-color: var(--emw--color-background, #f5f5f5);
124
124
  border-radius: var(--emw--border-radius-small, 4px);
125
125
  border: var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));
126
126
  cursor: pointer;
127
127
  }
128
128
  .calling-input .input {
129
- color: var(--emw--color-gray-300, #333);
129
+ color: var(--emw--color-typography, #000);
130
+ }
131
+ .calling-input-text {
132
+ color: var(--emw--color-typography, #000);
133
+ }
134
+ .calling-input-icon svg {
135
+ fill: var(--emw--color-secondary, #fff3b9);
130
136
  }
package/dist/collection/components/lottery-tipping-calendar/lottery-tipping-calendar.js CHANGED
@@ -4,7 +4,7 @@ import { CalendarOutlined } from "@ant-design/icons-svg";
4
4
  import { renderIconDefinitionToSVGElement } from "@ant-design/icons-svg/es/helpers";
5
5
  import { translate, getTranslations } from "../../utils/locale.utils";
6
6
  const calendarIcon = renderIconDefinitionToSVGElement(CalendarOutlined, {
7
- extraSVGAttrs: { width: '18px', height: '18px', fill: '#fed275' }
7
+ extraSVGAttrs: { width: '18px', height: '18px' }
8
8
  });
9
9
  export class LotteryTippingCalendar {
10
10
  constructor() {
@@ -177,9 +177,9 @@ export class LotteryTippingCalendar {
177
177
  }
178
178
  render() {
179
179
  const calendarClass = ['calendar', this.showCalendar ? 'calendar-visible' : 'calendar-leave'];
180
- return (h("div", { key: 'fc24c5dd2b9d2cfd536387e952428d27f826466c', class: "lottery-tipping-calendar", ref: (el) => (this.calendarRef = el) }, h("div", { key: '6264b50c7d8de0f71c832c7bb27eb8a6303e2b85', class: "calling-input", onClick: () => {
180
+ return (h("div", { key: '40cec47319dc0ad95980e710c074c5a28c2ab456', class: "lottery-tipping-calendar", ref: (el) => (this.calendarRef = el) }, h("div", { key: '87b1ea72a5c28c69290b613ffa7af8696ffcaab3', class: "calling-input", onClick: () => {
181
181
  this.showCalendar = true;
182
- } }, h("div", { key: '90e8ce4e33a6d8a70eb93e665c67d24bd0a87453', class: "calling-input-text" }, this.showFormatedDate(this.curDate)), h("div", { key: '9e71b455e3948437a0986e5e90bd0b0fb7d236bc', class: "calling-input-icon", innerHTML: calendarIcon })), h("div", { key: '79386c81656a1cd2a498b051cc809ebde2729a30', class: calendarClass.join(' ') }, h("div", { key: '3697dd004c6b1466df355e2eaee151910015b35d', class: "calendar-header" }, h("div", { key: '80dee2e0d580773a0253d727e65a0e073efc7c97', class: "date-controller year-minus", onClick: this.onYearMinus }, "<"), h("div", { key: '8bc265b9202d50406d019c55afada0759c0f5398', class: "date-controller month-minus", onClick: this.onMonthMinus }, "<"), h("div", { key: '35d0c1727d6cb5264aa6bcf2184201e24877861b', class: "date-picker" }, h("div", { key: 'e938cf588c8b36d87b1c8ec47e2cbb4c126f050b', class: "date-picker-year" }, h("vaadin-select", { key: 'd20ef0f3b94f20dcfdaf2333eeef5f7468af7bdd', items: this.yearOptions, value: this.alterDate.year, style: { '--vaadin-field-default-width': '90px' }, "on-value-changed": this.onYearChange.bind(this) })), h("div", { key: '1deca1b5ba794c62ae974e2a0c5de9bc2c37c3d8', class: "date-picker-delimiter" }, "-"), h("div", { key: 'abb81ed8f6f2cd324528d84342e16ba2f5e84e8a', class: "date-picker-month" }, h("vaadin-select", { key: '5d03129f4c7b2f8f5194cb64cebffc4e971f6057', items: this.monthOptions, value: this.alterDate.month + 1, style: { '--vaadin-field-default-width': '64px' }, "on-value-changed": this.onMonthChange.bind(this) })), h("div", { key: 'c167056f3977a343499076fd6dfdbeb825764f79', class: "date-picker-delimiter" }, "-"), h("div", { key: 'c4615ea58b78988d48050de6df4234ffd513a19f', class: "date-picker-day" }, this.alterDate.day)), h("div", { key: '9dd8b235e7b2e3bfce6107c2c6d27a05d6fc325d', class: "date-controller month-plus", onClick: this.onMonthPlus }, ">"), h("div", { key: '5a5a382afca4f2d14f9a930284c39ca319f0c06c', class: "date-controller year-plus", onClick: this.onYearPlus }, ">")), h("div", { key: 'd662c595069a67782242f919cbf5c1f0d85a15b0', class: "calendar-content" }, h("div", { key: '0a90711988abd14c3d59891b38d079186a12009d', class: "calendar-content-week" }, this.weeks.map((week) => (h("div", { class: "week-item" }, week)))), h("div", { key: 'e5444c3b433b1b4920a3581c88157ae2559e448c', class: "calendar-content-day" }, this.days.map((item) => (h("div", { class: {
182
+ } }, h("div", { key: '8014304a1c19467598f7d324f013e36da10807a1', class: "calling-input-text" }, this.showFormatedDate(this.curDate)), h("div", { key: '4bb3276c543343b971f3ae983a8666435ff0c05f', class: "calling-input-icon", innerHTML: calendarIcon })), h("div", { key: 'e9caf41eecd8989189c2badfc087828ffdf37bb5', class: calendarClass.join(' ') }, h("div", { key: '1c19085aae79e7678065ef7023d4a3ef27cac70b', class: "calendar-header" }, h("div", { key: 'caffe869fc67dc21299bfcd034b057f931258c84', class: "date-controller year-minus", onClick: this.onYearMinus }, "<"), h("div", { key: '6e553067cbaf25c692fa7e081dd437db48588516', class: "date-controller month-minus", onClick: this.onMonthMinus }, "<"), h("div", { key: '45b29397f39b4d440c4e2a5f73dd9e1c3aae462d', class: "date-picker" }, h("div", { key: 'bdd6b7aca5884d08ce0c2703c36e714c88b99487', class: "date-picker-year" }, h("vaadin-select", { key: '0239f1a1f0304d8e8db341286a71cf921a524d2c', items: this.yearOptions, value: this.alterDate.year, style: { '--vaadin-field-default-width': '90px' }, "on-value-changed": this.onYearChange.bind(this) })), h("div", { key: 'd040dec3f9ca8f31ee7fe7bb7f6535132e00b5f9', class: "date-picker-delimiter" }, "-"), h("div", { key: 'f62dae4dfb9e5709b0b27eaa2046107220520a6a', class: "date-picker-month" }, h("vaadin-select", { key: 'c3ce598b7ba19059fa0b97e495db46a26798a6af', items: this.monthOptions, value: this.alterDate.month + 1, style: { '--vaadin-field-default-width': '64px' }, "on-value-changed": this.onMonthChange.bind(this) })), h("div", { key: '8c3e63306a284c3a4026789a0f0e9f3677498747', class: "date-picker-delimiter" }, "-"), h("div", { key: '93d1716b68a80943193dc4f82442ae91ec769c46', class: "date-picker-day" }, this.alterDate.day)), h("div", { key: 'b14ba540468c8e152ace46f113e233a7a52c64e2', class: "date-controller month-plus", onClick: this.onMonthPlus }, ">"), h("div", { key: '3ace715a066c50a65f8dfc6c45f82d992c0be7f1', class: "date-controller year-plus", onClick: this.onYearPlus }, ">")), h("div", { key: '698402dcef3d815561e00077c6fa6c70e9d229ff', class: "calendar-content" }, h("div", { key: '37c9d09bade72010f4ad9daf7bdc669fea42f678', class: "calendar-content-week" }, this.weeks.map((week) => (h("div", { class: "week-item" }, week)))), h("div", { key: '13029ff486fb7acbb9f43ab29b7ea5204fcb2a43', class: "calendar-content-day" }, this.days.map((item) => (h("div", { class: {
183
183
  'day-item': true,
184
184
  isCurDay: this.tellIsCurDay(item.date, item.month, item.year),
185
185
  isHighLight: this.tellIsHighLight(item.date, item.month, item.year)
package/dist/collection/components/lottery-tipping-latest-result/lottery-tipping-latest-result.css CHANGED
@@ -1,6 +1,7 @@
1
1
  .lottery-tipping-latest-result {
2
2
  padding: 16px;
3
3
  container-type: inline-size;
4
+ background-color: var(--emw--color-background, #fff);
4
5
  }
5
6
  .lottery-tipping-latest-result .date-selection {
6
7
  display: flex;
@@ -16,7 +17,7 @@
16
17
  .LotteryTippingTicketController__segmented-control {
17
18
  height: 2.2rem;
18
19
  display: inline-flex;
19
- background-color: var(--emw--color-gray-100, #e6e6e6);
20
+ background-color: var(--emw--color-background-secondary, #f5f5f5);
20
21
  border-radius: 2rem;
21
22
  padding: 0.2rem;
22
23
  }
@@ -30,14 +31,15 @@
30
31
  outline: none;
31
32
  transition: background-color 0.25s ease, color 0.25s ease;
32
33
  white-space: nowrap;
34
+ color: var(--emw--color-typography, #000);
33
35
  }
34
36
  .LotteryTippingTicketController__segment--active {
35
37
  background-color: var(--emw--color-background, #fff);
36
- color: #000000;
38
+ color: var(--emw--color-typography, #000);
37
39
  font-weight: 600;
38
40
  }
39
41
  .LotteryTippingTicketController__segment:not(.LotteryTippingTicketController__segment--active):hover {
40
- background-color: var(--emw--button-box-shadow-color-secondary, rgba(0, 0, 0, 0.15));
42
+ background-color: var(--emw--color-background-tertiary, #ccc);
41
43
  }
42
44
 
43
45
  .betting-type {
@@ -49,6 +51,7 @@
49
51
  .betting-type-title {
50
52
  font-weight: 600;
51
53
  font-size: 16px;
54
+ color: var(--emw--color-typography-secondary, #333);
52
55
  }
53
56
  .betting-type-text {
54
57
  font-size: 16px;
@@ -73,6 +76,7 @@
73
76
  font-size: 16px;
74
77
  font-weight: 600;
75
78
  margin-bottom: 12px;
79
+ color: var(--emw--color-typography-secondary, #333);
76
80
  }
77
81
  .result-wrapper .prize-result-table {
78
82
  width: 100%;
@@ -87,22 +91,26 @@
87
91
  text-align: left;
88
92
  padding: 12px 14px;
89
93
  width: 160px;
90
- color: rgb(85, 85, 85);
91
94
  font-size: 14px;
92
95
  width: calc((100% - 2px) / 3);
96
+ color: var(--emw--color-typography, #000);
93
97
  }
94
98
  .result-wrapper .prize-result-table-header {
95
99
  width: 100%;
96
- background-color: var(--emw--color-gray-100, #e6e6e6);
100
+ background-color: var(--emw--color-background-secondary, #e6e6e6);
97
101
  border-radius: 4px;
98
102
  }
103
+ .result-wrapper .prize-result-table-body {
104
+ background-color: var(--emw--color-background-tertiary, #fff);
105
+ }
99
106
  .result-wrapper .prize-result-table .prize-result-table-header .prize-result-table-column {
100
- color: var(--emw--color-gray-300, #333);
107
+ color: var(--emw--color-typography, #000);
101
108
  font-weight: 600;
102
109
  border-right: 1px solid var(--emw--color-background, #fff);
103
110
  }
104
111
  .result-wrapper .prize-result-table .prize-result-table-body .prize-result-table-row:hover {
105
- background-color: var(--emw--color-gray-50, #f5f5f5);
112
+ color: var(--emw--color-typography, #000);
113
+ background-color: var(--emw--color-background-secondary, #f5f5f5);
106
114
  }
107
115
 
108
116
  @container (max-width: 980px) and (min-width: 780px) {