@cuemath/leap 3.1.10-j1 → 3.1.10-j3

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 (7) hide show
  1. package/dist/features/analytics-events/platform-events-student.js +4 -2
  2. package/dist/features/analytics-events/platform-events-student.js.map +1 -1
  3. package/dist/features/analytics-events/platform-events-teacher.js +10 -9
  4. package/dist/features/analytics-events/platform-events-teacher.js.map +1 -1
  5. package/dist/features/ui/inputs/text-input/text-input-styled.js +36 -20
  6. package/dist/features/ui/inputs/text-input/text-input-styled.js.map +1 -1
  7. package/package.json +1 -1
package/dist/features/analytics-events/platform-events-student.js CHANGED
@@ -1,7 +1,9 @@
1
1
  import { PLUGINS as t } from "../../node_modules/@cuemath/analytics-v2/dist/constants.js";
2
2
  var _ = /* @__PURE__ */ ((e) => (e.PAGE_VIEWED = "page_viewed", e.CUSTOM_TEST_SUBMITTED = "custom_test_submitted", e.HOMEWORK_COMPLETED = "homework_completed", e.ERROR_VIA_AUTO_LOGIN_FROM_CUEMATH_APP = "error_via_auto_login_from_cuemath_app", e.ACTIVITY_STARTED = "activity_started", e.ACTIVITY_TUTORIAL_SEEN = "activity_tutorial_seen", e.STREAK_ICON_CLICKED = "streak_icon_clicked", e.LEADERBOARD_BUTTON_CLICKED = "leaderboard_button_clicked", e.ONBOARDING_STEP_VIEWED = "onboarding_step_viewed", e.ONBOARDING_STEP_COMPLETED = "onboarding_step_completed", e.COACHMARK_DISMISSED = "coachmark_dismissed", e))(_ || {});
3
- const o = {
3
+ const i = {
4
4
  page_viewed: [t.MIXPANEL],
5
+ custom_test_submitted: [t.MIXPANEL],
6
+ homework_completed: [t.MIXPANEL],
5
7
  // circle on leap mixpanel events
6
8
  activity_started: [t.MIXPANEL],
7
9
  activity_tutorial_seen: [t.MIXPANEL],
@@ -13,6 +15,6 @@ const o = {
13
15
  };
14
16
  export {
15
17
  _ as PLATFORM_EVENTS_STUDENT,
16
- o as PLATFORM_WHITELIST_EVENTS_STUDENT
18
+ i as PLATFORM_WHITELIST_EVENTS_STUDENT
17
19
  };
18
20
  //# sourceMappingURL=platform-events-student.js.map
package/dist/features/analytics-events/platform-events-student.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"platform-events-student.js","sources":["../../../src/features/analytics-events/platform-events-student.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\n/**\n ** Global/Platform specific events that needs to be tracked goes here\n ** Naming convention needs to be snake_case\n */\nexport enum PLATFORM_EVENTS_STUDENT {\n PAGE_VIEWED = 'page_viewed',\n CUSTOM_TEST_SUBMITTED = 'custom_test_submitted',\n HOMEWORK_COMPLETED = 'homework_completed',\n ERROR_VIA_AUTO_LOGIN_FROM_CUEMATH_APP = 'error_via_auto_login_from_cuemath_app',\n\n // circle on leap mixpanel events\n ACTIVITY_STARTED = 'activity_started',\n ACTIVITY_TUTORIAL_SEEN = 'activity_tutorial_seen',\n STREAK_ICON_CLICKED = 'streak_icon_clicked',\n LEADERBOARD_BUTTON_CLICKED = 'leaderboard_button_clicked',\n ONBOARDING_STEP_VIEWED = 'onboarding_step_viewed',\n ONBOARDING_STEP_COMPLETED = 'onboarding_step_completed',\n COACHMARK_DISMISSED = 'coachmark_dismissed',\n}\n\n/**\n ** Events that need to be tracked at particular plugins\n ** Value will be array of strings.\n */\nexport const PLATFORM_WHITELIST_EVENTS_STUDENT = {\n [PLATFORM_EVENTS_STUDENT.PAGE_VIEWED]: [PLUGINS.MIXPANEL],\n\n // circle on leap mixpanel events\n [PLATFORM_EVENTS_STUDENT.ACTIVITY_STARTED]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_STUDENT.ACTIVITY_TUTORIAL_SEEN]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_STUDENT.STREAK_ICON_CLICKED]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_STUDENT.LEADERBOARD_BUTTON_CLICKED]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_VIEWED]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_COMPLETED]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_STUDENT.COACHMARK_DISMISSED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["PLATFORM_EVENTS_STUDENT","PLATFORM_WHITELIST_EVENTS_STUDENT","PLUGINS"],"mappings":";AAMY,IAAAA,sBAAAA,OACVA,EAAA,cAAc,eACdA,EAAA,wBAAwB,yBACxBA,EAAA,qBAAqB,sBACrBA,EAAA,wCAAwC,yCAGxCA,EAAA,mBAAmB,oBACnBA,EAAA,yBAAyB,0BACzBA,EAAA,sBAAsB,uBACtBA,EAAA,6BAA6B,8BAC7BA,EAAA,yBAAyB,0BACzBA,EAAA,4BAA4B,6BAC5BA,EAAA,sBAAsB,uBAbZA,IAAAA,KAAA,CAAA,CAAA;AAoBL,MAAMC,IAAoC;AAAA,EAC9C,aAAsC,CAACC,EAAQ,QAAQ;AAAA;AAAA,EAGvD,kBAA2C,CAACA,EAAQ,QAAQ;AAAA,EAC5D,wBAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,qBAA8C,CAACA,EAAQ,QAAQ;AAAA,EAC/D,4BAAqD,CAACA,EAAQ,QAAQ;AAAA,EACtE,wBAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,2BAAoD,CAACA,EAAQ,QAAQ;AAAA,EACrE,qBAA8C,CAACA,EAAQ,QAAQ;AAClE;"}
1
+ {"version":3,"file":"platform-events-student.js","sources":["../../../src/features/analytics-events/platform-events-student.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\n/**\n ** Global/Platform specific events that needs to be tracked goes here\n ** Naming convention needs to be snake_case\n */\nexport enum PLATFORM_EVENTS_STUDENT {\n PAGE_VIEWED = 'page_viewed',\n CUSTOM_TEST_SUBMITTED = 'custom_test_submitted',\n HOMEWORK_COMPLETED = 'homework_completed',\n ERROR_VIA_AUTO_LOGIN_FROM_CUEMATH_APP = 'error_via_auto_login_from_cuemath_app',\n\n // circle on leap mixpanel events\n ACTIVITY_STARTED = 'activity_started',\n ACTIVITY_TUTORIAL_SEEN = 'activity_tutorial_seen',\n STREAK_ICON_CLICKED = 'streak_icon_clicked',\n LEADERBOARD_BUTTON_CLICKED = 'leaderboard_button_clicked',\n ONBOARDING_STEP_VIEWED = 'onboarding_step_viewed',\n ONBOARDING_STEP_COMPLETED = 'onboarding_step_completed',\n COACHMARK_DISMISSED = 'coachmark_dismissed',\n}\n\n/**\n ** Events that need to be tracked at particular plugins\n ** Value will be array of strings.\n */\nexport const PLATFORM_WHITELIST_EVENTS_STUDENT = {\n [PLATFORM_EVENTS_STUDENT.PAGE_VIEWED]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_STUDENT.CUSTOM_TEST_SUBMITTED]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_STUDENT.HOMEWORK_COMPLETED]: [PLUGINS.MIXPANEL],\n\n // circle on leap mixpanel events\n [PLATFORM_EVENTS_STUDENT.ACTIVITY_STARTED]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_STUDENT.ACTIVITY_TUTORIAL_SEEN]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_STUDENT.STREAK_ICON_CLICKED]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_STUDENT.LEADERBOARD_BUTTON_CLICKED]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_VIEWED]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_STUDENT.ONBOARDING_STEP_COMPLETED]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_STUDENT.COACHMARK_DISMISSED]: [PLUGINS.MIXPANEL],\n};\n"],"names":["PLATFORM_EVENTS_STUDENT","PLATFORM_WHITELIST_EVENTS_STUDENT","PLUGINS"],"mappings":";AAMY,IAAAA,sBAAAA,OACVA,EAAA,cAAc,eACdA,EAAA,wBAAwB,yBACxBA,EAAA,qBAAqB,sBACrBA,EAAA,wCAAwC,yCAGxCA,EAAA,mBAAmB,oBACnBA,EAAA,yBAAyB,0BACzBA,EAAA,sBAAsB,uBACtBA,EAAA,6BAA6B,8BAC7BA,EAAA,yBAAyB,0BACzBA,EAAA,4BAA4B,6BAC5BA,EAAA,sBAAsB,uBAbZA,IAAAA,KAAA,CAAA,CAAA;AAoBL,MAAMC,IAAoC;AAAA,EAC9C,aAAsC,CAACC,EAAQ,QAAQ;AAAA,EACvD,uBAAgD,CAACA,EAAQ,QAAQ;AAAA,EACjE,oBAA6C,CAACA,EAAQ,QAAQ;AAAA;AAAA,EAG9D,kBAA2C,CAACA,EAAQ,QAAQ;AAAA,EAC5D,wBAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,qBAA8C,CAACA,EAAQ,QAAQ;AAAA,EAC/D,4BAAqD,CAACA,EAAQ,QAAQ;AAAA,EACtE,wBAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,2BAAoD,CAACA,EAAQ,QAAQ;AAAA,EACrE,qBAA8C,CAACA,EAAQ,QAAQ;AAClE;"}
package/dist/features/analytics-events/platform-events-teacher.js CHANGED
@@ -1,15 +1,16 @@
1
- import { PLUGINS as _ } from "../../node_modules/@cuemath/analytics-v2/dist/constants.js";
2
- var s = /* @__PURE__ */ ((e) => (e.PAGE_VIEWED = "page_viewed", e.RESOURCE_ASSIGNED = "resource_assigned", e.LESSON_FEEDBACK_POSITIVE = "lesson_feedback_positive", e.LESSON_FEEDBACK_NEGATIVE = "lesson_feedback_negative", e.LESSON_FEEDBACK_BACK_BUTTON = "lesson_feedback_back_button", e.LESSON_FEEDBACK_SUBMIT = "lesson_feedback_submit", e.LESSON_FEEDBACK_NEXT = "lesson_feedback_next", e))(s || {});
1
+ import { PLUGINS as s } from "../../node_modules/@cuemath/analytics-v2/dist/constants.js";
2
+ var _ = /* @__PURE__ */ ((e) => (e.PAGE_VIEWED = "page_viewed", e.RESOURCE_ASSIGNED = "resource_assigned", e.LESSON_FEEDBACK_POSITIVE = "lesson_feedback_positive", e.LESSON_FEEDBACK_NEGATIVE = "lesson_feedback_negative", e.LESSON_FEEDBACK_BACK_BUTTON = "lesson_feedback_back_button", e.LESSON_FEEDBACK_SUBMIT = "lesson_feedback_submit", e.LESSON_FEEDBACK_NEXT = "lesson_feedback_next", e))(_ || {});
3
3
  const o = {
4
- page_viewed: [_.MIXPANEL],
5
- lesson_feedback_positive: [_.MIXPANEL],
6
- lesson_feedback_negative: [_.MIXPANEL],
7
- lesson_feedback_back_button: [_.MIXPANEL],
8
- lesson_feedback_submit: [_.MIXPANEL],
9
- lesson_feedback_next: [_.MIXPANEL]
4
+ page_viewed: [s.MIXPANEL],
5
+ resource_assigned: [s.MIXPANEL],
6
+ lesson_feedback_positive: [s.MIXPANEL],
7
+ lesson_feedback_negative: [s.MIXPANEL],
8
+ lesson_feedback_back_button: [s.MIXPANEL],
9
+ lesson_feedback_submit: [s.MIXPANEL],
10
+ lesson_feedback_next: [s.MIXPANEL]
10
11
  };
11
12
  export {
12
- s as PLATFORM_EVENTS_TEACHER,
13
+ _ as PLATFORM_EVENTS_TEACHER,
13
14
  o as PLATFORM_WHITELIST_EVENTS_TEACHER
14
15
  };
15
16
  //# sourceMappingURL=platform-events-teacher.js.map
package/dist/features/analytics-events/platform-events-teacher.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"platform-events-teacher.js","sources":["../../../src/features/analytics-events/platform-events-teacher.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\nexport enum PLATFORM_EVENTS_TEACHER {\n PAGE_VIEWED = 'page_viewed',\n RESOURCE_ASSIGNED = 'resource_assigned',\n LESSON_FEEDBACK_POSITIVE = 'lesson_feedback_positive',\n LESSON_FEEDBACK_NEGATIVE = 'lesson_feedback_negative',\n LESSON_FEEDBACK_BACK_BUTTON = 'lesson_feedback_back_button',\n LESSON_FEEDBACK_SUBMIT = 'lesson_feedback_submit',\n LESSON_FEEDBACK_NEXT = 'lesson_feedback_next',\n}\n\nexport const PLATFORM_WHITELIST_EVENTS_TEACHER = {\n [PLATFORM_EVENTS_TEACHER.PAGE_VIEWED]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_TEACHER.LESSON_FEEDBACK_POSITIVE]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_TEACHER.LESSON_FEEDBACK_NEGATIVE]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_TEACHER.LESSON_FEEDBACK_BACK_BUTTON]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_TEACHER.LESSON_FEEDBACK_SUBMIT]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_TEACHER.LESSON_FEEDBACK_NEXT]: [PLUGINS.MIXPANEL],\n};\n"],"names":["PLATFORM_EVENTS_TEACHER","PLATFORM_WHITELIST_EVENTS_TEACHER","PLUGINS"],"mappings":";AAEY,IAAAA,sBAAAA,OACVA,EAAA,cAAc,eACdA,EAAA,oBAAoB,qBACpBA,EAAA,2BAA2B,4BAC3BA,EAAA,2BAA2B,4BAC3BA,EAAA,8BAA8B,+BAC9BA,EAAA,yBAAyB,0BACzBA,EAAA,uBAAuB,wBAPbA,IAAAA,KAAA,CAAA,CAAA;AAUL,MAAMC,IAAoC;AAAA,EAC9C,aAAsC,CAACC,EAAQ,QAAQ;AAAA,EACvD,0BAAmD,CAACA,EAAQ,QAAQ;AAAA,EACpE,0BAAmD,CAACA,EAAQ,QAAQ;AAAA,EACpE,6BAAsD,CAACA,EAAQ,QAAQ;AAAA,EACvE,wBAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,sBAA+C,CAACA,EAAQ,QAAQ;AACnE;"}
1
+ {"version":3,"file":"platform-events-teacher.js","sources":["../../../src/features/analytics-events/platform-events-teacher.ts"],"sourcesContent":["import { PLUGINS } from '@cuemath/analytics-v2/dist/constants';\n\nexport enum PLATFORM_EVENTS_TEACHER {\n PAGE_VIEWED = 'page_viewed',\n RESOURCE_ASSIGNED = 'resource_assigned',\n LESSON_FEEDBACK_POSITIVE = 'lesson_feedback_positive',\n LESSON_FEEDBACK_NEGATIVE = 'lesson_feedback_negative',\n LESSON_FEEDBACK_BACK_BUTTON = 'lesson_feedback_back_button',\n LESSON_FEEDBACK_SUBMIT = 'lesson_feedback_submit',\n LESSON_FEEDBACK_NEXT = 'lesson_feedback_next',\n}\n\nexport const PLATFORM_WHITELIST_EVENTS_TEACHER = {\n [PLATFORM_EVENTS_TEACHER.PAGE_VIEWED]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_TEACHER.RESOURCE_ASSIGNED]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_TEACHER.LESSON_FEEDBACK_POSITIVE]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_TEACHER.LESSON_FEEDBACK_NEGATIVE]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_TEACHER.LESSON_FEEDBACK_BACK_BUTTON]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_TEACHER.LESSON_FEEDBACK_SUBMIT]: [PLUGINS.MIXPANEL],\n [PLATFORM_EVENTS_TEACHER.LESSON_FEEDBACK_NEXT]: [PLUGINS.MIXPANEL],\n};\n"],"names":["PLATFORM_EVENTS_TEACHER","PLATFORM_WHITELIST_EVENTS_TEACHER","PLUGINS"],"mappings":";AAEY,IAAAA,sBAAAA,OACVA,EAAA,cAAc,eACdA,EAAA,oBAAoB,qBACpBA,EAAA,2BAA2B,4BAC3BA,EAAA,2BAA2B,4BAC3BA,EAAA,8BAA8B,+BAC9BA,EAAA,yBAAyB,0BACzBA,EAAA,uBAAuB,wBAPbA,IAAAA,KAAA,CAAA,CAAA;AAUL,MAAMC,IAAoC;AAAA,EAC9C,aAAsC,CAACC,EAAQ,QAAQ;AAAA,EACvD,mBAA4C,CAACA,EAAQ,QAAQ;AAAA,EAC7D,0BAAmD,CAACA,EAAQ,QAAQ;AAAA,EACpE,0BAAmD,CAACA,EAAQ,QAAQ;AAAA,EACpE,6BAAsD,CAACA,EAAQ,QAAQ;AAAA,EACvE,wBAAiD,CAACA,EAAQ,QAAQ;AAAA,EAClE,sBAA+C,CAACA,EAAQ,QAAQ;AACnE;"}
package/dist/features/ui/inputs/text-input/text-input-styled.js CHANGED
@@ -1,6 +1,6 @@
1
- import h from "styled-components";
2
- const w = h.input(({ theme: p, $size: s, $renderAs: d, $isTransparent: u }) => {
3
- const { colors: o, input: n, text: b } = p, { valueColorName: e, labelColorName: i, backgroundColorName: f } = n.variants[d], { inputTextVariant: $ } = n.sizes[s], { fontFamily: r, fontSize: l, lineHeight: a, letterSpacing: t } = b[$], c = u ? "transparent" : o[f ?? "WHITE"];
1
+ import m from "styled-components";
2
+ const k = m.input(({ theme: s, $size: p, $renderAs: d, $isTransparent: u }) => {
3
+ const { colors: t, input: r, text: b } = s, { valueColorName: o, labelColorName: n, backgroundColorName: f } = r.variants[d], { inputTextVariant: $ } = r.sizes[p], { fontFamily: a, fontSize: l, lineHeight: c, letterSpacing: i } = b[$], e = u ? "transparent" : t[f ?? "WHITE"];
4
4
  return `
5
5
  position: relative;
6
6
  width: 100%;
@@ -9,25 +9,25 @@ const w = h.input(({ theme: p, $size: s, $renderAs: d, $isTransparent: u }) => {
9
9
  padding: 0;
10
10
  outline: none;
11
11
 
12
- font-family: ${r};
12
+ font-family: ${a};
13
13
  font-size: ${l}px;
14
- line-height: ${a}px;
15
- ${typeof t == "number" ? `letter-spacing: ${t}px;` : ""}
14
+ line-height: ${c}px;
15
+ ${typeof i == "number" ? `letter-spacing: ${i}px;` : ""}
16
16
 
17
17
 
18
- background-color: ${c};
19
- color: ${o[e.inactive]};
18
+ background-color: ${e};
19
+ color: ${t[o.inactive]};
20
20
 
21
21
  &::placeholder {
22
- color: ${o[i.inactive]};
23
- font-family: ${r};
22
+ color: ${t[n.inactive]};
23
+ font-family: ${a};
24
24
  font-size: ${l}px;
25
- line-height: ${a}px;
26
- ${typeof t == "number" ? `letter-spacing: ${t}px;` : ""}
25
+ line-height: ${c}px;
26
+ ${typeof i == "number" ? `letter-spacing: ${i}px;` : ""}
27
27
  }
28
28
 
29
29
  &:hover, &:focus {
30
- color: ${o[e.active]};
30
+ color: ${t[o.active]};
31
31
  }
32
32
 
33
33
  &:read-only {
@@ -35,16 +35,16 @@ const w = h.input(({ theme: p, $size: s, $renderAs: d, $isTransparent: u }) => {
35
35
  }
36
36
 
37
37
  &:disabled {
38
- color: ${o[e.disabled]};
38
+ color: ${t[o.disabled]};
39
39
  cursor: not-allowed;
40
40
 
41
41
  &::placeholder {
42
- color: ${o[i.disabled]};
42
+ color: ${t[n.disabled]};
43
43
  }
44
44
  }
45
45
 
46
46
  &:hover:not([disabled, focused])::placeholder {
47
- color: ${o[i.active]};
47
+ color: ${t[n.active]};
48
48
  }
49
49
 
50
50
  &:focus::placeholder {
@@ -57,19 +57,35 @@ const w = h.input(({ theme: p, $size: s, $renderAs: d, $isTransparent: u }) => {
57
57
  margin: 0;
58
58
  }
59
59
  &[type="date"]:not(:placeholder-shown){
60
- color: ${o.BLACK_T_60};
60
+ color: ${t.BLACK_T_60};
61
61
  text-transform: uppercase;
62
62
  }
63
+ /* Autofill styles - Fixed and consolidated */
63
64
  &::-webkit-autofill,
64
65
  &::-webkit-autofill:hover,
65
66
  &::-webkit-autofill:focus,
66
67
  &::-webkit-autofill:active {
67
- -webkit-box-shadow: 0 0 0 1000px ${c} inset !important;
68
- -webkit-text-fill-color: ${o[e.inactive]} !important;
68
+ -webkit-box-shadow: 0 0 0 1000px ${e} inset !important;
69
+ -webkit-text-fill-color: ${t[o.inactive]} !important;
70
+ transition: background-color 5000s ease-in-out 0s !important;
71
+ }
72
+
73
+ /* Additional autofill override for Chrome's internal styles */
74
+ &:-webkit-autofill {
75
+ -webkit-box-shadow: 0 0 0 1000px ${e} inset !important;
76
+ -webkit-text-fill-color: ${t[o.inactive]} !important;
77
+ background-color: ${e} !important;
78
+ }
79
+
80
+ /* Override Chrome's internal autofill selected state */
81
+ &:-internal-autofill-selected {
82
+ background-color: ${e} !important;
83
+ background-image: none !important;
84
+ color: ${t[o.inactive]} !important;
69
85
  }
70
86
  `;
71
87
  });
72
88
  export {
73
- w as Input
89
+ k as Input
74
90
  };
75
91
  //# sourceMappingURL=text-input-styled.js.map
package/dist/features/ui/inputs/text-input/text-input-styled.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"text-input-styled.js","sources":["../../../../../src/features/ui/inputs/text-input/text-input-styled.ts"],"sourcesContent":["import type { IBaseInputProps } from '../base-input/base-input-types';\nimport type { ITextInputProps } from './text-input-types';\n\nimport styled from 'styled-components';\n\ninterface IInputProps {\n $renderAs: ITextInputProps['renderAs'];\n $size: IBaseInputProps['size'];\n $isTransparent?: IBaseInputProps['isTransparent'];\n}\n\nconst Input = styled.input<IInputProps>(({ theme, $size, $renderAs, $isTransparent }) => {\n const { colors, input, text } = theme;\n const { valueColorName, labelColorName, backgroundColorName } = input.variants[$renderAs];\n const { inputTextVariant } = input.sizes[$size];\n const { fontFamily, fontSize, lineHeight, letterSpacing } = text[inputTextVariant];\n const background = $isTransparent ? 'transparent' : colors[backgroundColorName ?? 'WHITE'];\n\n return `\n position: relative;\n width: 100%;\n height: 100%;\n border: 0;\n padding: 0;\n outline: none;\n\n font-family: ${fontFamily};\n font-size: ${fontSize}px;\n line-height: ${lineHeight}px;\n ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n\n \n background-color: ${background};\n color: ${colors[valueColorName.inactive]};\n \n &::placeholder {\n color: ${colors[labelColorName.inactive]};\n font-family: ${fontFamily};\n font-size: ${fontSize}px;\n line-height: ${lineHeight}px;\n ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n }\n\n &:hover, &:focus {\n color: ${colors[valueColorName.active]};\n }\n\n &:read-only {\n cursor: pointer;\n }\n \n &:disabled {\n color: ${colors[valueColorName.disabled]};\n cursor: not-allowed;\n\n &::placeholder {\n color: ${colors[labelColorName.disabled]};\n }\n }\n \n &:hover:not([disabled, focused])::placeholder {\n color: ${colors[labelColorName.active]};\n }\n\n &:focus::placeholder {\n color: transparent;\n }\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &[type=\"date\"]:not(:placeholder-shown){\n color: ${colors.BLACK_T_60};\n text-transform: uppercase;\n }\n &::-webkit-autofill,\n &::-webkit-autofill:hover,\n &::-webkit-autofill:focus,\n &::-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 1000px ${background} inset !important;\n -webkit-text-fill-color: ${colors[valueColorName.inactive]} !important;\n }\n `;\n});\n\nexport { Input };\n"],"names":["Input","styled","theme","$size","$renderAs","$isTransparent","colors","input","text","valueColorName","labelColorName","backgroundColorName","inputTextVariant","fontFamily","fontSize","lineHeight","letterSpacing","background"],"mappings":";AAWM,MAAAA,IAAQC,EAAO,MAAmB,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,gBAAAC,QAAqB;AACvF,QAAM,EAAE,QAAAC,GAAQ,OAAAC,GAAO,MAAAC,EAAA,IAASN,GAC1B,EAAE,gBAAAO,GAAgB,gBAAAC,GAAgB,qBAAAC,EAAwB,IAAAJ,EAAM,SAASH,CAAS,GAClF,EAAE,kBAAAQ,EAAqB,IAAAL,EAAM,MAAMJ,CAAK,GACxC,EAAE,YAAAU,GAAY,UAAAC,GAAU,YAAAC,GAAY,eAAAC,MAAkBR,EAAKI,CAAgB,GAC3EK,IAAaZ,IAAiB,gBAAgBC,EAAOK,KAAuB,OAAO;AAElF,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAQUE,CAAU;AAAA,iBACZC,CAAQ;AAAA,mBACNC,CAAU;AAAA,MACvB,OAAOC,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA;AAAA;AAAA,wBAG5DC,CAAU;AAAA,aACrBX,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA,eAG7BH,EAAOI,EAAe,QAAQ,CAAC;AAAA,qBACzBG,CAAU;AAAA,mBACZC,CAAQ;AAAA,qBACNC,CAAU;AAAA,QACvB,OAAOC,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA;AAAA;AAAA;AAAA,eAIvEV,EAAOG,EAAe,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQ7BH,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,iBAI7BH,EAAOI,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,eAKjCJ,EAAOI,EAAe,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAa7BJ,EAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yCAOSW,CAAU;AAAA,iCAClBX,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAGhE,CAAC;"}
1
+ {"version":3,"file":"text-input-styled.js","sources":["../../../../../src/features/ui/inputs/text-input/text-input-styled.ts"],"sourcesContent":["import type { IBaseInputProps } from '../base-input/base-input-types';\nimport type { ITextInputProps } from './text-input-types';\n\nimport styled from 'styled-components';\n\ninterface IInputProps {\n $renderAs: ITextInputProps['renderAs'];\n $size: IBaseInputProps['size'];\n $isTransparent?: IBaseInputProps['isTransparent'];\n}\n\nconst Input = styled.input<IInputProps>(({ theme, $size, $renderAs, $isTransparent }) => {\n const { colors, input, text } = theme;\n const { valueColorName, labelColorName, backgroundColorName } = input.variants[$renderAs];\n const { inputTextVariant } = input.sizes[$size];\n const { fontFamily, fontSize, lineHeight, letterSpacing } = text[inputTextVariant];\n const background = $isTransparent ? 'transparent' : colors[backgroundColorName ?? 'WHITE'];\n\n return `\n position: relative;\n width: 100%;\n height: 100%;\n border: 0;\n padding: 0;\n outline: none;\n\n font-family: ${fontFamily};\n font-size: ${fontSize}px;\n line-height: ${lineHeight}px;\n ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n\n \n background-color: ${background};\n color: ${colors[valueColorName.inactive]};\n \n &::placeholder {\n color: ${colors[labelColorName.inactive]};\n font-family: ${fontFamily};\n font-size: ${fontSize}px;\n line-height: ${lineHeight}px;\n ${typeof letterSpacing === 'number' ? `letter-spacing: ${letterSpacing}px;` : ''}\n }\n\n &:hover, &:focus {\n color: ${colors[valueColorName.active]};\n }\n\n &:read-only {\n cursor: pointer;\n }\n \n &:disabled {\n color: ${colors[valueColorName.disabled]};\n cursor: not-allowed;\n\n &::placeholder {\n color: ${colors[labelColorName.disabled]};\n }\n }\n \n &:hover:not([disabled, focused])::placeholder {\n color: ${colors[labelColorName.active]};\n }\n\n &:focus::placeholder {\n color: transparent;\n }\n\n &::-webkit-outer-spin-button,\n &::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n }\n &[type=\"date\"]:not(:placeholder-shown){\n color: ${colors.BLACK_T_60};\n text-transform: uppercase;\n }\n /* Autofill styles - Fixed and consolidated */\n &::-webkit-autofill,\n &::-webkit-autofill:hover,\n &::-webkit-autofill:focus,\n &::-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 1000px ${background} inset !important;\n -webkit-text-fill-color: ${colors[valueColorName.inactive]} !important;\n transition: background-color 5000s ease-in-out 0s !important;\n }\n\n /* Additional autofill override for Chrome's internal styles */\n &:-webkit-autofill {\n -webkit-box-shadow: 0 0 0 1000px ${background} inset !important;\n -webkit-text-fill-color: ${colors[valueColorName.inactive]} !important;\n background-color: ${background} !important;\n }\n\n /* Override Chrome's internal autofill selected state */\n &:-internal-autofill-selected {\n background-color: ${background} !important;\n background-image: none !important;\n color: ${colors[valueColorName.inactive]} !important;\n }\n `;\n});\n\nexport { Input };\n"],"names":["Input","styled","theme","$size","$renderAs","$isTransparent","colors","input","text","valueColorName","labelColorName","backgroundColorName","inputTextVariant","fontFamily","fontSize","lineHeight","letterSpacing","background"],"mappings":";AAWM,MAAAA,IAAQC,EAAO,MAAmB,CAAC,EAAE,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,gBAAAC,QAAqB;AACvF,QAAM,EAAE,QAAAC,GAAQ,OAAAC,GAAO,MAAAC,EAAA,IAASN,GAC1B,EAAE,gBAAAO,GAAgB,gBAAAC,GAAgB,qBAAAC,EAAwB,IAAAJ,EAAM,SAASH,CAAS,GAClF,EAAE,kBAAAQ,EAAqB,IAAAL,EAAM,MAAMJ,CAAK,GACxC,EAAE,YAAAU,GAAY,UAAAC,GAAU,YAAAC,GAAY,eAAAC,MAAkBR,EAAKI,CAAgB,GAC3EK,IAAaZ,IAAiB,gBAAgBC,EAAOK,KAAuB,OAAO;AAElF,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAQUE,CAAU;AAAA,iBACZC,CAAQ;AAAA,mBACNC,CAAU;AAAA,MACvB,OAAOC,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA;AAAA;AAAA,wBAG5DC,CAAU;AAAA,aACrBX,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA,eAG7BH,EAAOI,EAAe,QAAQ,CAAC;AAAA,qBACzBG,CAAU;AAAA,mBACZC,CAAQ;AAAA,qBACNC,CAAU;AAAA,QACvB,OAAOC,KAAkB,WAAW,mBAAmBA,CAAa,QAAQ,EAAE;AAAA;AAAA;AAAA;AAAA,eAIvEV,EAAOG,EAAe,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAQ7BH,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA,iBAI7BH,EAAOI,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,eAKjCJ,EAAOI,EAAe,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAa7BJ,EAAO,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yCAQSW,CAAU;AAAA,iCAClBX,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,yCAMvBQ,CAAU;AAAA,iCAClBX,EAAOG,EAAe,QAAQ,CAAC;AAAA,0BACtCQ,CAAU;AAAA;AAAA;AAAA;AAAA;AAAA,0BAKVA,CAAU;AAAA;AAAA,eAErBX,EAAOG,EAAe,QAAQ,CAAC;AAAA;AAAA;AAG9C,CAAC;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cuemath/leap",
3
- "version": "3.1.10-j1",
3
+ "version": "3.1.10-j3",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist"