@oneonefour/rkui 0.0.0-stage → 0.0.3

package/src/icons/icon-set.js

@@ -0,0 +1,715 @@
+// The icon set: which Phosphor icons ship, each icon's default fill and which are globes.
+// This is design data; build/icons.js turns it into dist/icons/.
+
+export const PHOSPHOR_ICONS = [
+  'house',
+  'pen-nib',
+  'flask',
+  'rocket',
+  'camera',
+  'identification-card',
+  'cloud',
+  'cloud-rain',
+  'cloud-lightning',
+  'wind',
+  'thermometer',
+  'thermometer-cold',
+  'thermometer-hot',
+  'globe-hemisphere-west',
+  'globe-hemisphere-east',
+  'wave-sine',
+  'chart-line',
+  'code',
+  'map-pin',
+  'play',
+  'pause',
+  'arrow-counter-clockwise',
+  'download-simple',
+  'arrow-square-out',
+  'list',
+  'x',
+  'caret-right',
+  'caret-down',
+  'magnifying-glass',
+  'funnel',
+  'copy',
+  'sun',
+  'moon',
+  'circle-half',
+  'info',
+  'warning',
+  'envelope-simple',
+  'rss',
+  'calendar-blank',
+  'clock',
+  'upload-simple',
+  'plus',
+  'minus',
+  'caret-up',
+  'paint-brush',
+  'palette',
+  'drop',
+  'arrow-left',
+  'arrow-right',
+  'caret-left',
+  'check',
+  'link',
+  'tag',
+  'book-open-text',
+  'graduation-cap',
+  'file-pdf',
+  'presentation-chart',
+  'quotes',
+  'lightbulb',
+  'image',
+  'images',
+  'atom',
+  'stop',
+  'shuffle',
+  'sliders-horizontal',
+  'arrows-out',
+  'circle-notch',
+  'magnifying-glass-plus',
+  'magnifying-glass-minus',
+  'aperture',
+  'map-trifold',
+  'arrow-up',
+  'list-bullets',
+  'users',
+  'file-text',
+  'newspaper-clipping',
+  'database',
+  'briefcase',
+  'buildings',
+  'check-circle',
+  'x-circle',
+  'question',
+  'snowflake',
+  'cloud-snow',
+  'waves',
+  'mountains',
+  'leaf',
+  'tree-evergreen',
+  'fire',
+  'tornado',
+  'hurricane',
+  'gauge',
+  'compass',
+  'cpu',
+  'chart-scatter',
+  'chart-bar',
+  'function',
+  'sigma',
+  'planet',
+  'eye',
+  'eye-slash',
+  'keyboard',
+  'person-simple-circle',
+  'closed-captioning',
+  'translate',
+  'share-network',
+  'speaker-high',
+  'speaker-slash',
+  'video',
+  'printer',
+  'trophy',
+  'seal-check',
+  'brain',
+  'robot',
+  'chalkboard-teacher',
+  'hand-waving',
+  // Weather, climate and the natural world
+  'cloud-sun',
+  'cloud-moon',
+  'cloud-fog',
+  'cloud-warning',
+  'sun-dim',
+  'sun-horizon',
+  'rainbow',
+  'rainbow-cloud',
+  'drop-simple',
+  'drop-half',
+  'drop-half-bottom',
+  'drop-slash',
+  'umbrella',
+  'umbrella-simple',
+  'thermometer-simple',
+  'lightning',
+  'lightning-slash',
+  'flame',
+  'fire-simple',
+  'moon-stars',
+  'star',
+  'star-four',
+  'shooting-star',
+  'meteor',
+  'globe',
+  'globe-simple',
+  'globe-stand',
+  'compass-rose',
+  'island',
+  'footprints',
+  'tree',
+  'tree-palm',
+  'plant',
+  'potted-plant',
+  'flower',
+  'flower-lotus',
+  'flower-tulip',
+  'acorn',
+  'cactus',
+  'clover',
+  'grains',
+  'grains-slash',
+  'recycle',
+  'fish',
+  'fish-simple',
+  'bird',
+  'butterfly',
+  'cow',
+  'farm',
+  'barn',
+  'solar-panel',
+  'solar-roof',
+  'windmill',
+  'nuclear-plant',
+  'radioactive',
+  'biohazard',
+  'battery-charging',
+  'plug',
+  'plug-charging',
+  'face-mask',
+  'binoculars',
+  'shovel',
+  // Science and maths
+  'test-tube',
+  'microscope',
+  'dna',
+  'virus',
+  'magnet',
+  'magnet-straight',
+  'wave-square',
+  'wave-triangle',
+  'wave-sawtooth',
+  'waveform',
+  'pulse',
+  'chart-line-up',
+  'chart-line-down',
+  'chart-bar-horizontal',
+  'chart-polar',
+  'chart-donut',
+  'chart-pie',
+  'chart-pie-slice',
+  'trend-up',
+  'trend-down',
+  'gradient',
+  'pi',
+  'infinity',
+  'math-operations',
+  'equals',
+  'not-equals',
+  'approximate-equals',
+  'plus-minus',
+  'divide',
+  'percent',
+  'radical',
+  'greater-than',
+  'greater-than-or-equal',
+  'less-than',
+  'less-than-or-equal',
+  'member-of',
+  'not-member-of',
+  'subset-of',
+  'subset-proper-of',
+  'not-subset-of',
+  'superset-of',
+  'superset-proper-of',
+  'not-superset-of',
+  'union',
+  'intersection',
+  'intersect-three',
+  'vector-two',
+  'vector-three',
+  'graph',
+  'bezier-curve',
+  'line-segment',
+  'line-segments',
+  'angle',
+  'compass-tool',
+  'sphere',
+  'cube',
+  'cube-transparent',
+  'cube-focus',
+  'cylinder',
+  'grid-four',
+  'grid-nine',
+  'dice-five',
+  'calculator',
+  'ruler',
+  'scales',
+  'notebook',
+  'blueprint',
+  // Programming, computing and AI
+  'terminal',
+  'terminal-window',
+  'code-block',
+  'code-simple',
+  'brackets-curly',
+  'brackets-square',
+  'brackets-round',
+  'brackets-angle',
+  'file-code',
+  'file-py',
+  'file-c',
+  'file-cpp',
+  'file-c-sharp',
+  'file-rs',
+  'file-js',
+  'file-ts',
+  'file-jsx',
+  'file-tsx',
+  'file-vue',
+  'file-html',
+  'file-css',
+  'file-svg',
+  'file-sql',
+  'file-ini',
+  'file-md',
+  'file-txt',
+  'file-csv',
+  'file-xls',
+  'file-image',
+  'file-zip',
+  'file-archive',
+  'file-cloud',
+  'file-arrow-down',
+  'git-branch',
+  'git-commit',
+  'git-merge',
+  'git-pull-request',
+  'git-diff',
+  'git-fork',
+  'bug',
+  'bug-beetle',
+  'cloud-arrow-up',
+  'cloud-arrow-down',
+  'cloud-check',
+  'cloud-slash',
+  'cloud-x',
+  'hard-drive',
+  'hard-drives',
+  'circuitry',
+  'memory',
+  'graphics-card',
+  'binary',
+  'head-circuit',
+  'sparkle',
+  'magic-wand',
+  'bounding-box',
+  'network',
+  'flow-arrow',
+  'tree-structure',
+  'tree-view',
+  'stack',
+  'stack-simple',
+  'package',
+  'puzzle-piece',
+  'table',
+  'rows',
+  'columns',
+  'kanban',
+  'browser',
+  'app-window',
+  'command',
+  'laptop',
+  'desktop',
+  'desktop-tower',
+  'computer-tower',
+  'monitor',
+  'gear',
+  'gear-six',
+  'gear-fine',
+  'wrench',
+  'screwdriver',
+  'hammer',
+  'toolbox',
+  // Transport and getting around
+  'car',
+  'car-simple',
+  'car-profile',
+  'car-battery',
+  'taxi',
+  'jeep',
+  'van',
+  'truck',
+  'truck-trailer',
+  'bus',
+  'train',
+  'train-simple',
+  'train-regional',
+  'tram',
+  'subway',
+  'cable-car',
+  'bicycle',
+  'person-simple-bike',
+  'person-simple-walk',
+  'person-simple-hike',
+  'motorcycle',
+  'scooter',
+  'moped',
+  'moped-front',
+  'ambulance',
+  'fire-truck',
+  'police-car',
+  'tractor',
+  'bulldozer',
+  'airplane',
+  'airplane-tilt',
+  'airplane-in-flight',
+  'airplane-takeoff',
+  'airplane-landing',
+  'airplane-taxiing',
+  'air-traffic-control',
+  'drone',
+  'rocket-launch',
+  'boat',
+  'sailboat',
+  'anchor',
+  'anchor-simple',
+  'shipping-container',
+  'gas-pump',
+  'gas-can',
+  'charging-station',
+  'steering-wheel',
+  'speedometer',
+  'engine',
+  'tire',
+  'traffic-signal',
+  'traffic-sign',
+  'traffic-cone',
+  'road-horizon',
+  'path',
+  'signpost',
+  'navigation-arrow',
+  'gps',
+  'gps-fix',
+  'map-pin-simple',
+  'map-pin-line',
+  'map-pin-simple-line',
+  'map-pin-area',
+  'map-pin-simple-area',
+  // Buildings and the city
+  'building',
+  'building-apartment',
+  'building-office',
+  'city',
+  'house-simple',
+  'house-line',
+  'factory',
+  'warehouse',
+  'garage',
+  'storefront',
+  'hospital',
+  'bank',
+  'bridge',
+  'lighthouse',
+  'park',
+  'picnic-table',
+  'tent',
+  'campfire',
+  'barricade',
+  'crane',
+  'crane-tower',
+  'hard-hat',
+  'cell-tower',
+]
+
+// Hand-adapted icons in Phosphor's raw duotone format, read from sources/.
+export const LOCAL_ICONS = ['satellite']
+
+// Each icon's fill when nothing sets --rkui-icon-fill, as a token name. Unlisted icons (interface
+// icons such as copy, x and the carets, and maths symbols that are basically a glyph, where a
+// coloured fill makes them hard to read) use the neutral wash, --rkui-icon-fill-neutral.
+export const DEFAULT_FILLS = {
+  house: 'sky',
+  'pen-nib': 'coral',
+  flask: 'sky',
+  rocket: 'teal',
+  camera: 'yellow',
+  'identification-card': 'green',
+  cloud: 'sky',
+  'cloud-rain': 'sky',
+  'cloud-lightning': 'yellow',
+  wind: 'teal',
+  thermometer: 'coral',
+  'thermometer-cold': 'sky',
+  'thermometer-hot': 'coral',
+  'globe-hemisphere-west': 'green',
+  'globe-hemisphere-east': 'green',
+  'wave-sine': 'teal',
+  'chart-line': 'apricot',
+  'map-pin': 'tangerine',
+  satellite: 'lilac',
+  play: 'green',
+  pause: 'yellow',
+  'download-simple': 'green',
+  'arrow-square-out': 'lilac',
+  sun: 'yellow',
+  moon: 'lilac',
+  info: 'sky',
+  warning: 'tangerine',
+  'envelope-simple': 'apricot',
+  rss: 'tangerine',
+  'calendar-blank': 'coral',
+  'paint-brush': 'coral',
+  palette: 'apricot',
+  drop: 'sky',
+  check: 'green',
+  tag: 'apricot',
+  'book-open-text': 'sky',
+  'graduation-cap': 'navy',
+  'file-pdf': 'coral',
+  'presentation-chart': 'apricot',
+  quotes: 'coral',
+  lightbulb: 'yellow',
+  image: 'sky',
+  images: 'yellow',
+  atom: 'teal',
+  stop: 'coral',
+  aperture: 'yellow',
+  'map-trifold': 'green',
+  users: 'apricot',
+  'file-text': 'sky',
+  'newspaper-clipping': 'yellow',
+  briefcase: 'tangerine',
+  buildings: 'lilac',
+  'check-circle': 'green',
+  'x-circle': 'coral',
+  question: 'sky',
+  snowflake: 'sky',
+  'cloud-snow': 'sky',
+  tornado: 'teal',
+  hurricane: 'teal',
+  waves: 'teal',
+  mountains: 'green',
+  leaf: 'green',
+  'tree-evergreen': 'green',
+  fire: 'tangerine',
+  gauge: 'yellow',
+  compass: 'tangerine',
+  cpu: 'grape',
+  'chart-scatter': 'apricot',
+  'chart-bar': 'apricot',
+  planet: 'lilac',
+  trophy: 'yellow',
+  'seal-check': 'green',
+  brain: 'coral',
+  robot: 'teal',
+  'chalkboard-teacher': 'green',
+  'hand-waving': 'yellow',
+  // Weather, climate and the natural world
+  'cloud-sun': 'yellow',
+  'cloud-moon': 'lilac',
+  'cloud-fog': 'sky',
+  'cloud-warning': 'tangerine',
+  'sun-dim': 'yellow',
+  'sun-horizon': 'yellow',
+  rainbow: 'yellow',
+  'rainbow-cloud': 'sky',
+  'drop-simple': 'sky',
+  'drop-half': 'sky',
+  'drop-half-bottom': 'sky',
+  'drop-slash': 'sky',
+  umbrella: 'sky',
+  'umbrella-simple': 'sky',
+  'thermometer-simple': 'coral',
+  lightning: 'yellow',
+  'lightning-slash': 'yellow',
+  flame: 'tangerine',
+  'fire-simple': 'tangerine',
+  'moon-stars': 'lilac',
+  star: 'yellow',
+  'star-four': 'yellow',
+  'shooting-star': 'lilac',
+  meteor: 'lilac',
+  globe: 'sky',
+  'globe-simple': 'sky',
+  'globe-stand': 'sky',
+  'compass-rose': 'tangerine',
+  island: 'green',
+  footprints: 'green',
+  tree: 'green',
+  'tree-palm': 'green',
+  plant: 'green',
+  'potted-plant': 'green',
+  flower: 'green',
+  'flower-lotus': 'green',
+  'flower-tulip': 'green',
+  acorn: 'green',
+  cactus: 'green',
+  clover: 'green',
+  grains: 'yellow',
+  'grains-slash': 'yellow',
+  recycle: 'green',
+  fish: 'sky',
+  'fish-simple': 'sky',
+  bird: 'sky',
+  butterfly: 'green',
+  farm: 'green',
+  barn: 'coral',
+  'solar-panel': 'yellow',
+  'solar-roof': 'yellow',
+  windmill: 'teal',
+  'nuclear-plant': 'yellow',
+  radioactive: 'yellow',
+  biohazard: 'tangerine',
+  'battery-charging': 'yellow',
+  plug: 'yellow',
+  'plug-charging': 'yellow',
+  // Science and maths
+  'test-tube': 'sky',
+  microscope: 'teal',
+  dna: 'coral',
+  virus: 'green',
+  magnet: 'coral',
+  'magnet-straight': 'coral',
+  'wave-square': 'teal',
+  'wave-triangle': 'teal',
+  'wave-sawtooth': 'teal',
+  waveform: 'teal',
+  pulse: 'teal',
+  'chart-line-up': 'apricot',
+  'chart-line-down': 'apricot',
+  'chart-bar-horizontal': 'apricot',
+  'chart-polar': 'apricot',
+  'chart-donut': 'apricot',
+  'chart-pie': 'apricot',
+  'chart-pie-slice': 'apricot',
+  'trend-up': 'apricot',
+  'trend-down': 'apricot',
+  gradient: 'apricot',
+  'intersect-three': 'grape',
+  'vector-two': 'grape',
+  'vector-three': 'grape',
+  graph: 'grape',
+  'bezier-curve': 'grape',
+  'line-segment': 'grape',
+  'line-segments': 'grape',
+  angle: 'grape',
+  'compass-tool': 'grape',
+  sphere: 'grape',
+  cube: 'grape',
+  'cube-transparent': 'grape',
+  'cube-focus': 'grape',
+  cylinder: 'grape',
+  'grid-four': 'grape',
+  'grid-nine': 'grape',
+  'dice-five': 'grape',
+  calculator: 'grape',
+  notebook: 'sky',
+  blueprint: 'sky',
+  // Programming, computing and AI
+  'file-md': 'sky',
+  'file-txt': 'sky',
+  'file-csv': 'green',
+  'file-xls': 'green',
+  'file-image': 'sky',
+  'file-cloud': 'sky',
+  'file-arrow-down': 'green',
+  bug: 'coral',
+  'bug-beetle': 'coral',
+  'cloud-arrow-up': 'sky',
+  'cloud-arrow-down': 'sky',
+  'cloud-check': 'sky',
+  'cloud-slash': 'sky',
+  'cloud-x': 'sky',
+  circuitry: 'grape',
+  memory: 'grape',
+  'graphics-card': 'grape',
+  binary: 'grape',
+  'head-circuit': 'grape',
+  sparkle: 'grape',
+  'magic-wand': 'grape',
+  'bounding-box': 'grape',
+  // Transport and getting around
+  'car-battery': 'yellow',
+  taxi: 'yellow',
+  bus: 'yellow',
+  car: 'coral',
+  'car-simple': 'coral',
+  'car-profile': 'teal',
+  jeep: 'green',
+  van: 'sky',
+  truck: 'tangerine',
+  'truck-trailer': 'tangerine',
+  'shipping-container': 'tangerine',
+  train: 'teal',
+  'train-simple': 'teal',
+  'train-regional': 'teal',
+  tram: 'green',
+  subway: 'sky',
+  'cable-car': 'lilac',
+  motorcycle: 'coral',
+  scooter: 'coral',
+  moped: 'coral',
+  'moped-front': 'coral',
+  ambulance: 'coral',
+  'police-car': 'sky',
+  airplane: 'sky',
+  'airplane-tilt': 'sky',
+  'airplane-in-flight': 'sky',
+  'airplane-takeoff': 'sky',
+  'airplane-landing': 'sky',
+  'airplane-taxiing': 'sky',
+  'air-traffic-control': 'apricot',
+  drone: 'lilac',
+  'traffic-signal': 'green',
+  signpost: 'apricot',
+  path: 'green',
+  bicycle: 'green',
+  'person-simple-bike': 'green',
+  'fire-truck': 'coral',
+  tractor: 'green',
+  bulldozer: 'yellow',
+  'rocket-launch': 'teal',
+  boat: 'sky',
+  sailboat: 'sky',
+  anchor: 'sky',
+  'anchor-simple': 'sky',
+  'gas-pump': 'tangerine',
+  'gas-can': 'tangerine',
+  'charging-station': 'yellow',
+  speedometer: 'yellow',
+  'traffic-sign': 'tangerine',
+  'traffic-cone': 'tangerine',
+  'navigation-arrow': 'tangerine',
+  gps: 'tangerine',
+  'gps-fix': 'tangerine',
+  'map-pin-simple': 'tangerine',
+  'map-pin-line': 'tangerine',
+  'map-pin-simple-line': 'tangerine',
+  'map-pin-area': 'tangerine',
+  'map-pin-simple-area': 'tangerine',
+  // Buildings and the city
+  building: 'lilac',
+  'building-apartment': 'lilac',
+  'building-office': 'lilac',
+  city: 'lilac',
+  'house-simple': 'sky',
+  'house-line': 'sky',
+  hospital: 'coral',
+  lighthouse: 'yellow',
+  park: 'green',
+  'picnic-table': 'green',
+  tent: 'green',
+  campfire: 'tangerine',
+  barricade: 'tangerine',
+  crane: 'yellow',
+  'crane-tower': 'yellow',
+  'hard-hat': 'yellow',
+  engine: 'yellow',
+}
+
+// Globes whose duotone layer is the land. They also get an ocean disc behind it, coloured by
+// --rkui-icon-ocean (default sky); `--rkui-icon-ocean: none` leaves just the land filled.
+export const GLOBES = ['globe-hemisphere-west', 'globe-hemisphere-east']

package/src/icons/sources/satellite-duotone.svg

@@ -0,0 +1,2 @@
+<!-- Tabler Icons v3.50.0 "satellite" (MIT), redrawn on Phosphor's 256 grid in its raw duotone format. -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><rect width="256" height="256" fill="none"/><path d="M39.54,67.13l27.58-27.58a10.67,10.67,0,0,1,15.08,0l59.58,59.58a10.67,10.67,0,0,1,0,15.08l-27.58,27.58a10.67,10.67,0,0,1-15.08,0L39.54,82.21a10.67,10.67,0,0,1,0-15.08Z" opacity="0.2"/><path d="M39.54,67.13l27.58-27.58a10.67,10.67,0,0,1,15.08,0l59.58,59.58a10.67,10.67,0,0,1,0,15.08l-27.58,27.58a10.67,10.67,0,0,1-15.08,0L39.54,82.21a10.67,10.67,0,0,1,0-15.08Z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><polyline points="64,106.67 32,138.67 64,170.67 96,138.67" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><polyline points="106.67,64 138.67,32 170.67,64 138.67,96" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><line x1="128" y1="128" x2="144" y2="144" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M154.67,181.33a26.67,26.67,0,0,0,26.67-26.67" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/><path d="M160,224a64,64,0,0,0,64-64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="16"/></svg>