@koide-labs/ui 0.0.4 → 0.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,4 +5,4 @@ export type AnchorProps = useRender.ComponentProps<"a"> & {
5
5
  */
6
6
  external?: boolean;
7
7
  };
8
- export declare function Anchor({ external, render, children, ...props }: AnchorProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
8
+ export declare function Anchor({ external, render, ...props }: AnchorProps): import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
@@ -1,39 +1,25 @@
1
1
  "use client";
2
- import { jsxs as c, Fragment as s, jsx as t } from "react/jsx-runtime";
3
- import { Icon as m } from "../icon/index.js";
4
- import { u as i } from "../../useRender-CLx7dR_1.js";
5
- import { m as l } from "../../useRenderElement-DwToLA61.js";
6
- import '../../index6.css';const _ = "_anchor_71aa4_1", h = "_anchor__icon_71aa4_14", r = {
7
- anchor: _,
8
- anchor__icon: h
2
+ import { u as o } from "../../useRender-CLx7dR_1.js";
3
+ import { m as t } from "../../useRenderElement-DwToLA61.js";
4
+ import '../../index6.css';const a = "_anchor_zl00p_1", s = {
5
+ anchor: a
9
6
  };
10
- function x({ external: n, render: e, children: o, ...a }) {
11
- return i({
7
+ function p({ external: e, render: r, ...n }) {
8
+ return o({
12
9
  defaultTagName: "a",
13
- render: e,
14
- props: l(
10
+ render: r,
11
+ props: t(
15
12
  {
16
- className: r.anchor,
17
- ...n ? {
13
+ className: s.anchor,
14
+ ...e ? {
18
15
  target: "_blank",
19
16
  rel: "noreferrer"
20
- } : {},
21
- children: /* @__PURE__ */ c(s, { children: [
22
- o,
23
- n ? /* @__PURE__ */ t(
24
- m,
25
- {
26
- name: "external-link-line",
27
- size: "sm",
28
- className: r.anchor__icon
29
- }
30
- ) : null
31
- ] })
17
+ } : {}
32
18
  },
33
- a
19
+ n
34
20
  )
35
21
  });
36
22
  }
37
23
  export {
38
- x as Anchor
24
+ p as Anchor
39
25
  };
package/dist/index6.css CHANGED
@@ -1 +1 @@
1
- ._anchor_71aa4_1{cursor:pointer;color:var(--primary-stronger);font-weight:var(--font-weight-regular);font-size:var(--font-size-default);line-height:var(--line-height-default);text-decoration:underline}._anchor_71aa4_1:visited{color:var(--blurple-stronger)}._anchor__icon_71aa4_14{vertical-align:-5%;margin-left:var(--space-2)}
1
+ ._anchor_zl00p_1{cursor:pointer;color:var(--primary-stronger);font-weight:var(--font-weight-regular);font-size:var(--font-size-default);line-height:var(--line-height-default);text-decoration:underline}._anchor_zl00p_1:visited{color:var(--blurple-stronger)}
@@ -1 +1 @@
1
- @theme{ --font-sans: var(--font-family-default); --font-mono: var(--font-family-code); --text-small: var(--font-size-small); --text-default: var(--font-size-default); --text-subhead-default: var(--font-size-subhead-default); --text-subhead-big: var(--font-size-subhead-big); --text-header-default: var(--font-size-header-default); --text-header-big: var(--font-size-header-big); --leading-none: 1; --leading-small: var(--line-height-small); --leading-default: var(--line-height-default); --leading-subhead-default: var(--line-height-subhead-default); --leading-subhead-big: var(--line-height-subhead-big); --leading-header-default: var(--line-height-header-default); --leading-header-big: var(--line-height-header-big); --shadow-1: var(--shadow-1); --shadow-2: var(--shadow-2); --shadow-3: var(--shadow-3); --shadow-focus: inset 0 0 0 2px var(--primary-default); --shadow-default: var(--shadow-default); --shadow-none: ""; --color-transparent: transparent; --color-white: #fcfcfc; --color-black: #0e1525; --color-background-root: var(--background-root); --color-background-default: var(--background-default); --color-background-higher: var(--background-higher); --color-background-highest: var(--background-highest); --color-background-overlay: var(--background-overlay); --color-foreground-default: var(--foreground-default); --color-foreground-dimmer: var(--foreground-dimmer); --color-foreground-dimmest: var(--foreground-dimmest); --color-outline-dimmest: var(--outline-dimmest); --color-outline-dimmer: var(--outline-dimmer); --color-outline-default: var(--outline-default); --color-outline-stronger: var(--outline-stronger); --color-outline-strongest: var(--outline-strongest); --color-red-dimmest: var(--red-dimmest); --color-red-dimmer: var(--red-dimmer); --color-red-default: var(--red-default); --color-red-stronger: var(--red-stronger); --color-red-strongest: var(--red-strongest); --color-orange-dimmest: var(--orange-dimmest); --color-orange-dimmer: var(--orange-dimmer); --color-orange-default: var(--orange-default); --color-orange-stronger: var(--orange-stronger); --color-orange-strongest: var(--orange-strongest); --color-yellow-dimmest: var(--yellow-dimmest); --color-yellow-dimmer: var(--yellow-dimmer); --color-yellow-default: var(--yellow-default); --color-yellow-stronger: var(--yellow-stronger); --color-yellow-strongest: var(--yellow-strongest); --color-lime-dimmest: var(--lime-dimmest); --color-lime-dimmer: var(--lime-dimmer); --color-lime-default: var(--lime-default); --color-lime-stronger: var(--lime-stronger); --color-lime-strongest: var(--lime-strongest); --color-green-dimmest: var(--green-dimmest); --color-green-dimmer: var(--green-dimmer); --color-green-default: var(--green-default); --color-green-stronger: var(--green-stronger); --color-green-strongest: var(--green-strongest); --color-teal-dimmest: var(--teal-dimmest); --color-teal-dimmer: var(--teal-dimmer); --color-teal-default: var(--teal-default); --color-teal-stronger: var(--teal-stronger); --color-teal-strongest: var(--teal-strongest); --color-blue-dimmest: var(--blue-dimmest); --color-blue-dimmer: var(--blue-dimmer); --color-blue-default: var(--blue-default); --color-blue-stronger: var(--blue-stronger); --color-blue-strongest: var(--blue-strongest); --color-blurple-dimmest: var(--blurple-dimmest); --color-blurple-dimmer: var(--blurple-dimmer); --color-blurple-default: var(--blurple-default); --color-blurple-stronger: var(--blurple-stronger); --color-blurple-strongest: var(--blurple-strongest); --color-purple-dimmest: var(--purple-dimmest); --color-purple-dimmer: var(--purple-dimmer); --color-purple-default: var(--purple-default); --color-purple-stronger: var(--purple-stronger); --color-purple-strongest: var(--purple-strongest); --color-magenta-dimmest: var(--magenta-dimmest); --color-magenta-dimmer: var(--magenta-dimmer); --color-magenta-default: var(--magenta-default); --color-magenta-stronger: var(--magenta-stronger); --color-magenta-strongest: var(--magenta-strongest); --color-pink-dimmest: var(--pink-dimmest); --color-pink-dimmer: var(--pink-dimmer); --color-pink-default: var(--pink-default); --color-pink-stronger: var(--pink-stronger); --color-pink-strongest: var(--pink-strongest); --color-grey-dimmest: var(--grey-dimmest); --color-grey-dimmer: var(--grey-dimmer); --color-grey-default: var(--grey-default); --color-grey-stronger: var(--grey-stronger); --color-grey-strongest: var(--grey-strongest); --color-brown-dimmest: var(--brown-dimmest); --color-brown-dimmer: var(--brown-dimmer); --color-brown-default: var(--brown-default); --color-brown-stronger: var(--brown-stronger); --color-brown-strongest: var(--brown-strongest); --color-primary-dimmest: var(--primary-dimmest); --color-primary-dimmer: var(--primary-dimmer); --color-primary-default: var(--primary-default); --color-primary-stronger: var(--primary-stronger); --color-primary-strongest: var(--primary-strongest); --color-positive-dimmest: var(--positive-dimmest); --color-positive-dimmer: var(--positive-dimmer); --color-positive-default: var(--positive-default); --color-positive-stronger: var(--positive-stronger); --color-positive-strongest: var(--positive-strongest); --color-negative-dimmest: var(--negative-dimmest); --color-negative-dimmer: var(--negative-dimmer); --color-negative-default: var(--negative-default); --color-negative-stronger: var(--negative-stronger); --color-negative-strongest: var(--negative-strongest); --color-warning-dimmest: var(--warning-dimmest); --color-warning-dimmer: var(--warning-dimmer); --color-warning-default: var(--warning-default); --color-warning-stronger: var(--warning-stronger); --color-warning-strongest: var(--warning-strongest); --color-view-colorway-dimmest: var(--view-colorway-dimmest); --color-view-colorway-dimmer: var(--view-colorway-dimmer); --color-view-colorway-default: var(--view-colorway-default); --color-view-colorway-stronger: var(--view-colorway-stronger); --color-view-colorway-strongest: var(--view-colorway-strongest); --color-surface-background: var(--surface-background); --color-surface-interactive-background: var(--surface-interactive-background); --color-surface-interactive-background-active: var( --surface-interactive-background-active ); --color-surface-interactive-border: var(--surface-interactive-border); --color-surface-interactive-border-hover: var( --surface-interactive-border-hover ); --default-transition-duration: var(--transition-duration-snappy); --default-transition-timing-function: var( --transition-timing-function-snappy ); --ease-snappy: var(--transition-timing-function-snappy); --ease-chill: var(--transition-timing-function-chill); --radius-none: 0px; --radius-sm: var(--border-radius-2); --radius-md: var(--border-radius-4); --radius-lg: var(--border-radius-6); --radius-xl: var(--border-radius-8); --radius-2xl: var(--border-radius-12); --radius-3xl: var(--border-radius-16); --radius-full: var(--border-radius-round); --radius-default: var(--border-radius-default); }
1
+ @theme inline{ --font-sans: var(--font-family-default); --font-mono: var(--font-family-code); --text-small: var(--font-size-small); --text-default: var(--font-size-default); --text-subhead-default: var(--font-size-subhead-default); --text-subhead-big: var(--font-size-subhead-big); --text-header-default: var(--font-size-header-default); --text-header-big: var(--font-size-header-big); --leading-none: 1; --leading-small: var(--line-height-small); --leading-default: var(--line-height-default); --leading-subhead-default: var(--line-height-subhead-default); --leading-subhead-big: var(--line-height-subhead-big); --leading-header-default: var(--line-height-header-default); --leading-header-big: var(--line-height-header-big); --shadow-1: var(--shadow-1); --shadow-2: var(--shadow-2); --shadow-3: var(--shadow-3); --shadow-focus: inset 0 0 0 2px var(--primary-default); --shadow-default: var(--shadow-default); --shadow-none: ""; --color-transparent: transparent; --color-white: #fcfcfc; --color-black: #0e1525; --color-background-root: var(--background-root); --color-background-default: var(--background-default); --color-background-higher: var(--background-higher); --color-background-highest: var(--background-highest); --color-background-overlay: var(--background-overlay); --color-foreground-default: var(--foreground-default); --color-foreground-dimmer: var(--foreground-dimmer); --color-foreground-dimmest: var(--foreground-dimmest); --color-outline-dimmest: var(--outline-dimmest); --color-outline-dimmer: var(--outline-dimmer); --color-outline-default: var(--outline-default); --color-outline-stronger: var(--outline-stronger); --color-outline-strongest: var(--outline-strongest); --color-red-dimmest: var(--red-dimmest); --color-red-dimmer: var(--red-dimmer); --color-red-default: var(--red-default); --color-red-stronger: var(--red-stronger); --color-red-strongest: var(--red-strongest); --color-orange-dimmest: var(--orange-dimmest); --color-orange-dimmer: var(--orange-dimmer); --color-orange-default: var(--orange-default); --color-orange-stronger: var(--orange-stronger); --color-orange-strongest: var(--orange-strongest); --color-yellow-dimmest: var(--yellow-dimmest); --color-yellow-dimmer: var(--yellow-dimmer); --color-yellow-default: var(--yellow-default); --color-yellow-stronger: var(--yellow-stronger); --color-yellow-strongest: var(--yellow-strongest); --color-lime-dimmest: var(--lime-dimmest); --color-lime-dimmer: var(--lime-dimmer); --color-lime-default: var(--lime-default); --color-lime-stronger: var(--lime-stronger); --color-lime-strongest: var(--lime-strongest); --color-green-dimmest: var(--green-dimmest); --color-green-dimmer: var(--green-dimmer); --color-green-default: var(--green-default); --color-green-stronger: var(--green-stronger); --color-green-strongest: var(--green-strongest); --color-teal-dimmest: var(--teal-dimmest); --color-teal-dimmer: var(--teal-dimmer); --color-teal-default: var(--teal-default); --color-teal-stronger: var(--teal-stronger); --color-teal-strongest: var(--teal-strongest); --color-blue-dimmest: var(--blue-dimmest); --color-blue-dimmer: var(--blue-dimmer); --color-blue-default: var(--blue-default); --color-blue-stronger: var(--blue-stronger); --color-blue-strongest: var(--blue-strongest); --color-blurple-dimmest: var(--blurple-dimmest); --color-blurple-dimmer: var(--blurple-dimmer); --color-blurple-default: var(--blurple-default); --color-blurple-stronger: var(--blurple-stronger); --color-blurple-strongest: var(--blurple-strongest); --color-purple-dimmest: var(--purple-dimmest); --color-purple-dimmer: var(--purple-dimmer); --color-purple-default: var(--purple-default); --color-purple-stronger: var(--purple-stronger); --color-purple-strongest: var(--purple-strongest); --color-magenta-dimmest: var(--magenta-dimmest); --color-magenta-dimmer: var(--magenta-dimmer); --color-magenta-default: var(--magenta-default); --color-magenta-stronger: var(--magenta-stronger); --color-magenta-strongest: var(--magenta-strongest); --color-pink-dimmest: var(--pink-dimmest); --color-pink-dimmer: var(--pink-dimmer); --color-pink-default: var(--pink-default); --color-pink-stronger: var(--pink-stronger); --color-pink-strongest: var(--pink-strongest); --color-grey-dimmest: var(--grey-dimmest); --color-grey-dimmer: var(--grey-dimmer); --color-grey-default: var(--grey-default); --color-grey-stronger: var(--grey-stronger); --color-grey-strongest: var(--grey-strongest); --color-brown-dimmest: var(--brown-dimmest); --color-brown-dimmer: var(--brown-dimmer); --color-brown-default: var(--brown-default); --color-brown-stronger: var(--brown-stronger); --color-brown-strongest: var(--brown-strongest); --color-primary-dimmest: var(--primary-dimmest); --color-primary-dimmer: var(--primary-dimmer); --color-primary-default: var(--primary-default); --color-primary-stronger: var(--primary-stronger); --color-primary-strongest: var(--primary-strongest); --color-positive-dimmest: var(--positive-dimmest); --color-positive-dimmer: var(--positive-dimmer); --color-positive-default: var(--positive-default); --color-positive-stronger: var(--positive-stronger); --color-positive-strongest: var(--positive-strongest); --color-negative-dimmest: var(--negative-dimmest); --color-negative-dimmer: var(--negative-dimmer); --color-negative-default: var(--negative-default); --color-negative-stronger: var(--negative-stronger); --color-negative-strongest: var(--negative-strongest); --color-warning-dimmest: var(--warning-dimmest); --color-warning-dimmer: var(--warning-dimmer); --color-warning-default: var(--warning-default); --color-warning-stronger: var(--warning-stronger); --color-warning-strongest: var(--warning-strongest); --color-view-colorway-dimmest: var(--view-colorway-dimmest); --color-view-colorway-dimmer: var(--view-colorway-dimmer); --color-view-colorway-default: var(--view-colorway-default); --color-view-colorway-stronger: var(--view-colorway-stronger); --color-view-colorway-strongest: var(--view-colorway-strongest); --color-surface-background: var(--surface-background); --color-surface-interactive-background: var(--surface-interactive-background); --color-surface-interactive-background-active: var( --surface-interactive-background-active ); --color-surface-interactive-border: var(--surface-interactive-border); --color-surface-interactive-border-hover: var( --surface-interactive-border-hover ); --default-transition-duration: var(--transition-duration-snappy); --default-transition-timing-function: var( --transition-timing-function-snappy ); --ease-snappy: var(--transition-timing-function-snappy); --ease-chill: var(--transition-timing-function-chill); --radius-none: 0px; --radius-sm: var(--border-radius-2); --radius-md: var(--border-radius-4); --radius-lg: var(--border-radius-6); --radius-xl: var(--border-radius-8); --radius-2xl: var(--border-radius-12); --radius-3xl: var(--border-radius-16); --radius-full: var(--border-radius-round); --radius-default: var(--border-radius-default); }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@koide-labs/ui",
3
- "version": "0.0.4",
3
+ "version": "0.0.6",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "exports": {