{"_id":"@bpanchenko/uikit","_rev":"205-d39b06b8a9e6c447706ca4cb63c6e3ed","name":"@bpanchenko/uikit","dist-tags":{"latest":"4.37.120"},"versions":{"4.37.118":{"name":"@bpanchenko/uikit","version":"4.37.118","keywords":["Component Library","Web Components","UI Kit","bemit","itcss","oocss"],"author":{"url":"https://bpanchenko.ru","name":"Boris Panchenko","email":"boris.v.panchenko@mail.ru"},"license":"LGPL-3.0-only","_id":"@bpanchenko/uikit@4.37.118","maintainers":[{"name":"bpanchenko","email":"boris.v.panchenko@gmail.com"}],"homepage":"http://protosite.rocks","dist":{"shasum":"0f389f02edc455daaae0c47b4383713e11f2b8d1","tarball":"https://registry.npmjs.org/@bpanchenko/uikit/-/uikit-4.37.118.tgz","fileCount":142,"integrity":"sha512-pdCGLMqe931kxUiGaq5tj7cRFkQcxSMCGmKq/jUU11+SeW270Ky17zH1uUK9lu6NDqmK8vb72dUHlrOiTTMvJw==","signatures":[{"sig":"MEUCIHTJiDbyQbHAonSPsANTmoaoXspbDNiuOgGpTNjx9M3HAiEA7GPnkfGxMcIDqShHUl62uSXnhy7a2Enfw76UoBiYVqk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":462750},"main":"./assets/main.mjs","type":"module","exports":{".":{"import":"./assets/main.mjs","require":"./assets/main.cjs"},"./*":{"import":"./assets/*.mjs","require":"./assets/*.cjs"},"./*.cjs":"./assets/*.cjs","./*.css":"./assets/*.css","./*.mjs":"./assets/*.mjs","./postcss.config":"./.config/postcss.config.cjs"},"gitHead":"00937a080ea14c98a48fb6641e6bd8e94361ed14","scripts":{"build":"run-s prettier clean build:css build:scripts","clean":"rimraf assets --preserve-root","watch":"node ./.kernel/watcher.js","deploy":"node ./.kernel/deployer.js","optimize":"node .kernel/builder/css-optimizer.cjs","prettier":"prettier --write .","build:css":"node .kernel/builder/css.cjs","build:scripts":"node .kernel/builder/scripts.cjs"},"_npmUser":{"name":"bpanchenko","email":"boris.v.panchenko@gmail.com"},"_npmVersion":"10.7.0","description":"CSS framework for developing web interfaces","directories":{},"_nodeVersion":"22.5.1","dependencies":{"cssnano":"7.0.6","postcss":"8.5.3","postcss-import":"16.1.0","postcss-nested":"7.0.2","postcss-prune-var":"1.1.2","postcss-preset-env":"10.1.5","@bpanchenko/palette":"3.4.7","postcss-extend-rule":"4.0.0","postcss-custom-media":"11.0.5","@csstools/custom-units":"0.1.1","cssnano-preset-default":"7.0.6","postcss-custom-selectors":"8.0.4"},"_hasShrinkwrap":false,"devDependencies":{"glob":"11.0.1","lodash":"4.17.21","rimraf":"6.0.1","watcher":"2.3.1","prettier":"3.5.2","basic-ftp":"5.0.5","pluralize":"8.0.0","date-format":"4.0.14","npm-run-all":"4.1.5","node-color-log":"12.0.1","postcss-safe-parser":"7.0.1"},"_npmOperationalInternal":{"tmp":"tmp/uikit_4.37.118_1740389478086_0.40449100429915386","host":"s3://npm-registry-packages-npm-production"}},"4.37.120":{"name":"@bpanchenko/uikit","version":"4.37.120","description":"CSS framework for developing web interfaces","keywords":["Component Library","Web Components","UI Kit","bemit","itcss","oocss"],"homepage":"http://protosite.rocks","type":"module","main":"./assets/main.mjs","exports":{".":{"import":"./assets/main.mjs","require":"./assets/main.cjs"},"./postcss.config":"./.config/postcss.config.cjs","./*.css":"./assets/*.css","./*.mjs":"./assets/*.mjs","./*.cjs":"./assets/*.cjs","./*":{"import":"./assets/*.mjs","require":"./assets/*.cjs"}},"scripts":{"build:css":"node .kernel/builder/css.cjs","build:scripts":"node .kernel/builder/scripts.cjs","build":"run-s prettier clean build:css build:scripts","clean":"rimraf assets --preserve-root","deploy":"node ./.kernel/deployer.js","optimize":"node .kernel/builder/css-optimizer.cjs","postbuild":"npm run deploy","prepublishOnly":"npm run build","prettier":"prettier --write .","watch":"node ./.kernel/watcher.js"},"dependencies":{"@bpanchenko/palette":"3.4.7","@csstools/custom-units":"0.1.1","cssnano":"7.0.6","cssnano-preset-default":"7.0.6","postcss":"8.5.3","postcss-custom-media":"11.0.5","postcss-custom-selectors":"8.0.4","postcss-extend-rule":"4.0.0","postcss-import":"16.1.0","postcss-nested":"7.0.2","postcss-preset-env":"10.1.5","postcss-prune-var":"1.1.2"},"devDependencies":{"basic-ftp":"5.0.5","date-format":"4.0.14","glob":"11.0.1","lodash":"4.17.21","node-color-log":"12.0.1","npm-run-all":"4.1.5","pluralize":"8.0.0","postcss-safe-parser":"7.0.1","prettier":"3.5.2","rimraf":"6.0.1","watcher":"2.3.1"},"author":{"name":"Boris Panchenko","email":"boris.v.panchenko@mail.ru","url":"https://bpanchenko.ru"},"license":"LGPL-3.0-only","_id":"@bpanchenko/uikit@4.37.120","gitHead":"fa1ca661e0cee58871456ab5337740ed5f8edfc1","_nodeVersion":"23.6.1","_npmVersion":"10.9.2","dist":{"integrity":"sha512-+iG9F3k465kxKM1r1kaxlyFTfSxuOIACCVlwjV3SaRkZYFB4DxPUWuViPDLc3WKYHIdGiyr766JQqTGWA24cGg==","shasum":"912a0bb27ff841e5571c3ddde918e228bfc0a81a","tarball":"https://registry.npmjs.org/@bpanchenko/uikit/-/uikit-4.37.120.tgz","fileCount":142,"unpackedSize":460793,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIAiMd61Yr4UdIGxJ7PBsYJwsEfN9YIVR2cd573bpFyw7AiB9ZCnYMtWfiA/QNgDiDvtsx/1LNFqUdsAlk9YrMPkWlA=="}]},"_npmUser":{"name":"bpanchenko","email":"boris.v.panchenko@gmail.com"},"directories":{},"maintainers":[{"name":"bpanchenko","email":"boris.v.panchenko@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/uikit_4.37.120_1746232390846_0.5930856893702443"},"_hasShrinkwrap":false}},"time":{"created":"2022-02-03T06:12:03.277Z","modified":"2025-05-03T00:33:11.267Z","3.0.0":"2022-02-03T06:12:03.494Z","3.2.1":"2022-08-01T23:22:05.820Z","3.2.2":"2022-08-01T23:26:02.745Z","3.4.8":"2022-10-14T15:32:59.835Z","3.4.9":"2022-10-14T15:42:12.555Z","3.4.10":"2022-10-14T16:28:25.461Z","3.5.12":"2022-10-22T10:23:03.116Z","3.5.13":"2022-10-22T14:47:02.618Z","3.5.14":"2022-11-24T20:34:35.780Z","3.5.15":"2022-12-01T07:10:35.243Z","3.7.18":"2022-12-05T17:57:54.213Z","3.8.20":"2022-12-09T02:51:33.550Z","3.8.23":"2022-12-09T11:42:54.943Z","3.8.24":"2022-12-09T11:46:10.806Z","3.8.25":"2022-12-09T19:25:45.147Z","4.8.26":"2022-12-12T04:07:18.268Z","4.8.27":"2022-12-12T06:52:29.485Z","4.8.28":"2022-12-12T09:00:45.128Z","4.10.30":"2022-12-12T19:12:54.236Z","4.10.31":"2022-12-12T19:16:30.679Z","4.11.32":"2022-12-13T00:39:55.886Z","4.11.33":"2022-12-13T00:50:59.364Z","4.13.35":"2022-12-16T00:54:44.391Z","4.14.35":"2022-12-16T02:28:48.684Z","4.14.36":"2022-12-16T02:41:00.766Z","4.14.37":"2022-12-16T03:23:32.099Z","4.15.37":"2022-12-16T04:05:05.563Z","4.15.38":"2022-12-18T12:25:19.899Z","4.18.43":"2023-01-02T18:50:43.646Z","4.20.45-beta.0":"2023-01-29T02:15:09.345Z","4.20.45":"2023-02-07T18:33:48.995Z","4.22.48":"2023-02-13T04:01:56.873Z","4.22.49":"2023-02-14T19:18:39.125Z","4.22.50":"2023-02-18T10:39:06.409Z","4.22.51":"2023-02-20T19:14:15.757Z","4.22.52":"2023-03-16T18:03:42.496Z","4.22.53":"2023-03-16T18:20:07.601Z","4.22.55":"2023-04-21T21:12:33.466Z","4.22.56":"2023-04-22T16:50:30.832Z","4.22.57":"2023-04-22T17:59:35.224Z","4.23.57":"2023-04-23T11:10:51.350Z","4.23.58":"2023-05-27T16:29:23.004Z","4.23.59":"2023-05-27T17:44:37.399Z","4.24.59":"2023-05-27T23:10:17.467Z","4.24.60":"2023-06-17T17:20:52.985Z","4.24.61":"2023-06-24T00:19:37.688Z","4.25.61":"2023-07-29T08:40:37.681Z","4.25.62":"2023-07-29T08:53:05.408Z","4.25.64":"2023-07-29T20:47:57.864Z","4.25.65":"2023-09-12T18:23:38.013Z","4.25.67":"2023-11-17T18:37:49.834Z","4.25.68":"2023-12-20T06:18:28.534Z","4.25.69":"2024-01-01T21:30:24.945Z","4.25.70":"2024-01-01T21:49:05.487Z","4.26.69":"2024-03-31T12:40:53.921Z","4.26.70":"2024-03-31T15:50:31.531Z","4.26.71":"2024-03-31T19:16:44.381Z","4.26.72":"2024-04-08T16:09:39.648Z","4.26.73":"2024-04-13T04:03:58.641Z","4.26.74":"2024-05-30T19:31:56.018Z","4.26.75":"2024-06-29T12:38:25.087Z","4.26.76":"2024-06-29T18:32:36.626Z","4.26.77":"2024-06-29T18:40:37.698Z","4.26.78":"2024-08-03T15:07:12.619Z","4.26.79":"2024-08-04T15:29:29.008Z","4.26.80":"2024-08-04T19:16:49.984Z","4.26.81":"2024-09-11T08:45:19.143Z","4.26.82":"2024-09-22T09:40:34.441Z","4.26.83":"2024-09-22T11:55:33.869Z","4.26.84":"2024-09-23T22:24:49.772Z","4.26.85":"2024-09-27T09:42:27.033Z","4.26.86":"2024-10-01T15:29:19.826Z","4.26.87":"2024-10-02T17:33:06.874Z","4.26.88":"2024-10-02T20:45:46.635Z","4.26.89":"2024-10-03T09:08:17.379Z","4.26.90":"2024-10-05T10:11:32.855Z","4.26.91":"2024-10-29T20:41:29.570Z","4.26.92":"2024-11-04T14:05:32.803Z","4.28.93":"2024-11-08T20:27:21.534Z","4.28.94":"2024-11-09T10:35:01.578Z","4.28.95":"2024-11-14T12:36:09.535Z","4.28.96":"2024-11-16T07:49:20.871Z","4.28.97":"2024-11-16T08:47:01.073Z","4.28.98":"2024-11-16T09:30:35.138Z","4.29.100":"2024-11-19T14:04:28.516Z","4.30.100":"2024-11-28T02:43:20.376Z","4.30.101":"2024-11-28T03:56:45.988Z","4.30.102":"2024-11-28T13:59:49.746Z","4.31.102":"2024-12-01T20:43:30.715Z","4.31.103":"2024-12-01T23:48:32.217Z","4.31.104":"2024-12-02T00:37:48.485Z","4.32.104":"2024-12-09T00:15:52.088Z","4.32.105":"2025-01-15T15:14:53.976Z","4.32.106":"2025-01-16T15:01:26.271Z","4.33.107":"2025-01-21T16:43:21.175Z","4.33.108":"2025-01-22T02:57:46.673Z","4.33.110":"2025-01-23T04:33:44.841Z","4.33.111":"2025-01-26T18:52:00.886Z","4.35.112":"2025-01-30T05:41:55.621Z","4.36.114":"2025-02-04T11:27:55.795Z","4.37.117":"2025-02-24T09:17:41.700Z","4.37.118":"2025-02-24T09:31:18.288Z","4.37.120":"2025-05-03T00:33:11.084Z"},"author":{"name":"Boris Panchenko","email":"boris.v.panchenko@mail.ru","url":"https://bpanchenko.ru"},"license":"LGPL-3.0-only","homepage":"http://protosite.rocks","keywords":["Component Library","Web Components","UI Kit","bemit","itcss","oocss"],"description":"CSS framework for developing web interfaces","maintainers":[{"name":"bpanchenko","email":"boris.v.panchenko@gmail.com"}],"readme":"# CSS фреймворк Protosite UIKit\n\n[![npm](https://img.shields.io/npm/v/@bpanchenko/uikit.svg)](https://www.npmjs.com/package/@bpanchenko/uikit)\n\nБиблиотека правил CSS для определения представления элементов веб-интерфейса.\n\nИнтерфейс подключения библитеки реализован в виде типизированного CSS-модуля для применения как в нативной реализации так и в CommonJS или\nTypeScript окружении разработки веб-приложений. Так-же активы библиотеки содержат нативные модули JavaScript (ECMAScript Module) для\nподключения в браузерах.\n\n## Пространства имён\n\n#### `o-`: [_Объект_](https://github.com/BPanchenko/protosite-uikit/tree/master/object)\n\nАбстрактный блок модульной сетки веб-приложения, страницы или документа. Область интерфейса с индивидуальным поведением. Нечто, на что\nнаправлена практическая или познавательная деятельность пользователя. Объединяет компоненты и логику работы. Пользователь может менять\nсостояние объекта взаимодействуя с отдельными его компонентами. Внешний вид объекта зависит от контекста использования.\n\n#### `c-`: [_Компонента_](https://github.com/BPanchenko/protosite-uikit/tree/master/component)\n\nМинимальная составная часть пользовательского интерфейса. Внешний вид может различатся в зависимости от контекста использования или темы\nоформления интерфейса. Косметическое оформление компоненты может быть измено в результате воздействия пользователем непосредственно на\nэлемент.\n\n#### `u-`: [_Утилита_](https://github.com/BPanchenko/protosite-uikit/tree/master/utility)\n\nВспомогательные классы CSS. Инструмент коррекции поведения элементов относительно окружения.\n\n#### `t-`: [_Тема оформления_](https://github.com/BPanchenko/protosite-uikit/tree/master/theme)\n\nГлобальные темы переопределяют правила представления модулей интерфейса или структуры документа. Класс с такой приставкой определяет\nстилистическое оформление содержимого документа и должен быть объявлен в корневом элементе.\n\n#### `s-`: [_Косметический стиль_](https://github.com/BPanchenko/protosite-uikit/tree/master/style)\n\nПравила стилистического оформления отдельных элементов веб-интерфейса. Стиль контекста определяет косметический вид отдельной компоненты\nчаще, области документа реже. Стиль оформления подобен теме.\n\n#### `is-`, `has-`: _Модификатор состояния_\n\nЭти приставки означают что в данный момент времени элемент находится в определённом состоянии, которое меняет его внишний вид и, возможно,\nповедение. При измении состояния такие классы CSS удаляются или заменяются на другие. Хорошей практикой является использование атриботов\n`aria-` или `data-` в качестве индикаторов состояния, классами CSS лучше не злоупотреблять.\n\n#### `js-`: _Селектор веб-приложения для ссылки на элемент DOM-дерева_\n\nПриставка определяет селектор используемый вашим кодом на JavaScript для получения прямой ссылки на элемент в DOM-дереве. Ссылка на элемент\nпозволяет менять его состояние, содержимое, отслеживать события или просто удалить.\n\n#### `qa-`: _Селектор автоматизированных тестов_\n\nКласс с этой приставкой необходим для поиска и связывания элементов DOM в автоматизированных тестах визаулизации GUI в браузере. Оцениваются\nрезультаты прохождения различных сценариев взаимодействия и функционирование подсистем. Хорошей практикой является использование атрибота\n`data-` в качестве контейнера данных промежуточного состояния элемента в сценарии.\n\n## Базовые настройки и переопределение стилей браузера\n\n#### [`./document`](https://github.com/BPanchenko/protosite-uikit/tree/master/document)\n\nПереопределение браузерных правил CSS для стандартных элементов страницы HTML. Определены правила оформления простого документа на основе\nбазовых переменных дизайн-системы Протосайта.\n\n#### [`./settings`](https://github.com/BPanchenko/protosite-uikit/tree/master/settings)\n\nБазовые переменные дизайн-системы Протосайта: размерности величин и экранов адаптивной вёрстки, шрифты, тени, палитра цветов.\n\n## Подключение модулей библиотеки\n\n#### Установка пакета NPM\n\n```shell\nnpm install @bpanchenko/uikit --save-dev\n```\n\n#### Подгрузка внешнего ресурса\n\n```\n//assets.protosite.xyz/uikit/\n ├── component\n │   ├── badge.css\n │   ├── button.css\n │   ├── chart.css\n │   ├── control.css\n │   ├── field.css\n │   ├── grid.css\n │   ├── list.css\n │   ├── modal.css\n │   ├── pagination.css\n │   ├── panel.css\n │   ├── popover.css\n │   ├── progress.css\n │   ├── tabs.css\n │   └── thumbnail.css\n │\n ├── element\n │   ├── any-mixes.css\n │   ├── code.css\n │   ├── headings.css\n │   ├── icon.css\n │   ├── icon.glyphs-arrow.css\n │   ├── icon.glyphs.css\n │   ├── link.css\n │   ├── lists.css\n │   ├── paragraph.css\n │   ├── root.css\n │   ├── table.css\n │   └── text.css\n │\n ├── style\n │   ├── animated-gradient.css\n │   ├── backgrounds.css\n │   ├── clean.css\n │   ├── coloring.css\n │   ├── cursor.css\n │   ├── floating.css\n │   ├── highlighted.css\n │   ├── hovered.css\n │   ├── icon.css\n │   ├── inversed.css\n │   ├── link.css\n │   ├── loading.css\n │   ├── rounded.css\n │   ├── shadow.css\n │   ├── sizes.css\n │   ├── striped.css\n │   ├── text.css\n │   └── transform.css\n │\n ├── components.css\n ├── elements.css\n ├── main.css\n ├── objects.css\n ├── styles.css\n └── utilities.css\n```\n\nТаблицы стилей сопровождаются модулями JavaScript с расширением `.mjs`, например:\n\n```\n//assets.protosite.xyz/uikit/elements.css\n//assets.protosite.xyz/uikit/elements.mjs\n```\n","readmeFilename":"README.md"}