@studiokico/react-native-stroke-text 0.1.1 → 0.1.2
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.
- package/README.md +3 -3
- package/lib/module/index.js +3 -1
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/src/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/index.tsx +3 -1
package/README.md
CHANGED
|
@@ -57,9 +57,9 @@ The following table outlines the props available for the `StrokeText` component:
|
|
|
57
57
|
```jsx
|
|
58
58
|
<StrokeText
|
|
59
59
|
text="Lorem ipsum"
|
|
60
|
-
width={150}
|
|
61
|
-
ellipsis={true}
|
|
62
|
-
numberOfLines={1}
|
|
60
|
+
width={150}
|
|
61
|
+
ellipsis={true}
|
|
62
|
+
numberOfLines={1}
|
|
63
63
|
fontSize={32}
|
|
64
64
|
color="#FFFFFF"
|
|
65
65
|
strokeColor="#000000"
|
package/lib/module/index.js
CHANGED
|
@@ -24,7 +24,7 @@ export const StrokeText = props => {
|
|
|
24
24
|
fontFamily: fontFamily,
|
|
25
25
|
textAlign: align || undefined,
|
|
26
26
|
width: width ? Number(width) : undefined,
|
|
27
|
-
|
|
27
|
+
padding: strokeWidth
|
|
28
28
|
};
|
|
29
29
|
return /*#__PURE__*/_jsxs(View, {
|
|
30
30
|
style: [styles.container, style],
|
|
@@ -32,6 +32,8 @@ export const StrokeText = props => {
|
|
|
32
32
|
style: [ghostTextStyle, styles.ghostText],
|
|
33
33
|
numberOfLines: numberOfLines,
|
|
34
34
|
ellipsizeMode: ellipsis ? 'tail' : undefined,
|
|
35
|
+
importantForAccessibility: "no-hide-descendants",
|
|
36
|
+
"aria-hidden": true,
|
|
35
37
|
children: text
|
|
36
38
|
}), /*#__PURE__*/_jsx(StrokeTextViewNativeComponent, {
|
|
37
39
|
style: styles.fill,
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","StyleSheet","Text","View","StrokeTextViewNativeComponent","jsx","_jsx","jsxs","_jsxs","StrokeText","props","style","text","fontSize","color","strokeColor","strokeWidth","fontFamily","align","numberOfLines","ellipsis","width","rest","ghostTextStyle","textAlign","undefined","Number","
|
|
1
|
+
{"version":3,"names":["React","StyleSheet","Text","View","StrokeTextViewNativeComponent","jsx","_jsx","jsxs","_jsxs","StrokeText","props","style","text","fontSize","color","strokeColor","strokeWidth","fontFamily","align","numberOfLines","ellipsis","width","rest","ghostTextStyle","textAlign","undefined","Number","padding","styles","container","children","ghostText","ellipsizeMode","importantForAccessibility","fill","create","alignItems","justifyContent","opacity","zIndex","includeFontPadding","textAlignVertical","position","left","right","top","bottom"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,UAAU,EACVC,IAAI,EACJC,IAAI,QAGC,cAAc;AACrB,OAAOC,6BAA6B,MAE7B,iCAAiC;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEzC,OAAO,MAAMC,UAAU,GAAIC,KAAkB,IAAwB;EACnE,MAAM;IACJC,KAAK;IACLC,IAAI;IACJC,QAAQ,GAAG,EAAE;IACbC,KAAK;IACLC,WAAW;IACXC,WAAW,GAAG,CAAC;IACfC,UAAU;IACVC,KAAK,GAAG,MAAM;IACdC,aAAa;IACbC,QAAQ;IACRC,KAAK;IACL,GAAGC;EACL,CAAC,GAAGZ,KAAK;EAET,MAAMa,cAAoC,GAAG;IAC3CV,QAAQ,EAAEA,QAAQ;IAClBI,UAAU,EAAEA,UAAU;IACtBO,SAAS,EAAEN,KAAK,IAAIO,SAAS;IAC7BJ,KAAK,EAAEA,KAAK,GAAGK,MAAM,CAACL,KAAK,CAAC,GAAGI,SAAS;IACxCE,OAAO,EAAEX;EACX,CAAC;EAED,oBACER,KAAA,CAACL,IAAI;IAACQ,KAAK,EAAE,CAACiB,MAAM,CAACC,SAAS,EAAElB,KAAK,CAAE;IAAAmB,QAAA,gBACrCxB,IAAA,CAACJ,IAAI;MACHS,KAAK,EAAE,CAACY,cAAc,EAAEK,MAAM,CAACG,SAAS,CAAE;MAC1CZ,aAAa,EAAEA,aAAc;MAC7Ba,aAAa,EAAEZ,QAAQ,GAAG,MAAM,GAAGK,SAAU;MAC7CQ,yBAAyB,EAAC,qBAAqB;MAC/C,eAAa,IAAK;MAAAH,QAAA,EAEjBlB;IAAI,CACD,CAAC,eAEPN,IAAA,CAACF,6BAA6B;MAC5BO,KAAK,EAAEiB,MAAM,CAACM,IAAK;MACnBtB,IAAI,EAAEA,IAAK;MACXC,QAAQ,EAAEA,QAAS;MACnBC,KAAK,EAAEA,KAAM;MACbC,WAAW,EAAEA,WAAY;MACzBC,WAAW,EAAEA,WAAY;MACzBC,UAAU,EAAEA,UAAW;MACvBC,KAAK,EAAEA,KAAM;MACbC,aAAa,EAAEA,aAAc;MAC7BC,QAAQ,EAAEA,QAAS;MACnBC,KAAK,EAAEA,KAAM;MAAA,GACTC;IAAI,CACT,CAAC;EAAA,CACE,CAAC;AAEX,CAAC;AAED,MAAMM,MAAM,GAAG3B,UAAU,CAACkC,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDN,SAAS,EAAE;IACTO,OAAO,EAAE,CAAC;IACVC,MAAM,EAAE,CAAC,CAAC;IACVC,kBAAkB,EAAE,KAAK;IACzBC,iBAAiB,EAAE;EACrB,CAAC;EACDP,IAAI,EAAE;IACJQ,QAAQ,EAAE,UAAU;IACpBC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,GAAG,EAAE,CAAC;IACNC,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAGF,eAAerC,UAAU","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAsC,EACpC,KAAK,WAAW,EACjB,MAAM,iCAAiC,CAAC;AAEzC,eAAO,MAAM,UAAU,GAAI,OAAO,WAAW,KAAG,KAAK,CAAC,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAsC,EACpC,KAAK,WAAW,EACjB,MAAM,iCAAiC,CAAC;AAEzC,eAAO,MAAM,UAAU,GAAI,OAAO,WAAW,KAAG,KAAK,CAAC,GAAG,CAAC,OAoDzD,CAAC;AAsBF,YAAY,EAAE,WAAW,EAAE,CAAC;AAC5B,eAAe,UAAU,CAAC"}
|
package/package.json
CHANGED
package/src/index.tsx
CHANGED
|
@@ -31,7 +31,7 @@ export const StrokeText = (props: NativeProps): React.JSX.Element => {
|
|
|
31
31
|
fontFamily: fontFamily,
|
|
32
32
|
textAlign: align || undefined,
|
|
33
33
|
width: width ? Number(width) : undefined,
|
|
34
|
-
|
|
34
|
+
padding: strokeWidth,
|
|
35
35
|
};
|
|
36
36
|
|
|
37
37
|
return (
|
|
@@ -40,6 +40,8 @@ export const StrokeText = (props: NativeProps): React.JSX.Element => {
|
|
|
40
40
|
style={[ghostTextStyle, styles.ghostText]}
|
|
41
41
|
numberOfLines={numberOfLines}
|
|
42
42
|
ellipsizeMode={ellipsis ? 'tail' : undefined}
|
|
43
|
+
importantForAccessibility="no-hide-descendants"
|
|
44
|
+
aria-hidden={true}
|
|
43
45
|
>
|
|
44
46
|
{text}
|
|
45
47
|
</Text>
|