@radui/ui 0.0.4 → 0.0.6

package/dist/themes/default.css

@@ -0,0 +1,2 @@
+.rad-ui-avatar-root{position:relative;display:inline-flex;width:32px;height:32px;border-radius:8px;overflow:hidden}.rad-ui-avatar-root .rad-ui-avatar{display:flex;flex-grow:1;position:relative;z-index:1;width:100%;height:100%}.rad-ui-avatar-root .rad-ui-avatar-fallback{display:flex;align-items:center;justify-content:center;color:var(--rad-ui-color-accent-900);background-color:var(--rad-ui-color-accent-500);position:absolute;top:0;left:0;width:100%;height:100%}a:focus,button:active,button:focus,input:active,input:focus,textarea:active,textarea:focus{outline:1px solid var(--rad-ui-color-accent-300);outline-style:groove}::selection{background-color:var(--rad-ui-color-accent-300);color:var(--rad-ui-color-accent-950)}.rad-ui-button{height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0 12px}.button-solid{background-color:var(--rad-ui-color-accent-900);color:#fff}.button-solid:hover{background-color:var(--rad-ui-color-accent-950)}.button-soft{color:var(--rad-ui-color-accent-900);background-color:var(--rad-ui-color-accent-400)}.button-soft:hover{background-color:var(--rad-ui-color-accent-500)}.button-outline{background-color:transparent;color:var(--rad-ui-color-accent-900);border:1px solid var(--rad-ui-color-accent-900)}.button-outline:hover{border-color:var(--rad-ui-color-accent-950)}.button-ghost{background-color:transparent;color:var(--rad-ui-color-accent-900)}.button-ghost:hover{border-color:var(--rad-ui-color-accent-950);background-color:var(--rad-ui-color-accent-300)}.rui-code-root{color:var(--rad-ui-color-accent-950);background-color:var(--rad-ui-color-accent-400);padding:1px 10px;display:inline-block;border-radius:4px;font-size:12px}.rad-ui-block-quote{border-color:var(--rad-ui-color-accent-600);border-left-width:.5rem;padding-left:12px}.rad-ui-tab-list{display:flex;box-shadow:inset 0 -1px 0 0 var(--rad-ui-color-gray-500)}.rad-ui-tab-trigger.active{color:var(--rad-ui-color-accent-950);border-bottom:2px solid var(--rad-ui-color-accent-900)}.rad-ui-tab-trigger{color:var(--rad-ui-color-accent-600);font-family:inherit;padding:10px;display:flex;height:42px;font-size:15px;line-height:1;cursor:pointer}.rad-ui-tab-trigger:hover{color:var(--rad-ui-color-accent-900)}.rad-ui-tab-trigger-inner{padding:4px 8px}.rad-ui-tab-trigger:hover>.rad-ui-tab-trigger-inner{background-color:var(--rad-ui-color-accent-200);border-radius:4px}.rad-ui-tab-content{padding:20px 0;color:var(--rad-ui-color-gray-1000)}.rad-ui-separator{background-color:var(--rad-ui-color-gray-600)}.rad-ui-separator-vertical{margin:0 8px;width:1px}.rad-ui-separator-horizontal{margin:8px 0;height:1px}.rad-ui-badge{background-color:var(--rad-ui-color-accent-300);color:var(--rad-ui-color-accent-950);padding:4px 8px;display:flex;align-items:center;justify-content:center;font-weight:600;border-radius:4px}.rad-ui-h1{font-weight:700;font-size:60px;letter-spacing:-3.5px;line-height:72px}.rad-ui-h2{font-weight:700;font-size:54px;letter-spacing:-3px;line-height:62px}.rad-ui-h3{font-weight:700;font-size:48px;letter-spacing:-2px;line-height:54px}.rad-ui-h4{font-weight:700;font-size:42px;letter-spacing:-1px;line-height:48px}.rad-ui-h5{font-weight:700;font-size:36px;letter-spacing:-.5px;line-height:42px}.rad-ui-h6{font-weight:700;font-size:32px;line-height:36px}.rad-ui-text{font-size:16px;line-height:24px}.rad-ui-link{color:var(--rad-ui-color-accent-800);cursor:pointer}.rad-ui-link:hover{color:var(--rad-ui-color-accent-900);text-decoration:underline;text-decoration-color:var(--rad-ui-color-accent-600)}.rad-ui-callout{padding:16px;border-radius:8px;background-color:var(--rad-ui-color-accent-200);color:var(--rad-ui-color-accent-950);display:flex;align-items:center;font-weight:300;font-size:14px;gap:8px}.rad-ui-tooltip-floating-element{background-color:var(--rad-ui-color-gray-1000);color:var(--rad-ui-color-gray-100);padding:4px 12px;border-radius:8px}.rad-ui-arrow{fill:var(--rad-ui-color-gray-1000)}.rad-ui-kbd{user-select:none;font-weight:400;font-family:inherit;background-color:var(--rad-ui-color-gray-50);color:var(--rad-ui-color-gray-950);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:4px;border:1px solid var(--rad-ui-color-gray-500);box-shadow:0 0 3px 1px var(--rad-ui-color-gray-400);padding:4px 8px}
+/*# sourceMappingURL=/default.css.map */

package/dist/themes/default.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["components/avatar.scss","default.scss"],"names":[],"mappings":"AAAA,oBACI,iBAAkB,CAClB,mBAAoB,CACpB,UAAU,CACV,WAAW,CACX,iBAAkB,CAClB,eAAgB,CANpB,mCASQ,YAAa,CACb,WAAY,CACZ,iBAAkB,CAClB,SAAU,CACV,UAAW,CACX,WAAW,CAdnB,4CAkBQ,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,oCAAqC,CACrC,+CAAgD,CAChD,iBAAkB,CAClB,KAAO,CACP,MAAQ,CACR,UAAW,CACX,WAAW,CCxBnB,2FACI,gDAAiD,CACjD,oBAEqB,CAGzB,YACI,+CAAgD,CAChD,oCAAqC,CAIzC,eACI,WAAY,CACZ,iBAAkB,CAClB,YAAY,CACZ,kBAAkB,CAClB,sBAAsB,CACtB,cAAgB,CAEpB,cACI,+CAAgD,CAChD,UAAY,CAEhB,oBACI,+CAAgD,CAIpD,aACI,oCAAqC,CACrC,+CAAiD,CAErD,mBACI,+CAAiD,CAKrD,gBACI,4BAA6B,CAC7B,oCAAqC,CACrC,+CAAgD,CAEpD,sBACI,2CAA2C,CAI/C,cACI,4BAA6B,CAC7B,oCAAqC,CAEzC,oBACI,2CAA2C,CAC3C,+CAAgD,CAKpD,eACI,oCAAqC,CACrC,+CAAgD,CAChD,gBAAgB,CAChB,oBAAqB,CACrB,iBAAkB,CAClB,cAAc,CAKlB,oBACI,2CAA4C,CAC5C,uBAAyB,CACzB,iBAAiB,CAQrB,iBACI,YAAa,CACb,wDAAyD,CAI7D,2BACI,oCAAqC,CACrC,sDAAsD,CAE1D,oBACI,oCAAqC,CACrC,mBAAoB,CACpB,YAAkB,CAElB,YAAa,CACb,WAAW,CACX,cAAe,CACf,aAAc,CACd,cAAe,CAEnB,0BACI,oCAAqC,CAGzC,0BACI,eAAe,CAEnB,oDACI,+CAAgD,CAChD,iBAAkB,CAGtB,oBACI,cAAgB,CAChB,mCAAqC,CAKzC,kBACI,6CAA8C,CAGlD,2BACI,YAAe,CACf,SAAU,CAGd,6BACI,YAAe,CACf,UAAW,CAIf,cACI,+CAAgD,CAChD,oCAAqC,CACrC,eAAe,CACf,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,eAAgB,CAChB,iBAAkB,CAItB,WACI,eAAiB,CACjB,cAAe,CACf,qBAAsB,CACtB,gBAAgB,CAGpB,WACI,eAAiB,CACjB,cAAe,CACf,mBAAoB,CACpB,gBAAgB,CAGpB,WACI,eAAiB,CACjB,cAAe,CACf,mBAAoB,CACpB,gBAAgB,CAGpB,WACI,eAAiB,CACjB,cAAe,CACf,mBAAoB,CACpB,gBAAgB,CAGpB,WACI,eAAiB,CACjB,cAAe,CACf,oBAAsB,CACtB,gBAAgB,CAGpB,WACI,eAAiB,CACjB,cAAe,CAEf,gBAAgB,CAGpB,aACI,cAAe,CACf,gBAAiB,CAGrB,aACI,oCAAqC,CACrC,cAAe,CAEnB,mBACI,oCAAqC,CACrC,yBAA2B,CAC3B,oDAAqD,CAGzD,gBACG,YAAY,CACZ,iBAAiB,CAChB,+CAAgD,CAChD,oCAAqC,CACrC,YAAa,CACb,kBAAmB,CACnB,eAAgB,CAChB,cAAe,CACf,OAAO,CAQX,iCACI,8CAA8C,CAC9C,kCAAmC,CACnC,gBAAiB,CACjB,iBAAkB,CAGtB,cACI,kCAAmC,CAGvC,YACI,gBAAiB,CACjB,eAAgB,CAChB,mBAAoB,CACpB,4CAA6C,CAC7C,kCAAmC,CACnC,mBAAoB,CACpB,kBAAmB,CACnB,sBAAuB,CACvB,kBAAmB,CACnB,iBAAkB,CAClB,6CAA8C,CAC9C,mDAAyD,CACzD,eAAgB","file":"default.css","sourceRoot":"../../styles/themes","sourcesContent":[".rad-ui-avatar-root{\n    position: relative;\n    display: inline-flex;\n    width:32px;\n    height:32px;\n    border-radius: 8px;\n    overflow: hidden;\n\n    .rad-ui-avatar{\n        display: flex;\n        flex-grow: 1;\n        position: relative;\n        z-index: 1;\n        width: 100%;\n        height:100%;\n    }\n\n    .rad-ui-avatar-fallback{\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        color: var(--rad-ui-color-accent-900);\n        background-color: var(--rad-ui-color-accent-500);\n        position: absolute;\n        top:0px;\n        left:0px;\n        width: 100%;\n        height:100%;\n    }\n}\n\n\n","@import \"./components/avatar.scss\";\n\n\nbutton:active, button:focus, input:active, input:focus, textarea:active, textarea:focus,a:focus {\n    outline: 1px solid var(--rad-ui-color-accent-300);\n    outline-style:groove;\n\n    /* outline:0 none; */\n}\n\n::selection{\n    background-color: var(--rad-ui-color-accent-300);\n    color: var(--rad-ui-color-accent-950);\n\n}\n\n.rad-ui-button{\n    height: 32px;\n    border-radius: 4px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    padding:0px 12px;\n}\n.button-solid{\n    background-color: var(--rad-ui-color-accent-900);\n    color: white;\n}\n.button-solid:hover{\n    background-color: var(--rad-ui-color-accent-950);\n}\n\n/** Soft */\n.button-soft{\n    color: var(--rad-ui-color-accent-900);\n    background-color:  var(--rad-ui-color-accent-400);\n}\n.button-soft:hover{\n    background-color:  var(--rad-ui-color-accent-500);\n}\n\n\n/**Outline */\n.button-outline{\n    background-color: transparent;\n    color: var(--rad-ui-color-accent-900);\n    border: 1px solid var(--rad-ui-color-accent-900);\n}\n.button-outline:hover{\n    border-color:var(--rad-ui-color-accent-950) ;\n}\n\n/**Ghost */\n.button-ghost{\n    background-color: transparent;\n    color: var(--rad-ui-color-accent-900);\n}\n.button-ghost:hover{\n    border-color:var(--rad-ui-color-accent-950) ;\n    background-color: var(--rad-ui-color-accent-300);\n}\n\n\n\n.rui-code-root{\n    color: var(--rad-ui-color-accent-950);\n    background-color: var(--rad-ui-color-accent-400);\n    padding:1px 10px;\n    display: inline-block;\n    border-radius: 4px;\n    font-size:12px;\n}\n\n\n\n.rad-ui-block-quote{\n    border-color: var(--rad-ui-color-accent-600);\n    border-left-width: 0.5rem;\n    padding-left:12px;\n}\n\n\n/** TABS  */\n.rad-ui-tab-root{\n\n}\n.rad-ui-tab-list{\n    display: flex;\n    box-shadow: inset 0 -1px 0 0 var(--rad-ui-color-gray-500);\n}\n\n\n.rad-ui-tab-trigger.active{\n    color: var(--rad-ui-color-accent-950);\n    border-bottom:2px solid var(--rad-ui-color-accent-900);\n}\n.rad-ui-tab-trigger {\n    color: var(--rad-ui-color-accent-600);\n    font-family: inherit;\n    padding: 10px 10px;\n\n    display: flex;\n    height:42px;\n    font-size: 15px;\n    line-height: 1;\n    cursor: pointer;\n}\n.rad-ui-tab-trigger:hover{\n    color: var(--rad-ui-color-accent-900);\n}\n\n.rad-ui-tab-trigger-inner{\n    padding:4px 8px;\n}\n.rad-ui-tab-trigger:hover > .rad-ui-tab-trigger-inner{\n    background-color: var(--rad-ui-color-accent-200);\n    border-radius: 4px;\n}\n\n.rad-ui-tab-content{\n    padding:20px 0px;\n    color : var(--rad-ui-color-gray-1000);\n}\n\n\n/** Separator */\n.rad-ui-separator {\n    background-color: var(--rad-ui-color-gray-600);\n}\n\n.rad-ui-separator-vertical{\n    margin: 0px 8px;\n    width: 1px;\n}\n\n.rad-ui-separator-horizontal{\n    margin: 8px 0px;\n    height: 1px;\n}\n\n/** Badge */\n.rad-ui-badge {\n    background-color: var(--rad-ui-color-accent-300);\n    color: var(--rad-ui-color-accent-950);\n    padding:4px 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 600;\n    border-radius: 4px;\n}\n\n\n.rad-ui-h1{\n    font-weight: bold;\n    font-size: 60px;\n    letter-spacing: -3.5px;\n    line-height:72px;\n}\n\n.rad-ui-h2{\n    font-weight: bold;\n    font-size: 54px;\n    letter-spacing: -3px;\n    line-height:62px;\n}\n\n.rad-ui-h3{\n    font-weight: bold;\n    font-size: 48px;\n    letter-spacing: -2px;\n    line-height:54px;\n}\n\n.rad-ui-h4{\n    font-weight: bold;\n    font-size: 42px;\n    letter-spacing: -1px;\n    line-height:48px;\n}\n\n.rad-ui-h5{\n    font-weight: bold;\n    font-size: 36px;\n    letter-spacing: -0.5px;\n    line-height:42px;\n}\n\n.rad-ui-h6{\n    font-weight: bold;\n    font-size: 32px;\n\n    line-height:36px;\n}\n\n.rad-ui-text{\n    font-size: 16px;\n    line-height: 24px;\n}\n\n.rad-ui-link {\n    color: var(--rad-ui-color-accent-800);\n    cursor: pointer;\n}\n.rad-ui-link:hover {\n    color: var(--rad-ui-color-accent-900);\n    text-decoration: underline ;\n    text-decoration-color: var(--rad-ui-color-accent-600);\n}\n\n.rad-ui-callout {\n   padding:16px;\n   border-radius:8px;\n    background-color: var(--rad-ui-color-accent-200);\n    color: var(--rad-ui-color-accent-950);\n    display: flex;\n    align-items: center;\n    font-weight: 300;\n    font-size: 14px;\n    gap:8px;\n}\n.rad-ui-tooltip{\n    \n}\n.rad-ui-tooltip-reference-element{\n\n}\n.rad-ui-tooltip-floating-element{\n    background-color:var(--rad-ui-color-gray-1000); \n    color: var(--rad-ui-color-gray-100);\n    padding: 4px 12px;\n    border-radius: 8px;\n}\n\n.rad-ui-arrow{\n    fill: var(--rad-ui-color-gray-1000);\n}\n\n.rad-ui-kbd{\n    user-select: none;\n    font-weight: 400;\n    font-family: inherit;\n    background-color: var(--rad-ui-color-gray-50);\n    color: var(--rad-ui-color-gray-950);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    white-space: nowrap;\n    border-radius: 4px;\n    border: 1px solid var(--rad-ui-color-gray-500);\n    box-shadow:  0px 0px 3px 1px var(--rad-ui-color-gray-400);\n    padding: 4px 8px;\n\n    \n}"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@radui/ui",
-  "version": "0.0.4",
+  "version": "0.0.6",
   "description": "",
   "main": "dist",
   "type": "module",
@@ -8,17 +8,20 @@
     "./Avatar": "./dist/components/Avatar.js"
   },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1",
+    "test": "jest",
+    "coverage": "jest --coverage",
     "clean": "rimraf dist",
+    "chromatic": "chromatic --exit-zero-on-changes",
     "sb": "storybook dev -p 6006",
     "patch": "npm version patch",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "build-css": "parcel build styles/themes/default.scss --out-dir dist/themes/main.css",
-    "build": "npm run clean && npm run build-css && rollup -c",
+    "build-css": "parcel build styles/themes/default.scss --out-dir dist/themes/",
+    "build": "npm run test && npm run clean && npm run build-css && rollup -c --bundleConfigAsCjs",
     "generate-tokens": "node ./scripts/tokenGen",
     "publish": "npm publish --access public",
-    "lint": "eslint --ext .js,.jsx,.ts,.tsx . --fix"
+    "lint": "eslint --ext .js,.jsx,.ts,.tsx . --fix",
+    "update-rad": "npm update @radui/ui"
   },
   "repository": {
     "type": "git",
@@ -30,11 +33,16 @@
   "author": "Pranay Kothapalli",
   "license": "ISC",
   "devDependencies": {
+    "@babel/eslint-parser": "^7.23.3",
     "@babel/preset-env": "^7.22.15",
     "@babel/preset-react": "^7.22.15",
+    "@babel/preset-typescript": "^7.23.3",
+    "@radui/ui": "^0.0.4",
+    "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-babel": "^6.0.3",
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.5",
     "@storybook/addon-essentials": "^7.4.0",
     "@storybook/addon-interactions": "^7.4.0",
     "@storybook/addon-links": "^7.4.0",
@@ -44,20 +52,26 @@
     "@storybook/react": "^7.4.0",
     "@storybook/react-webpack5": "^7.4.0",
     "@storybook/testing-library": "^0.2.0",
+    "@testing-library/jest-dom": "^6.1.5",
+    "@testing-library/react": "^14.1.2",
     "@typescript-eslint/eslint-plugin": "^6.9.0",
     "autoprefixer": "^10.4.15",
     "babel-plugin-module-resolver": "^5.0.0",
     "eslint": "^8.52.0",
     "eslint-config-google": "^0.14.0",
     "eslint-config-standard": "^17.1.0",
-    "eslint-config-standard-with-typescript": "^39.1.1",
+    "eslint-config-standard-with-typescript": "^43.0.0",
     "eslint-plugin-import": "^2.29.0",
     "eslint-plugin-n": "^16.2.0",
     "eslint-plugin-promise": "^6.1.1",
     "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
     "husky": "^8.0.3",
+    "install": "^0.13.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
     "node-sass": "^9.0.0",
+    "npm": "^10.2.5",
     "parcel-bundler": "^1.12.5",
     "postcss": "^8.4.29",
     "prop-types": "^15.8.1",
@@ -70,7 +84,8 @@
     "sass-loader": "^13.3.2",
     "storybook": "^7.4.0",
     "tailwindcss": "^3.3.3",
-    "typescript": "^5.2.2"
+    "ts-jest": "^29.1.1",
+    "typescript": "^5.3.3"
   },
   "dependencies": {
     "@floating-ui/react": "^0.26.2",

package/dist/themes/main.css/default.css

@@ -1,2 +0,0 @@
-a:focus,button:active,button:focus,input:active,input:focus,textarea:active,textarea:focus{outline:1px solid var(--rad-ui-color-accent-300);outline-style:groove}::selection{background-color:var(--rad-ui-color-accent-300);color:var(--rad-ui-color-accent-950)}.rad-ui-button{height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;padding:0 12px}.button-solid{background-color:var(--rad-ui-color-accent-900);color:#fff}.button-solid:hover{background-color:var(--rad-ui-color-accent-950)}.button-soft{color:var(--rad-ui-color-accent-900);background-color:var(--rad-ui-color-accent-400)}.button-soft:hover{background-color:var(--rad-ui-color-accent-500)}.button-outline{background-color:transparent;color:var(--rad-ui-color-accent-900);border:1px solid var(--rad-ui-color-accent-900)}.button-outline:hover{border-color:var(--rad-ui-color-accent-950)}.button-ghost{background-color:transparent;color:var(--rad-ui-color-accent-900)}.button-ghost:hover{border-color:var(--rad-ui-color-accent-950);background-color:var(--rad-ui-color-accent-300)}.rui-code-root{color:var(--rad-ui-color-accent-950);background-color:var(--rad-ui-color-accent-400);padding:1px 10px;display:inline-block;border-radius:4px;font-size:12px}.rad-ui-avatar{width:32px;height:32px;border-radius:8px}.rad-ui-avatar-fallback{display:flex;align-items:center;justify-content:center;color:var(--rad-ui-color-accent-900);background-color:var(--rad-ui-color-accent-500)}.rad-ui-block-quote{border-color:var(--rad-ui-color-accent-600);border-left-width:.5rem;padding-left:12px}.rad-ui-tab-list{display:flex;box-shadow:inset 0 -1px 0 0 var(--rad-ui-color-gray-500)}.rad-ui-tab-trigger.active{color:var(--rad-ui-color-accent-950);border-bottom:2px solid var(--rad-ui-color-accent-900)}.rad-ui-tab-trigger{color:var(--rad-ui-color-accent-600);font-family:inherit;padding:10px;display:flex;height:42px;font-size:15px;line-height:1;cursor:pointer}.rad-ui-tab-trigger:hover{color:var(--rad-ui-color-accent-900)}.rad-ui-tab-trigger-inner{padding:4px 8px}.rad-ui-tab-trigger:hover>.rad-ui-tab-trigger-inner{background-color:var(--rad-ui-color-accent-200);border-radius:4px}.rad-ui-tab-content{padding:20px 0;color:var(--rad-ui-color-gray-1000)}.rad-ui-separator{background-color:var(--rad-ui-color-gray-600)}.rad-ui-separator-vertical{margin:0 8px;width:1px}.rad-ui-separator-horizontal{margin:8px 0;height:1px}.rad-ui-badge{background-color:var(--rad-ui-color-accent-300);color:var(--rad-ui-color-accent-950);padding:4px 8px;display:flex;align-items:center;justify-content:center;font-weight:600;border-radius:4px}.rad-ui-h1{font-weight:700;font-size:60px;letter-spacing:-3.5px;line-height:72px}.rad-ui-h2{font-weight:700;font-size:54px;letter-spacing:-3px;line-height:62px}.rad-ui-h3{font-weight:700;font-size:48px;letter-spacing:-2px;line-height:54px}.rad-ui-h4{font-weight:700;font-size:42px;letter-spacing:-1px;line-height:48px}.rad-ui-h5{font-weight:700;font-size:36px;letter-spacing:-.5px;line-height:42px}.rad-ui-h6{font-weight:700;font-size:32px;line-height:36px}.rad-ui-text{font-size:16px;line-height:24px}.rad-ui-link{color:var(--rad-ui-color-accent-800);cursor:pointer}.rad-ui-link:hover{color:var(--rad-ui-color-accent-900);text-decoration:underline;text-decoration-color:var(--rad-ui-color-accent-600)}.rad-ui-callout{padding:16px;border-radius:8px;background-color:var(--rad-ui-color-accent-200);color:var(--rad-ui-color-accent-950);display:flex;align-items:center;font-weight:300;font-size:14px;gap:8px}.rad-ui-tooltip-floating-element{background-color:var(--rad-ui-color-gray-1000);color:var(--rad-ui-color-gray-100);padding:4px 12px;border-radius:8px}.rad-ui-arrow{fill:var(--rad-ui-color-gray-1000)}.rad-ui-kbd{user-select:none;font-weight:400;font-family:inherit;background-color:var(--rad-ui-color-gray-50);color:var(--rad-ui-color-gray-950);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:4px;border:1px solid var(--rad-ui-color-gray-500);box-shadow:0 0 3px 1px var(--rad-ui-color-gray-400);padding:4px 8px}
-/*# sourceMappingURL=/default.css.map */

package/dist/themes/main.css/default.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["default.scss"],"names":[],"mappings":"AAAA,2FACI,gDAAiD,CACjD,oBAEqB,CAGzB,YACI,+CAAgD,CAChD,oCAAqC,CAIzC,eACI,WAAY,CACZ,iBAAkB,CAClB,YAAY,CACZ,kBAAkB,CAClB,sBAAsB,CACtB,cAAgB,CAEpB,cACI,+CAAgD,CAChD,UAAY,CAEhB,oBACI,+CAAgD,CAIpD,aACI,oCAAqC,CACrC,+CAAiD,CAErD,mBACI,+CAAiD,CAKrD,gBACI,4BAA6B,CAC7B,oCAAqC,CACrC,+CAAgD,CAEpD,sBACI,2CAA2C,CAI/C,cACI,4BAA6B,CAC7B,oCAAqC,CAEzC,oBACI,2CAA2C,CAC3C,+CAAgD,CAKpD,eACI,oCAAqC,CACrC,+CAAgD,CAChD,gBAAgB,CAChB,oBAAqB,CACrB,iBAAkB,CAClB,cAAc,CAGlB,eACI,UAAU,CACV,WAAW,CACX,iBAAkB,CAGtB,wBACI,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,oCAAqC,CACrC,+CAAgD,CAGpD,oBACI,2CAA4C,CAC5C,uBAAyB,CACzB,iBAAiB,CAQrB,iBACI,YAAa,CACb,wDAAyD,CAI7D,2BACI,oCAAqC,CACrC,sDAAsD,CAE1D,oBACI,oCAAqC,CACrC,mBAAoB,CACpB,YAAkB,CAElB,YAAa,CACb,WAAW,CACX,cAAe,CACf,aAAc,CACd,cAAe,CAEnB,0BACI,oCAAqC,CAGzC,0BACI,eAAe,CAEnB,oDACI,+CAAgD,CAChD,iBAAkB,CAGtB,oBACI,cAAgB,CAChB,mCAAqC,CAKzC,kBACI,6CAA8C,CAGlD,2BACI,YAAe,CACf,SAAU,CAGd,6BACI,YAAe,CACf,UAAW,CAIf,cACI,+CAAgD,CAChD,oCAAqC,CACrC,eAAe,CACf,YAAa,CACb,kBAAmB,CACnB,sBAAuB,CACvB,eAAgB,CAChB,iBAAkB,CAItB,WACI,eAAiB,CACjB,cAAe,CACf,qBAAsB,CACtB,gBAAgB,CAGpB,WACI,eAAiB,CACjB,cAAe,CACf,mBAAoB,CACpB,gBAAgB,CAGpB,WACI,eAAiB,CACjB,cAAe,CACf,mBAAoB,CACpB,gBAAgB,CAGpB,WACI,eAAiB,CACjB,cAAe,CACf,mBAAoB,CACpB,gBAAgB,CAGpB,WACI,eAAiB,CACjB,cAAe,CACf,oBAAsB,CACtB,gBAAgB,CAGpB,WACI,eAAiB,CACjB,cAAe,CAEf,gBAAgB,CAGpB,aACI,cAAe,CACf,gBAAiB,CAGrB,aACI,oCAAqC,CACrC,cAAe,CAEnB,mBACI,oCAAqC,CACrC,yBAA2B,CAC3B,oDAAqD,CAGzD,gBACG,YAAY,CACZ,iBAAiB,CAChB,+CAAgD,CAChD,oCAAqC,CACrC,YAAa,CACb,kBAAmB,CACnB,eAAgB,CAChB,cAAe,CACf,OAAO,CAQX,iCACI,8CAA8C,CAC9C,kCAAmC,CACnC,gBAAiB,CACjB,iBAAkB,CAGtB,cACI,kCAAmC,CAGvC,YACI,gBAAiB,CACjB,eAAgB,CAChB,mBAAoB,CACpB,4CAA6C,CAC7C,kCAAmC,CACnC,mBAAoB,CACpB,kBAAmB,CACnB,sBAAuB,CACvB,kBAAmB,CACnB,iBAAkB,CAClB,6CAA8C,CAC9C,mDAAyD,CACzD,eAAgB","file":"default.css","sourceRoot":"../../../styles/themes","sourcesContent":["button:active, button:focus, input:active, input:focus, textarea:active, textarea:focus,a:focus {\n    outline: 1px solid var(--rad-ui-color-accent-300);\n    outline-style:groove;\n\n    /* outline:0 none; */\n}\n\n::selection{\n    background-color: var(--rad-ui-color-accent-300);\n    color: var(--rad-ui-color-accent-950);\n\n}\n\n.rad-ui-button{\n    height: 32px;\n    border-radius: 4px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    padding:0px 12px;\n}\n.button-solid{\n    background-color: var(--rad-ui-color-accent-900);\n    color: white;\n}\n.button-solid:hover{\n    background-color: var(--rad-ui-color-accent-950);\n}\n\n/** Soft */\n.button-soft{\n    color: var(--rad-ui-color-accent-900);\n    background-color:  var(--rad-ui-color-accent-400);\n}\n.button-soft:hover{\n    background-color:  var(--rad-ui-color-accent-500);\n}\n\n\n/**Outline */\n.button-outline{\n    background-color: transparent;\n    color: var(--rad-ui-color-accent-900);\n    border: 1px solid var(--rad-ui-color-accent-900);\n}\n.button-outline:hover{\n    border-color:var(--rad-ui-color-accent-950) ;\n}\n\n/**Ghost */\n.button-ghost{\n    background-color: transparent;\n    color: var(--rad-ui-color-accent-900);\n}\n.button-ghost:hover{\n    border-color:var(--rad-ui-color-accent-950) ;\n    background-color: var(--rad-ui-color-accent-300);\n}\n\n\n\n.rui-code-root{\n    color: var(--rad-ui-color-accent-950);\n    background-color: var(--rad-ui-color-accent-400);\n    padding:1px 10px;\n    display: inline-block;\n    border-radius: 4px;\n    font-size:12px;\n}\n\n.rad-ui-avatar{\n    width:32px;\n    height:32px;\n    border-radius: 8px;\n}\n\n.rad-ui-avatar-fallback{\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--rad-ui-color-accent-900);\n    background-color: var(--rad-ui-color-accent-500) ;\n}\n\n.rad-ui-block-quote{\n    border-color: var(--rad-ui-color-accent-600);\n    border-left-width: 0.5rem;\n    padding-left:12px;\n}\n\n\n/** TABS  */\n.rad-ui-tab-root{\n\n}\n.rad-ui-tab-list{\n    display: flex;\n    box-shadow: inset 0 -1px 0 0 var(--rad-ui-color-gray-500);\n}\n\n\n.rad-ui-tab-trigger.active{\n    color: var(--rad-ui-color-accent-950);\n    border-bottom:2px solid var(--rad-ui-color-accent-900);\n}\n.rad-ui-tab-trigger {\n    color: var(--rad-ui-color-accent-600);\n    font-family: inherit;\n    padding: 10px 10px;\n\n    display: flex;\n    height:42px;\n    font-size: 15px;\n    line-height: 1;\n    cursor: pointer;\n}\n.rad-ui-tab-trigger:hover{\n    color: var(--rad-ui-color-accent-900);\n}\n\n.rad-ui-tab-trigger-inner{\n    padding:4px 8px;\n}\n.rad-ui-tab-trigger:hover > .rad-ui-tab-trigger-inner{\n    background-color: var(--rad-ui-color-accent-200);\n    border-radius: 4px;\n}\n\n.rad-ui-tab-content{\n    padding:20px 0px;\n    color : var(--rad-ui-color-gray-1000);\n}\n\n\n/** Separator */\n.rad-ui-separator {\n    background-color: var(--rad-ui-color-gray-600);\n}\n\n.rad-ui-separator-vertical{\n    margin: 0px 8px;\n    width: 1px;\n}\n\n.rad-ui-separator-horizontal{\n    margin: 8px 0px;\n    height: 1px;\n}\n\n/** Badge */\n.rad-ui-badge {\n    background-color: var(--rad-ui-color-accent-300);\n    color: var(--rad-ui-color-accent-950);\n    padding:4px 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-weight: 600;\n    border-radius: 4px;\n}\n\n\n.rad-ui-h1{\n    font-weight: bold;\n    font-size: 60px;\n    letter-spacing: -3.5px;\n    line-height:72px;\n}\n\n.rad-ui-h2{\n    font-weight: bold;\n    font-size: 54px;\n    letter-spacing: -3px;\n    line-height:62px;\n}\n\n.rad-ui-h3{\n    font-weight: bold;\n    font-size: 48px;\n    letter-spacing: -2px;\n    line-height:54px;\n}\n\n.rad-ui-h4{\n    font-weight: bold;\n    font-size: 42px;\n    letter-spacing: -1px;\n    line-height:48px;\n}\n\n.rad-ui-h5{\n    font-weight: bold;\n    font-size: 36px;\n    letter-spacing: -0.5px;\n    line-height:42px;\n}\n\n.rad-ui-h6{\n    font-weight: bold;\n    font-size: 32px;\n\n    line-height:36px;\n}\n\n.rad-ui-text{\n    font-size: 16px;\n    line-height: 24px;\n}\n\n.rad-ui-link {\n    color: var(--rad-ui-color-accent-800);\n    cursor: pointer;\n}\n.rad-ui-link:hover {\n    color: var(--rad-ui-color-accent-900);\n    text-decoration: underline ;\n    text-decoration-color: var(--rad-ui-color-accent-600);\n}\n\n.rad-ui-callout {\n   padding:16px;\n   border-radius:8px;\n    background-color: var(--rad-ui-color-accent-200);\n    color: var(--rad-ui-color-accent-950);\n    display: flex;\n    align-items: center;\n    font-weight: 300;\n    font-size: 14px;\n    gap:8px;\n}\n.rad-ui-tooltip{\n    \n}\n.rad-ui-tooltip-reference-element{\n\n}\n.rad-ui-tooltip-floating-element{\n    background-color:var(--rad-ui-color-gray-1000); \n    color: var(--rad-ui-color-gray-100);\n    padding: 4px 12px;\n    border-radius: 8px;\n}\n\n.rad-ui-arrow{\n    fill: var(--rad-ui-color-gray-1000);\n}\n\n.rad-ui-kbd{\n    user-select: none;\n    font-weight: 400;\n    font-family: inherit;\n    background-color: var(--rad-ui-color-gray-50);\n    color: var(--rad-ui-color-gray-950);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    white-space: nowrap;\n    border-radius: 4px;\n    border: 1px solid var(--rad-ui-color-gray-500);\n    box-shadow:  0px 0px 3px 1px var(--rad-ui-color-gray-400);\n    padding: 4px 8px;\n\n    \n}"]}