@snacky/ui 0.11.0 → 0.12.0

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/CHANGELOG.md CHANGED
@@ -4,6 +4,33 @@ How `@snacky/ui` got to its current state. The README documents what the
4
4
  package *is*; this documents how it got there, including the mistakes, so the
5
5
  verification claims in the README can be taken at face value.
6
6
 
7
+ ## The solid address icon (0.12.0)
8
+
9
+ `SnackyIcons.solid.address` is new: the filled map marker, added to Figma's
10
+ `Icon-solid` set as `general/pin` (UIcons `fi-sr-marker`), 16x16, with its fill
11
+ bound to `icon/icon-brand`. The solid set is 13 icons now.
12
+
13
+ It ships as `address` rather than `pin` because a solid icon here takes the name
14
+ of its outline twin, and this is the same marker shape as the existing
15
+ `SnackyIcons.outline.address`. That is the rule the rest of the set already
16
+ follows (Figma's `riwayat` is `history`, `Fav` is `heart`), and it means an
17
+ active/inactive pair is always `outline.x` and `solid.x` with no lookup table.
18
+ It is 16px where its outline twin is 24; `heart` has the same kind of mismatch
19
+ (20 solid, 24 outline), and each icon still defaults to its own authored size.
20
+
21
+ compose-ui ships the same icon as `SnackyIcons.Solid.Address` in
22
+ `compose-v2.2.0`, plus one helper it was missing:
23
+ `SnackyTypographyToken.toTextStyle(color, fontFamily)`. compose-ui's type tokens
24
+ are raw values rather than `TextStyle`s (the package ships no font), and nothing
25
+ turned one into the other, so every component built the style by hand and 58 of
26
+ the docs site's Kotlin samples could not compile: 24 called a `toTextStyle()`
27
+ that did not exist, and the rest used flat names like
28
+ `SnackyTypography.smallRegular` that never did either. Those samples now use
29
+ `SnackyTypography.Small.regular.toTextStyle()`. The React samples had the same
30
+ flat-name problem (`typography.smallRegular`, 43 places) against an export that
31
+ is nested (`typography.small.regular`), and are fixed the same way. Additive on
32
+ both sides.
33
+
7
34
  ## PageIndicator, and a semantic role for indicator dots (0.11.0)
8
35
 
9
36
  `PageIndicator` is the dot row under a carousel: 8x8 dots, a 28x8 pill for the
package/README.md CHANGED
@@ -134,7 +134,7 @@ Callout, List (OrderListItem/NotificationListItem), Accordion, BottomSheet
134
134
  Illustration, ProductImage, ProductCard.
135
135
 
136
136
  Plus the icon set, as `SnackyIcons.outline.*` and `SnackyIcons.solid.*` (42
137
- Outline, 12 Solid). Two things to know: they are **filled** shapes rather than
137
+ Outline, 13 Solid). Two things to know: they are **filled** shapes rather than
138
138
  stroked paths, so there is no `strokeWidth` to set, and the set is **not
139
139
  uniform** - each icon is authored at 16, 20 or 24px and defaults to its own
140
140
  natural size, so pass `width`/`height` if you need them to match.
package/dist/index.cjs CHANGED
@@ -705,6 +705,7 @@ function TabRow({ tabs, selected, onSelect, className }) {
705
705
  var solid_exports = {};
706
706
  __export(solid_exports, {
707
707
  account: () => account2,
708
+ address: () => address2,
708
709
  angleSmallRight: () => angleSmallRight,
709
710
  balance: () => balance2,
710
711
  bell: () => bell2,
@@ -736,6 +737,9 @@ var account2 = icon2(20, [
736
737
  ["M10 10C12.7614 10 15 7.76142 15 5C15 2.23858 12.7614 0 10 0C7.23858 0 5 2.23858 5 5C5 7.76142 7.23858 10 10 10Z", "nonzero"],
737
738
  ["M10 11.6659C5.85977 11.6705 2.50461 15.0257 2.5 19.1659C2.5 19.6261 2.87309 19.9992 3.33332 19.9992H16.6666C17.1269 19.9992 17.5 19.6261 17.5 19.1659C17.4954 15.0257 14.1402 11.6705 10 11.6659Z", "nonzero"]
738
739
  ]);
740
+ var address2 = icon2(16, [
741
+ ["M8.00001 0.0283203C6.23597 0.030261 4.54473 0.731837 3.2973 1.97914C2.04987 3.22644 1.34813 4.91762 1.34601 6.68165C1.34601 8.39499 2.67268 11.0763 5.28934 14.651C5.60085 15.0777 6.00871 15.4249 6.47974 15.6643C6.95077 15.9036 7.47166 16.0283 8.00001 16.0283C8.52836 16.0283 9.04924 15.9036 9.52027 15.6643C9.9913 15.4249 10.3992 15.0777 10.7107 14.651C13.3273 11.0763 14.654 8.39499 14.654 6.68165C14.6519 4.91762 13.9501 3.22644 12.7027 1.97914C11.4553 0.731837 9.76405 0.030261 8.00001 0.0283203V0.0283203ZM8.00001 9.33365C7.47259 9.33365 6.95702 9.17726 6.51849 8.88424C6.07996 8.59122 5.73816 8.17475 5.53633 7.68748C5.3345 7.20021 5.28169 6.66403 5.38458 6.14675C5.48747 5.62946 5.74145 5.15431 6.11439 4.78137C6.48733 4.40843 6.96248 4.15445 7.47977 4.05156C7.99705 3.94867 8.53323 4.00148 9.0205 4.20331C9.50777 4.40514 9.92424 4.74694 10.2173 5.18547C10.5103 5.624 10.6667 6.13957 10.6667 6.66699C10.6667 7.37423 10.3857 8.05251 9.88563 8.55261C9.38553 9.0527 8.70725 9.33365 8.00001 9.33365Z", "nonzero"]
742
+ ]);
739
743
  var angleSmallRight = icon2(24, [
740
744
  ["M15.75 9.525L11.164 4.939C10.8827 4.65774 10.5011 4.49978 10.1032 4.49988C9.70534 4.49997 9.32381 4.65811 9.04255 4.9395C8.76129 5.2209 8.60333 5.6025 8.60342 6.00036C8.60352 6.39822 8.76166 6.77974 9.04305 7.061L13.629 11.646C13.6756 11.6925 13.7125 11.7476 13.7378 11.8084C13.763 11.8691 13.7759 11.9342 13.7759 12C13.7759 12.0658 13.763 12.1309 13.7378 12.1916C13.7125 12.2524 13.6756 12.3076 13.629 12.354L9.04305 16.939C8.76166 17.2203 8.60352 17.6018 8.60342 17.9997C8.60333 18.3975 8.76129 18.7791 9.04255 19.0605C9.32381 19.3419 9.70534 19.5 10.1032 19.5001C10.5011 19.5002 10.8827 19.3423 11.164 19.061L15.75 14.475C16.4053 13.818 16.7732 12.9279 16.7732 12C16.7732 11.0721 16.4053 10.182 15.75 9.525Z", "nonzero"]
741
745
  ]);