@datalayer/primer-addons 0.0.1 → 0.0.2

package/README.md

@@ -4,7 +4,8 @@
 
 # ⚛️ Addons for Primer React
 
-This repository contains additional components for the [@primer/react](https://github.com/primer/react) React.js tookit.
+This repository contains additional React.js components for the [@primer/react](https://github.com/primer/react) tookit.
 
-A storybook is available on https://primer-addons.datalayer.tech.
+The componnents are compliant with the Primer theming framework and aims to respect the Primer design system.
 
+A Storybook showcasing the components and their options is available on https://primer-addons.datalayer.tech.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@datalayer/primer-addons",
   "private": false,
-  "version": "0.0.1",
+  "version": "0.0.2",
   "type": "module",
   "license": "BSD-3-Clause",
   "scripts": {
@@ -12,8 +12,13 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
+  "main": "lib/index.js",
+  "files": [
+    "lib",
+    "style"
+  ],
   "dependencies": {
-    "@primer/react": "35.24.0",
+    "@primer/react": "35.25.1",
     "@primer/octicons-react": "18.2.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",

package/.eslintrc.cjs

@@ -1,16 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2020: true
-  },
-  extends: ['eslint:recommended', 'plugin:@typescript-eslint/recommended', 'plugin:react-hooks/recommended', 'plugin:storybook/recommended'],
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module'
-  },
-  plugins: ['react-refresh'],
-  rules: {
-    'react-refresh/only-export-components': 'warn'
-  }
-};

package/.gitignore

@@ -1,42 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-*-lock.json
-
-lib
-storybook-static
-
-node_modules
-dist
-dist-ssr
-*.local
-
-yarn.lock
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-
-# Include
-!**/.*ignore
-!**/.*cfg
-!**/.*rc
-!**/.*rc.js
-!**/.*rc.json
-!**/.*config
-!**/.datalayer
-!**/.github
-!**/.storybook
-!**/.vscode

package/.storybook/main.ts

@@ -1,17 +0,0 @@
-import type { StorybookConfig } from "@storybook/react-vite";
-const config: StorybookConfig = {
-  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
-  addons: [
-    "@storybook/addon-links",
-    "@storybook/addon-essentials",
-    "@storybook/addon-interactions",
-  ],
-  framework: {
-    name: "@storybook/react-vite",
-    options: {},
-  },
-  docs: {
-    autodocs: "tag",
-  },
-};
-export default config;

package/.storybook/preview.ts

@@ -1,15 +0,0 @@
-import type { Preview } from "@storybook/react";
-
-const preview: Preview = {
-  parameters: {
-    actions: { argTypesRegex: "^on[A-Z].*" },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/,
-      },
-    },
-  },
-};
-
-export default preview;

package/Makefile

@@ -1,68 +0,0 @@
-# Copyright (c) Datalayer, Inc. https://datalayer.io
-# Distributed under the terms of the MIT License.
-
-SHELL=/bin/bash
-
-CONDA=source $$(conda info --base)/etc/profile.d/conda.sh
-CONDA_ACTIVATE=source $$(conda info --base)/etc/profile.d/conda.sh ; conda activate
-CONDA_DEACTIVATE=source $$(conda info --base)/etc/profile.d/conda.sh ; conda deactivate
-CONDA_REMOVE=source $$(conda info --base)/etc/profile.d/conda.sh ; conda remove -y --all -n
-
-ENV_NAME=datalayer
-
-.PHONY: help
-
-help: ## display this help
-	@awk 'BEGIN {FS = ":.*##"; printf "\nUsage:\n  make \033[36m<target>\033[0m\n"} /^[a-zA-Z_-]+:.*?##/ { printf "  \033[36m%-15s\033[0m %s\n", $$1, $$2 } /^##@/ { printf "\n\033[1m%s\033[0m\n", substr($$0, 5) } ' $(MAKEFILE_LIST)
-
-default: help ## default target is help
-
-all: clean install build publish
-
-build: ## build all modules
-	($(CONDA_ACTIVATE) ${ENV_NAME}; \
-		yarn build )
-
-start: ## start
-	($(CONDA_ACTIVATE) ${ENV_NAME}; \
-		yarn dev )
-
-clean: ## deletes node_modules, lib, build... folders and other generated info, lock, log... files
-	find . -name node_modules | xargs rm -fr {} || true
-	find . -name dist | xargs rm -fr {} || true
-	find . -name lib | xargs rm -fr {} || true
-	find . -name build | xargs rm -fr {} || true
-	find . -name yarn.lock | xargs rm {} || true
-	find . -name yarn-error.log | xargs rm {} || true
-	find . -name tsconfig.tsbuildinfo | xargs rm {} || true
-
-env-rm: ## create a conda environment
-	($(CONDA); \
-		conda deactivate && \
-			conda remove -y --all -n ${ENV_NAME} )
-
-env: ## create a conda environment 
-	($(CONDA); \
-		conda env create -f environment.yml )
-
-install: ## install npm dependencies
-	($(CONDA_ACTIVATE) ${ENV_NAME}; \
-		yarn )
-
-publish-npm: # publish the npm packages
-	yarn build && \
-		npm publish --access public
-
-publish-storybook: ## publish
-	($(CONDA_ACTIVATE) ${ENV_NAME}; \
-	  yarn build-storybook && \
-	  aws s3 cp \
-		./storybook-static \
-		s3://datalayer-primer-addons/ \
-		--recursive \
-		--profile datalayer && \
-	  aws cloudfront create-invalidation \
-		--distribution-id E31G4MWCFRSED1 \
-		--paths / \
-		--profile datalayer && \
-	echo open ✨  https://primer-addons.datalayer.tech )

package/dist/assets/index-25ada336.css

@@ -1 +0,0 @@
-#root{width:100%;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}