@arolariu/components
Version:
🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡
1 lines • 938 B
Source Map (JSON)
{"version":3,"sources":["webpack://./src/components/ui/list-skeleton.module.css"],"names":[],"mappings":"AAAA;EACE,sBAAsB;AACxB;;AAIA;EADE,sBAAsB;EACtB,aAAa;AACf;;AADA;EAIE,mBAAmB;AACrB;;AACA;EAEE,kBAAkB;EAClB,cAAc;EACd,aAAa;EACb,cAAc;AAChB;;AACA;EAEE,sBAAsB;EACtB,sBAAsB;EACtB,OAAO;EACP,aAAa;AACf;;AACA;EAEE,UAAU;EACV,eAAe;AACjB;;AACA;EAEE,UAAU;EACV,cAAc;AAChB","sourcesContent":[".list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: var(--ac-space-3);\r\n}\r\n\r\n.item {\r\n display: flex;\r\n align-items: center;\r\n gap: var(--ac-space-3);\r\n}\r\n\r\n.avatar {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n flex-shrink: 0;\r\n border-radius: 50%;\r\n}\r\n\r\n.text {\r\n display: flex;\r\n flex: 1;\r\n flex-direction: column;\r\n gap: var(--ac-space-1);\r\n}\r\n\r\n.primary {\r\n width: 60%;\r\n height: 0.875rem;\r\n}\r\n\r\n.secondary {\r\n width: 40%;\r\n height: 0.75rem;\r\n}\r\n"],"sourceRoot":""}