@krizaka/icons 0.9.0 → 0.9.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/dist/{glyph-PVLjTuor.d.ts → glyph-DMdOn9Rh.d.ts} +2 -1
- package/dist/glyphs.d.ts +4 -3
- package/dist/glyphs.js +1 -1
- package/dist/glyphs.js.map +1 -1
- package/dist/index.d.ts +4 -3
- package/dist/native.d.ts +3 -2
- package/package.json +9 -9
package/README.md
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
# @krizaka/icons
|
|
2
2
|
|
|
3
|
-
**The Krizaka signature icons.** 76 icons drawn for the Krizaka products — the vocabulary of
|
|
4
|
-
auctions, challenges, 24 h stories, payouts, the 90 % share) and of
|
|
3
|
+
**The Krizaka signature icons.** 76 icons drawn for the Krizaka products — the vocabulary of creators and audiences (tips, unlocks,
|
|
4
|
+
auctions, challenges, 24 h stories, payouts, the 90 % share) and of Sovkora (sovereign chat, agents, studio, packs,
|
|
5
5
|
automations, knowledge, local and self-hosted), meeting people (small batches, debriefs, introductions), listening (a moment, the thread, what you keep) plus the usual interface — in one drawing language. React
|
|
6
6
|
(tree-shakable, server-safe) and React Native (react-native-svg), the same names and drawings.
|
|
7
7
|
|
|
@@ -42,7 +42,7 @@ const { theme } = useTheme();
|
|
|
42
42
|
- **Grid 24**, live area 2–22, **stroke 1.5**, square caps and mitred joins (a pen line, Cahier — ADR-004); one weight across the set.
|
|
43
43
|
- **Cut corners.** Containers (cards, screens, wallet, server, calendar…) have 45° chamfers where other sets round
|
|
44
44
|
them: the angle of the Krizaka hexagon, which also shapes the creator, pack, credits, settings and info glyphs.
|
|
45
|
-
- **The node.** Every product icon has one filled dot — the core of the Krizaka
|
|
45
|
+
- **The node.** Every product icon has one filled dot — the core of the Krizaka and Sovkora marks — at its
|
|
46
46
|
meaningful point (the message's voice, the auction's hammer head, the story's open end, the payout's balance). It
|
|
47
47
|
takes the icon's colour, or the brand accent with `nodeColor`. Utility glyphs (arrows, chevrons, close, plus, check,
|
|
48
48
|
menu) stay bare, so the nodes stay meaningful.
|
|
@@ -12,4 +12,5 @@ declare const NODE_RADIUS = 1.6;
|
|
|
12
12
|
/** The default stroke, in grid units. */
|
|
13
13
|
declare const STROKE_WIDTH = 1.5;
|
|
14
14
|
|
|
15
|
-
export {
|
|
15
|
+
export { NODE_RADIUS as N, STROKE_WIDTH as S };
|
|
16
|
+
export type { Glyph as G };
|
package/dist/glyphs.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { G as Glyph } from './glyph-
|
|
2
|
-
export { N as NODE_RADIUS, S as STROKE_WIDTH } from './glyph-
|
|
1
|
+
import { G as Glyph } from './glyph-DMdOn9Rh.js';
|
|
2
|
+
export { N as NODE_RADIUS, S as STROKE_WIDTH } from './glyph-DMdOn9Rh.js';
|
|
3
3
|
|
|
4
4
|
/**
|
|
5
5
|
* The documentation of the set, as data (ui.krizaka.com/foundations/icons renders it with `glyphIndex`): the groups, the
|
|
@@ -686,4 +686,5 @@ declare const glyphIndex: {
|
|
|
686
686
|
};
|
|
687
687
|
};
|
|
688
688
|
|
|
689
|
-
export { Glyph,
|
|
689
|
+
export { Glyph, agent, ai, auction, automation, back, basketball, batch, billing, bolt, bookmark, calendar, chair, challenge, chat, check, chevronDown, chevronRight, clock, close, copy, creator, credits, crown, debrief, download, edit, espresso, external, eye, eyeOff, filter, flag, flame, follow, forward, globe, glyphIndex, goal, heart, hockey, home, iconGroups, iconGuidelines, image, info, intro, keep, knowledge, leaf, link, local, lock, logout, medal, menu, message, moment, moon, more, mountain, mute, notification, pack, paid, pause, payout, plant, play, plus, podium, search, server, settings, share90, shield, soccer, sound, star, stoop, story, story24h, studio, sun, theme, thread, tip, trash, trophy, unlock, upload, user, users, video, wallet, warning, wave, window };
|
|
690
|
+
export type { IconGroup };
|
package/dist/glyphs.js
CHANGED
|
@@ -103,7 +103,7 @@ var iconGroups = /* @__PURE__ */ Object.freeze([
|
|
|
103
103
|
{
|
|
104
104
|
id: "product",
|
|
105
105
|
title: "Product",
|
|
106
|
-
description: "The vocabulary of the products \u2014 creators and audiences
|
|
106
|
+
description: "The vocabulary of the products \u2014 creators and audiences, sovereign AI (Sovkora), meeting people (small batches, debriefs, introductions), listening (a moment, the thread, what you keep), money and trust. Every product icon carries a node, the core of the Krizaka marks, at its meaningful point."
|
|
107
107
|
},
|
|
108
108
|
{
|
|
109
109
|
id: "emblem",
|
package/dist/glyphs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/docs.ts"],"sourcesContent":["/**\n * The documentation of the set, as data (ui.krizaka.com/foundations/icons renders it with `glyphIndex`): the groups, the\n * sizes, the node, accessibility, and how to ask for a new icon. Written here, beside the drawings — never on the site.\n */\n\n/** A group of the set, in reading order. */\nexport interface IconGroup {\n readonly id: \"product\" | \"emblem\" | \"system\" | \"interface\";\n readonly title: string;\n readonly description: string;\n}\n\nexport const iconGroups: readonly IconGroup[] = /* @__PURE__ */ Object.freeze([\n {\n id: \"product\",\n title: \"Product\",\n description:\n \"The vocabulary of the products — creators and audiences
|
|
1
|
+
{"version":3,"sources":["../src/docs.ts"],"sourcesContent":["/**\n * The documentation of the set, as data (ui.krizaka.com/foundations/icons renders it with `glyphIndex`): the groups, the\n * sizes, the node, accessibility, and how to ask for a new icon. Written here, beside the drawings — never on the site.\n */\n\n/** A group of the set, in reading order. */\nexport interface IconGroup {\n readonly id: \"product\" | \"emblem\" | \"system\" | \"interface\";\n readonly title: string;\n readonly description: string;\n}\n\nexport const iconGroups: readonly IconGroup[] = /* @__PURE__ */ Object.freeze([\n {\n id: \"product\",\n title: \"Product\",\n description:\n \"The vocabulary of the products — creators and audiences, sovereign AI (Sovkora), meeting people (small batches, debriefs, introductions), listening (a moment, the thread, what you keep), money and trust. Every product icon carries a node, the core of the Krizaka marks, at its meaningful point.\",\n },\n {\n id: \"emblem\",\n title: \"Emblems\",\n description:\n \"Simple symbols to build marks, crests and badges from — a star, a bolt, a wave, a flame, a crown, a leaf, a mountain. They are shapes, never a logo of anyone; each carries a node like the product icons.\",\n },\n {\n id: \"system\",\n title: \"System\",\n description: \"The states and settings every app shares: theme, search, notifications, people, time, visibility, information.\",\n },\n {\n id: \"interface\",\n title: \"Interface\",\n description: \"Navigation and actions. Utility glyphs (arrows, chevrons, close, plus, check, menu) stay bare — no node — so the nodes keep their meaning.\",\n },\n]);\n\n/** The rules of use, by topic. */\nexport const iconGuidelines = /* @__PURE__ */ Object.freeze({\n grammar: [\n \"A 24-unit grid, live area 2–22, one pen stroke (1.5) with square caps and mitred joins — a line drawn with a nib, not a rounded marker (Cahier, ADR-004).\",\n \"Containers have cut corners — 45° chamfers, the angle of the Krizaka hexagon — where other sets round them.\",\n \"A node (a filled dot, r 1.6) on every product icon, none on utility glyphs. No currency sign, no logo inside an icon.\",\n ],\n sizes: [\n { size: 16, use: \"Dense tables, inline with 12–14 px text. Keep the default stroke: the icon thins with it.\" },\n { size: 20, use: \"Buttons, fields, menus — the interface default next to 14–16 px text.\" },\n { size: 24, use: \"The drawing size: navigation, tab bars, empty states.\" },\n { size: 32, use: \"Feature lists and cards. From 32 px, a 1.5 stroke keeps the weight of the text.\" },\n ],\n color: [\n \"An icon takes the colour of its text (`currentColor`): set the text role on the parent (`text-fg-secondary`), never a colour on the icon.\",\n \"`nodeColor=\\\"var(--kz-accent)\\\"` lights the node with the brand accent — once per view, on what matters (the active tab, the primary feature).\",\n \"React Native has no currentColor: pass `color` and `nodeColor` from the theme (`theme.textPrimary`, `theme.accent`).\",\n ],\n accessibility: [\n \"Decorative by default: `aria-hidden` and not focusable — the words next to the icon carry the meaning.\",\n \"Alone (an icon button, a status), give it a `title`: it becomes an image (`role=\\\"img\\\"`, `aria-label`, `<title>`). On a button, prefer the button's own `aria-label` and keep the icon decorative.\",\n \"Never meaning by the node colour alone: a state needs a word or a shape too.\",\n ],\n request: [\n \"Search the set first, by meaning: keywords cover synonyms (`gift` finds Tip, `escrow` finds Auction).\",\n \"Open an issue on krizaka/krizaka-ui with the title \\\"icons: <name>\\\": the concept, where it is used (product, screen), and the closest existing icon.\",\n \"The drawing is code (`scripts/glyphs.mjs`, helpers `cut`, `hex`, `arc`): a pull request that adds the glyph, its group and keywords is welcome — the grammar test checks it.\",\n \"A new icon is a minor release of @krizaka/icons; a redrawn icon too. Removing or renaming one is a major.\",\n ],\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,IAAM,aAAmD,uBAAO,OAAO;AAAA,EAC5E;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aACE;AAAA,EACJ;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,EACf;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,IACP,aAAa;AAAA,EACf;AACF,CAAC;AAGM,IAAM,iBAAiC,uBAAO,OAAO;AAAA,EAC1D,SAAS;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL,EAAE,MAAM,IAAI,KAAK,iGAA4F;AAAA,IAC7G,EAAE,MAAM,IAAI,KAAK,kFAAwE;AAAA,IACzF,EAAE,MAAM,IAAI,KAAK,wDAAwD;AAAA,IACzE,EAAE,MAAM,IAAI,KAAK,kFAAkF;AAAA,EACrG;AAAA,EACA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,eAAe;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF,CAAC;","names":[]}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
2
|
import { SVGProps } from 'react';
|
|
3
|
-
import { G as Glyph } from './glyph-
|
|
4
|
-
export { N as NODE_RADIUS, S as STROKE_WIDTH } from './glyph-
|
|
3
|
+
import { G as Glyph } from './glyph-DMdOn9Rh.js';
|
|
4
|
+
export { N as NODE_RADIUS, S as STROKE_WIDTH } from './glyph-DMdOn9Rh.js';
|
|
5
5
|
|
|
6
6
|
interface IconProps extends Omit<SVGProps<SVGSVGElement>, "ref" | "children"> {
|
|
7
7
|
/** Width and height (px or any CSS length). Default 24. */
|
|
@@ -206,4 +206,5 @@ declare const MuteIcon: react.ForwardRefExoticComponent<IconProps & react.RefAtt
|
|
|
206
206
|
/** flag report abuse moderation */
|
|
207
207
|
declare const FlagIcon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
|
|
208
208
|
|
|
209
|
-
export { AgentIcon, AiIcon, AuctionIcon, AutomationIcon, BackIcon, BasketballIcon, BatchIcon, BillingIcon, BoltIcon, BookmarkIcon, CalendarIcon, ChairIcon, ChallengeIcon, ChatIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, ClockIcon, CloseIcon, CopyIcon, CreatorIcon, CreditsIcon, CrownIcon, DebriefIcon, DownloadIcon, EditIcon, EspressoIcon, ExternalIcon, EyeIcon, EyeOffIcon, FilterIcon, FlagIcon, FlameIcon, FollowIcon, ForwardIcon, GlobeIcon, Glyph, GoalIcon, HeartIcon, HockeyIcon, HomeIcon,
|
|
209
|
+
export { AgentIcon, AiIcon, AuctionIcon, AutomationIcon, BackIcon, BasketballIcon, BatchIcon, BillingIcon, BoltIcon, BookmarkIcon, CalendarIcon, ChairIcon, ChallengeIcon, ChatIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, ClockIcon, CloseIcon, CopyIcon, CreatorIcon, CreditsIcon, CrownIcon, DebriefIcon, DownloadIcon, EditIcon, EspressoIcon, ExternalIcon, EyeIcon, EyeOffIcon, FilterIcon, FlagIcon, FlameIcon, FollowIcon, ForwardIcon, GlobeIcon, Glyph, GoalIcon, HeartIcon, HockeyIcon, HomeIcon, ImageIcon, InfoIcon, IntroIcon, KeepIcon, KnowledgeIcon, LeafIcon, LinkIcon, LocalIcon, LockIcon, LogoutIcon, MedalIcon, MenuIcon, MessageIcon, MomentIcon, MoonIcon, MoreIcon, MountainIcon, MuteIcon, NotificationIcon, PackIcon, PaidIcon, PauseIcon, PayoutIcon, PlantIcon, PlayIcon, PlusIcon, PodiumIcon, SearchIcon, ServerIcon, SettingsIcon, Share90Icon, ShieldIcon, SoccerIcon, SoundIcon, StarIcon, StoopIcon, Story24hIcon, StoryIcon, StudioIcon, SunIcon, ThemeIcon, ThreadIcon, TipIcon, TrashIcon, TrophyIcon, UnlockIcon, UploadIcon, UserIcon, UsersIcon, VideoIcon, WalletIcon, WarningIcon, WaveIcon, WindowIcon, createIcon };
|
|
210
|
+
export type { Icon, IconProps };
|
package/dist/native.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { Glyph } from './glyphs.js';
|
|
3
3
|
|
|
4
4
|
interface NativeIconProps {
|
|
5
5
|
/** Width and height, in points. Default 24. */
|
|
@@ -490,4 +490,5 @@ declare const FlagIcon: {
|
|
|
490
490
|
displayName: string;
|
|
491
491
|
};
|
|
492
492
|
|
|
493
|
-
export { AgentIcon, AiIcon, AuctionIcon, AutomationIcon, BackIcon, BasketballIcon, BatchIcon, BillingIcon, BoltIcon, BookmarkIcon, CalendarIcon, ChairIcon, ChallengeIcon, ChatIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, ClockIcon, CloseIcon, CopyIcon, CreatorIcon, CreditsIcon, CrownIcon, DebriefIcon, DownloadIcon, EditIcon, EspressoIcon, ExternalIcon, EyeIcon, EyeOffIcon, FilterIcon, FlagIcon, FlameIcon, FollowIcon, ForwardIcon, GlobeIcon, GoalIcon, HeartIcon, HockeyIcon, HomeIcon, ImageIcon, InfoIcon, IntroIcon, KeepIcon, KnowledgeIcon, LeafIcon, LinkIcon, LocalIcon, LockIcon, LogoutIcon, MedalIcon, MenuIcon, MessageIcon, MomentIcon, MoonIcon, MoreIcon, MountainIcon, MuteIcon,
|
|
493
|
+
export { AgentIcon, AiIcon, AuctionIcon, AutomationIcon, BackIcon, BasketballIcon, BatchIcon, BillingIcon, BoltIcon, BookmarkIcon, CalendarIcon, ChairIcon, ChallengeIcon, ChatIcon, CheckIcon, ChevronDownIcon, ChevronRightIcon, ClockIcon, CloseIcon, CopyIcon, CreatorIcon, CreditsIcon, CrownIcon, DebriefIcon, DownloadIcon, EditIcon, EspressoIcon, ExternalIcon, EyeIcon, EyeOffIcon, FilterIcon, FlagIcon, FlameIcon, FollowIcon, ForwardIcon, GlobeIcon, GoalIcon, HeartIcon, HockeyIcon, HomeIcon, ImageIcon, InfoIcon, IntroIcon, KeepIcon, KnowledgeIcon, LeafIcon, LinkIcon, LocalIcon, LockIcon, LogoutIcon, MedalIcon, MenuIcon, MessageIcon, MomentIcon, MoonIcon, MoreIcon, MountainIcon, MuteIcon, NotificationIcon, PackIcon, PaidIcon, PauseIcon, PayoutIcon, PlantIcon, PlayIcon, PlusIcon, PodiumIcon, SearchIcon, ServerIcon, SettingsIcon, Share90Icon, ShieldIcon, SoccerIcon, SoundIcon, StarIcon, StoopIcon, Story24hIcon, StoryIcon, StudioIcon, SunIcon, ThemeIcon, ThreadIcon, TipIcon, TrashIcon, TrophyIcon, UnlockIcon, UploadIcon, UserIcon, UsersIcon, VideoIcon, WalletIcon, WarningIcon, WaveIcon, WindowIcon, createNativeIcon };
|
|
494
|
+
export type { NativeIconProps };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@krizaka/icons",
|
|
3
|
-
"version": "0.9.
|
|
3
|
+
"version": "0.9.2",
|
|
4
4
|
"description": "The Krizaka signature icons: one drawing language (24 grid, cut corners, a node at the core) for every Krizaka product — React (tree-shakable, server-safe) and React Native (react-native-svg).",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"krizaka",
|
|
@@ -57,22 +57,22 @@
|
|
|
57
57
|
},
|
|
58
58
|
"devDependencies": {
|
|
59
59
|
"@arethetypeswrong/cli": "^0.18.5",
|
|
60
|
+
"@krizaka/config": "^0.9.1",
|
|
60
61
|
"@size-limit/preset-small-lib": "^14.2.0",
|
|
61
|
-
"@storybook/react-vite": "10.6.
|
|
62
|
+
"@storybook/react-vite": "10.6.3",
|
|
62
63
|
"@testing-library/react": "^16.3.0",
|
|
63
64
|
"@types/node": "^22.15.0",
|
|
64
65
|
"@types/react": "^19.2.0",
|
|
65
66
|
"eslint": "^9.39.0",
|
|
66
|
-
"happy-dom": "^
|
|
67
|
+
"happy-dom": "^21.0.4",
|
|
67
68
|
"publint": "^0.3.25",
|
|
68
|
-
"react": "^19.
|
|
69
|
-
"react-dom": "^19.
|
|
70
|
-
"react-native-svg": "
|
|
69
|
+
"react": "^19.3.1",
|
|
70
|
+
"react-dom": "^19.3.1",
|
|
71
|
+
"react-native-svg": "~15.15.4",
|
|
71
72
|
"size-limit": "^14.2.0",
|
|
72
|
-
"tsup": "^
|
|
73
|
+
"tsup": "^9.0.0",
|
|
73
74
|
"typescript": "^5.9.0",
|
|
74
|
-
"vitest": "^
|
|
75
|
-
"@krizaka/config": "0.5.0"
|
|
75
|
+
"vitest": "^5.0.5"
|
|
76
76
|
},
|
|
77
77
|
"engines": {
|
|
78
78
|
"node": ">=22"
|