@xyd-js/components 0.1.0-xyd.1 → 0.1.0-xyd.10

package/src/writer/UnderlineNav/UnderlineNav.styles.tsx

@@ -1,45 +1,47 @@
 import {css} from "@linaria/core"
 
-export const $nav = {
-    host: css`
-        align-items: center;
-        display: flex;
-
-        height: 42px;
-
-        background-color: #fff;
-        border-bottom: 1px solid hsl(212, 15%, calc(96% - 12% * 1));
-
-        z-index: 99;
-    `,
-    ul: css`
-        display: flex;
-        gap: 10px;
-
-        height: 100%;
-        color: hsl(212, 15%, calc(96% - 12% * 4));
-
-        list-style: none;
-        padding: 0;
-        white-space: nowrap;
-    `,
-    item: css`
-        height: 100%;
-
-        &[data-state="active"] { // TODO: in the future it should not be possible
-            a {
-                border-bottom-color: rgb(112, 81, 212);
-            }
+export const UnderlineNavHost = css`
+    align-items: center;
+    display: flex;
+
+    height: 42px;
+
+    background-color: #fff;
+    border-bottom: 1px solid hsl(212, 15%, calc(96% - 12% * 1));
+
+    z-index: 99;
+`;
+
+export const UnderlineNavUl = css`
+    display: flex;
+    gap: 10px;
+
+    height: 100%;
+    color: hsl(212, 15%, calc(96% - 12% * 4));
+
+    list-style: none;
+    padding: 0;
+    white-space: nowrap;
+`;
+
+export const UnderlineNavItem = css`
+    height: 100%;
+
+    &[data-state="active"] { // TODO: in the future it should not be possible
+        a {
+            border-bottom-color: rgb(112, 81, 212);
         }
-    `,
-    itemLink: css`
-        display: inline-flex;
-        border-bottom: 3px solid transparent;
-        text-decoration: none;
-
-        height: 100%;
-        padding: 10px;
-    `,
-    itemLink$$active: css`
-    `
-}
+    }
+`;
+
+export const UnderlineNavItemLink = css`
+    display: inline-flex;
+    border-bottom: 3px solid transparent;
+    text-decoration: none;
+
+    height: 100%;
+    padding: 10px;
+`;
+
+export const UnderlineNavItemLinkActive = css`
+`;

package/src/writer/UnderlineNav/UnderlineNav.tsx

@@ -1,7 +1,7 @@
 import React from "react"
 import * as RadixTabs from "@radix-ui/react-tabs";
 
-import {$nav} from "./UnderlineNav.styles"
+import * as cn from "./UnderlineNav.styles"
 
 export interface TabsProps {
     children: React.ReactNode
@@ -11,9 +11,9 @@ export interface TabsProps {
 
 export function UnderlineNav({children, value, onChange}: TabsProps) {
     return <RadixTabs.Root asChild value={value} onValueChange={onChange}>
-        <nav className={$nav.host}>
+        <nav className={cn.UnderlineNavHost}>
             <RadixTabs.List asChild>
-                <ul className={$nav.ul}>
+                <ul className={cn.UnderlineNavUl}>
                     {children}
                 </ul>
             </RadixTabs.List>
@@ -29,8 +29,8 @@ export interface UnderlineNavItemProps {
 
 UnderlineNav.Item = function UnderlineNavItem({children, value, href}: UnderlineNavItemProps) {
     return <RadixTabs.Trigger asChild value={value}>
-        <li className={$nav.item}>
-            <a href={href} className={`${$nav.itemLink}`}>
+        <li className={cn.UnderlineNavItem}>
+            <a href={href} className={`${cn.UnderlineNavItemLink}`}>
                 {children}
             </a>
         </li>

package/tsconfig.json

@@ -2,7 +2,7 @@
   "compilerOptions": {
     "module": "esnext",
     "esModuleInterop": true,
-    "moduleResolution": "bundler", // Update this line
+    "moduleResolution": "bundler",
     "target": "ES6",
     "lib": [
       "dom",
@@ -12,7 +12,7 @@
     "allowJs": true,
     "skipLibCheck": true,
     "strict": false,
-    "noEmit": true,
+    "noEmit": false,
     "incremental": false,
     "resolveJsonModule": true,
     "isolatedModules": true,
@@ -23,7 +23,6 @@
       }
     ],
     "strictNullChecks": true,
-    "allowImportingTsExtensions": true,
     "baseUrl": ".",
     "paths": {
       "*": ["*", "*.ts"]

package/dist/CTABanner-CYKba2Vn.js

@@ -1 +0,0 @@
-import{R as e}from"./index-eU5so3Si.js";var a="hn2r3b2",n="hgvnekf";function t(t){var r=t.children,c=t.kind;return e.createElement("button",{className:"\n        ".concat(a,"\n        ").concat("secondary"===c&&n,"\n    ")},r)}var r="h1vbgqbd",c="c1qluffv",s="h7zyorj",l="h10nnuqu";function m(a){var n=a.children;return e.createElement("div",{className:r},e.createElement("div",{className:c},e.createElement("div",{className:s},n)))}var i="h1xgyvqe",v="t1rx1fna",u="s9nduqh";m.Heading=function(a){var n=a.title,t=a.subtitle,r=a.headingEffect;return e.createElement("div",{className:i},e.createElement("h1",{className:v},r?e.createElement("span",{className:l},n):n),e.createElement("p",{className:u},t))};var d="hth6on8";m.ButtonGroup=function(a){var n=a.children;return e.createElement("div",{className:d},n)};export{t as B,m as C};

package/dist/CTABanner-hV6NH0Xf.js

@@ -1 +0,0 @@
-import{R as e}from"./index-BE4Aq8NU.js";var a="hn2r3b2",n="hgvnekf";function t(t){var r=t.children,c=t.kind;return e.createElement("button",{className:"\n        ".concat(a,"\n        ").concat("secondary"===c&&n,"\n    ")},r)}var r="h1vbgqbd",c="c1qluffv",s="h7zyorj",l="h10nnuqu";function m(a){var n=a.children;return e.createElement("div",{className:r},e.createElement("div",{className:c},e.createElement("div",{className:s},n)))}var i="h1xgyvqe",v="t1rx1fna",u="s9nduqh";m.Heading=function(a){var n=a.title,t=a.subtitle,r=a.headingEffect;return e.createElement("div",{className:i},e.createElement("h1",{className:v},r?e.createElement("span",{className:l},n):n),e.createElement("p",{className:u},t))};var d="hth6on8";m.ButtonGroup=function(a){var n=a.children;return e.createElement("div",{className:d},n)};export{t as B,m as C};