@tempoxyz/ds 0.0.2 → 0.0.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.
- package/dist/mobile/components/Button.d.ts +0 -1
- package/dist/mobile/components/Button.d.ts.map +1 -1
- package/dist/mobile/components/Button.js +0 -1
- package/dist/mobile/components/Button.js.map +1 -1
- package/package.json +1 -1
- package/src/mobile/README.md +1 -0
- package/src/mobile/components/Button.tsx +0 -1
|
@@ -21,7 +21,6 @@ export declare namespace styles {
|
|
|
21
21
|
const button: zyzz.variants.ReturnType<{
|
|
22
22
|
readonly base: {
|
|
23
23
|
readonly alignItems: "center";
|
|
24
|
-
readonly alignSelf: "flex-start";
|
|
25
24
|
readonly borderRadius: "full";
|
|
26
25
|
readonly flexDirection: "row";
|
|
27
26
|
readonly justifyContent: "center";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/mobile/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,KAAK,qBAAqB,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AACnF,OAAO,EAAE,SAAS,EAAc,KAAK,UAAU,EAAE,MAAM,cAAc,CAAA;AACrE,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAMjC,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,+BA+CzC;AAED,yBAAiB,MAAM,CAAC;IACtB,KAAK,IAAI,GAAG,YAAY,CAAC;QAAE,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;KAAE,CAAC,CAAA;IAE5D,MAAM,MAAM,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,UAAU,CAAC,GAC3E,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG;QACzD,QAAQ,EAAE,MAAM,CAAA;QAChB,uFAAuF;QACvF,WAAW,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;QAC9B,iGAAiG;QACjG,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;QAC7B,uFAAuF;QACvF,YAAY,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;KAChC,CAAA;;CACJ;AAED,yBAAiB,MAAM,CAAC;IACf,MAAM,MAAM
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/mobile/components/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAgB,KAAK,qBAAqB,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AACnF,OAAO,EAAE,SAAS,EAAc,KAAK,UAAU,EAAE,MAAM,cAAc,CAAA;AACrE,OAAO,KAAK,KAAK,IAAI,MAAM,MAAM,CAAA;AAMjC,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,+BA+CzC;AAED,yBAAiB,MAAM,CAAC;IACtB,KAAK,IAAI,GAAG,YAAY,CAAC;QAAE,KAAK,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;KAAE,CAAC,CAAA;IAE5D,MAAM,MAAM,KAAK,GAAG,IAAI,CAAC,qBAAqB,CAAC,OAAO,SAAS,CAAC,EAAE,UAAU,CAAC,GAC3E,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,MAAM,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,GAAG;QACzD,QAAQ,EAAE,MAAM,CAAA;QAChB,uFAAuF;QACvF,WAAW,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;QAC9B,iGAAiG;QACjG,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;QAC7B,uFAAuF;QACvF,YAAY,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;KAChC,CAAA;;CACJ;AAED,yBAAiB,MAAM,CAAC;IACf,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA2ClB,CAAA;IAEM,MAAM,OAAO;;;;;;;;;;;;;;eAMnB,CAAA;IAEM,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA6BjB,CAAA;IAEM,MAAM,OAAO,gCAWnB,CAAA;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/mobile/components/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,OAAO,MAAM,cAAc,CAAA;AACvC,OAAO,EAAE,YAAY,EAAiD,MAAM,OAAO,CAAA;AACnF,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAA;AAErE,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AAEtC,MAAM,UAAU,MAAM,CAAC,KAAmB;IACxC,MAAM,EACJ,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,OAAO,EACP,KAAK,EACL,YAAY,EACZ,OAAO,EACP,GAAG,cAAc,EAClB,GAAG,KAAK,CAAA;IACT,MAAM,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,CAAC,CAAA;IAE1E,OAAO,CACL,MAAC,SAAS,IACR,iBAAiB,EAAC,QAAQ,eACf,OAAO,KACd,cAAc,EAClB,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,KAAK,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAA;YAC3D,KAAK,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAA;QACxB,CAAC,EACD,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC;YAChB,MAAM,CAAC,MAAM,CAAC;gBACZ,UAAU;gBACV,KAAK;gBACL,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;gBACpE,OAAO;aACR,CAAC,CAAC,KAAK;YACR,OAAO,KAAK,CAAC,KAAK,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK;SACrE,aAGD,MAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,aAC7D,WAAW,IAAI,YAAY,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,CAAC,EACpD,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,YAAG,QAAQ,GAAQ,EACjF,YAAY,IAAI,YAAY,CAAC,YAAY,EAAE,EAAE,KAAK,EAAE,CAAC,IACjD,EACN,OAAO,IAAI,CACV,KAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC,KAAK,YACjC,KAAC,OAAO,IAAC,2BAA2B,QAAC,KAAK,EAAE,KAAK,EAAE,yBAAyB,EAAC,IAAI,GAAG,GAC/E,CACR,IACS,CACb,CAAA;AACH,CAAC;AAiBD,MAAM,KAAW,MAAM,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/mobile/components/Button.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/mobile/README.md
CHANGED
|
@@ -96,6 +96,7 @@ Components also accept the props and `ref` of the React Native element they rend
|
|
|
96
96
|
## Behavior
|
|
97
97
|
|
|
98
98
|
- Figma defines no pressed or disabled Button, IconButton, or TextButton. Pressed controls render at 65% opacity, and disabled controls render at 50%.
|
|
99
|
+
- Button follows its parent's alignment, so it fills a column and centers in a centered container. Set `alignSelf: 'flex-start'` to fit the label instead.
|
|
99
100
|
- Button's `leadingIcon` and `trailingIcon` match Figma's icon toggles and take the label color. `loading` shows a spinner over the hidden content, keeps the button's size, and blocks presses.
|
|
100
101
|
- Button, IconButton, and TextButton play a light impact haptic when pressed. Toggle plays a selection haptic when its value changes.
|
|
101
102
|
- Toggle draws Figma's 44 by 28 point track with `Pressable` and the `switch` role, since the native switch has a fixed size.
|