@ersbeth/picokit 0.0.1
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.
- package/README.md +97 -0
- package/dist/components/index.d.ts +4 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/components/layout/cluster.d.ts +6 -0
- package/dist/components/layout/cluster.d.ts.map +1 -0
- package/dist/components/layout/container.d.ts +6 -0
- package/dist/components/layout/container.d.ts.map +1 -0
- package/dist/components/layout/dual.d.ts +14 -0
- package/dist/components/layout/dual.d.ts.map +1 -0
- package/dist/components/layout/index.d.ts +5 -0
- package/dist/components/layout/index.d.ts.map +1 -0
- package/dist/components/layout/stack.d.ts +6 -0
- package/dist/components/layout/stack.d.ts.map +1 -0
- package/dist/components/marketing/footer.d.ts +40 -0
- package/dist/components/marketing/footer.d.ts.map +1 -0
- package/dist/components/marketing/index.d.ts +6 -0
- package/dist/components/marketing/index.d.ts.map +1 -0
- package/dist/components/marketing/navigation.d.ts +24 -0
- package/dist/components/marketing/navigation.d.ts.map +1 -0
- package/dist/components/marketing/page.d.ts +13 -0
- package/dist/components/marketing/page.d.ts.map +1 -0
- package/dist/components/marketing/section.d.ts +13 -0
- package/dist/components/marketing/section.d.ts.map +1 -0
- package/dist/components/marketing/text.d.ts +12 -0
- package/dist/components/marketing/text.d.ts.map +1 -0
- package/dist/components/mixin/alignMixin.d.ts +15 -0
- package/dist/components/mixin/alignMixin.d.ts.map +1 -0
- package/dist/components/mixin/gapMixin.d.ts +22 -0
- package/dist/components/mixin/gapMixin.d.ts.map +1 -0
- package/dist/components/mixin/heightMixin.d.ts +22 -0
- package/dist/components/mixin/heightMixin.d.ts.map +1 -0
- package/dist/components/mixin/index.d.ts +9 -0
- package/dist/components/mixin/index.d.ts.map +1 -0
- package/dist/components/mixin/paddingMixin.d.ts +99 -0
- package/dist/components/mixin/paddingMixin.d.ts.map +1 -0
- package/dist/components/mixin/panelMixin.d.ts +48 -0
- package/dist/components/mixin/panelMixin.d.ts.map +1 -0
- package/dist/components/mixin/styleMixin.d.ts +9 -0
- package/dist/components/mixin/styleMixin.d.ts.map +1 -0
- package/dist/components/mixin/textMixin.d.ts +66 -0
- package/dist/components/mixin/textMixin.d.ts.map +1 -0
- package/dist/components/mixin/widthMixin.d.ts +26 -0
- package/dist/components/mixin/widthMixin.d.ts.map +1 -0
- package/dist/components/ui/avatar.d.ts +9 -0
- package/dist/components/ui/avatar.d.ts.map +1 -0
- package/dist/components/ui/button.d.ts +29 -0
- package/dist/components/ui/button.d.ts.map +1 -0
- package/dist/components/ui/card.d.ts +10 -0
- package/dist/components/ui/card.d.ts.map +1 -0
- package/dist/components/ui/carousel.d.ts +17 -0
- package/dist/components/ui/carousel.d.ts.map +1 -0
- package/dist/components/ui/image.d.ts +24 -0
- package/dist/components/ui/image.d.ts.map +1 -0
- package/dist/components/ui/index.d.ts +6 -0
- package/dist/components/ui/index.d.ts.map +1 -0
- package/dist/components.css +1867 -0
- package/dist/components.d.ts +2 -0
- package/dist/components.d.ts.map +1 -0
- package/dist/components.jsx +1051 -0
- package/dist/media.css +39 -0
- package/dist/reset.css +40 -0
- package/dist/reset.d.ts +2 -0
- package/dist/reset.d.ts.map +1 -0
- package/dist/reset.js +1 -0
- package/dist/src/components/index.d.ts +4 -0
- package/dist/src/components/index.d.ts.map +1 -0
- package/dist/src/components/layout/cluster.d.ts +6 -0
- package/dist/src/components/layout/cluster.d.ts.map +1 -0
- package/dist/src/components/layout/container.d.ts +6 -0
- package/dist/src/components/layout/container.d.ts.map +1 -0
- package/dist/src/components/layout/dual.d.ts +14 -0
- package/dist/src/components/layout/dual.d.ts.map +1 -0
- package/dist/src/components/layout/index.d.ts +5 -0
- package/dist/src/components/layout/index.d.ts.map +1 -0
- package/dist/src/components/layout/stack.d.ts +6 -0
- package/dist/src/components/layout/stack.d.ts.map +1 -0
- package/dist/src/components/marketing/footer.d.ts +40 -0
- package/dist/src/components/marketing/footer.d.ts.map +1 -0
- package/dist/src/components/marketing/index.d.ts +6 -0
- package/dist/src/components/marketing/index.d.ts.map +1 -0
- package/dist/src/components/marketing/navigation.d.ts +24 -0
- package/dist/src/components/marketing/navigation.d.ts.map +1 -0
- package/dist/src/components/marketing/page.d.ts +13 -0
- package/dist/src/components/marketing/page.d.ts.map +1 -0
- package/dist/src/components/marketing/section.d.ts +13 -0
- package/dist/src/components/marketing/section.d.ts.map +1 -0
- package/dist/src/components/marketing/text.d.ts +12 -0
- package/dist/src/components/marketing/text.d.ts.map +1 -0
- package/dist/src/components/mixin/alignMixin.d.ts +15 -0
- package/dist/src/components/mixin/alignMixin.d.ts.map +1 -0
- package/dist/src/components/mixin/gapMixin.d.ts +22 -0
- package/dist/src/components/mixin/gapMixin.d.ts.map +1 -0
- package/dist/src/components/mixin/heightMixin.d.ts +22 -0
- package/dist/src/components/mixin/heightMixin.d.ts.map +1 -0
- package/dist/src/components/mixin/index.d.ts +9 -0
- package/dist/src/components/mixin/index.d.ts.map +1 -0
- package/dist/src/components/mixin/paddingMixin.d.ts +99 -0
- package/dist/src/components/mixin/paddingMixin.d.ts.map +1 -0
- package/dist/src/components/mixin/panelMixin.d.ts +48 -0
- package/dist/src/components/mixin/panelMixin.d.ts.map +1 -0
- package/dist/src/components/mixin/styleMixin.d.ts +9 -0
- package/dist/src/components/mixin/styleMixin.d.ts.map +1 -0
- package/dist/src/components/mixin/textMixin.d.ts +66 -0
- package/dist/src/components/mixin/textMixin.d.ts.map +1 -0
- package/dist/src/components/mixin/widthMixin.d.ts +26 -0
- package/dist/src/components/mixin/widthMixin.d.ts.map +1 -0
- package/dist/src/components/ui/avatar.d.ts +9 -0
- package/dist/src/components/ui/avatar.d.ts.map +1 -0
- package/dist/src/components/ui/button.d.ts +29 -0
- package/dist/src/components/ui/button.d.ts.map +1 -0
- package/dist/src/components/ui/card.d.ts +10 -0
- package/dist/src/components/ui/card.d.ts.map +1 -0
- package/dist/src/components/ui/carousel.d.ts +17 -0
- package/dist/src/components/ui/carousel.d.ts.map +1 -0
- package/dist/src/components/ui/image.d.ts +24 -0
- package/dist/src/components/ui/image.d.ts.map +1 -0
- package/dist/src/components/ui/index.d.ts +6 -0
- package/dist/src/components/ui/index.d.ts.map +1 -0
- package/dist/src/components.d.ts +2 -0
- package/dist/src/components.d.ts.map +1 -0
- package/dist/src/reset.d.ts +2 -0
- package/dist/src/reset.d.ts.map +1 -0
- package/dist/src/theme.d.ts +2 -0
- package/dist/src/theme.d.ts.map +1 -0
- package/dist/src/tokens.d.ts +2 -0
- package/dist/src/tokens.d.ts.map +1 -0
- package/dist/test/app.d.ts +2 -0
- package/dist/test/app.d.ts.map +1 -0
- package/dist/test/main.d.ts +5 -0
- package/dist/test/main.d.ts.map +1 -0
- package/dist/test/pages/examples/home.d.ts +2 -0
- package/dist/test/pages/examples/home.d.ts.map +1 -0
- package/dist/test/pages/examples/pageBlocks.d.ts +2 -0
- package/dist/test/pages/examples/pageBlocks.d.ts.map +1 -0
- package/dist/test/pages/examples/pageButtons.d.ts +2 -0
- package/dist/test/pages/examples/pageButtons.d.ts.map +1 -0
- package/dist/test/pages/examples/pageCards.d.ts +2 -0
- package/dist/test/pages/examples/pageCards.d.ts.map +1 -0
- package/dist/test/pages/examples/pageCarousel.d.ts +2 -0
- package/dist/test/pages/examples/pageCarousel.d.ts.map +1 -0
- package/dist/test/pages/examples/pageContainers.d.ts +2 -0
- package/dist/test/pages/examples/pageContainers.d.ts.map +1 -0
- package/dist/test/pages/examples/pageLists.d.ts +2 -0
- package/dist/test/pages/examples/pageLists.d.ts.map +1 -0
- package/dist/test/pages/examples/pagePalette.d.ts +2 -0
- package/dist/test/pages/examples/pagePalette.d.ts.map +1 -0
- package/dist/test/pages/examples/pageSections.d.ts +2 -0
- package/dist/test/pages/examples/pageSections.d.ts.map +1 -0
- package/dist/test/pages/examples/pageSplits.d.ts +2 -0
- package/dist/test/pages/examples/pageSplits.d.ts.map +1 -0
- package/dist/test/pages/examples/pageText.d.ts +2 -0
- package/dist/test/pages/examples/pageText.d.ts.map +1 -0
- package/dist/test/pages/examples/palettePreview.d.ts +4 -0
- package/dist/test/pages/examples/palettePreview.d.ts.map +1 -0
- package/dist/test/pages/examples/paletteSwatches.d.ts +11 -0
- package/dist/test/pages/examples/paletteSwatches.d.ts.map +1 -0
- package/dist/test/pages/pageFooter.d.ts +2 -0
- package/dist/test/pages/pageFooter.d.ts.map +1 -0
- package/dist/test/pages/pageHeader.d.ts +2 -0
- package/dist/test/pages/pageHeader.d.ts.map +1 -0
- package/dist/test/pages/pageLayout.d.ts +3 -0
- package/dist/test/pages/pageLayout.d.ts.map +1 -0
- package/dist/test/vite.config.dev.d.ts +3 -0
- package/dist/test/vite.config.dev.d.ts.map +1 -0
- package/dist/test/vite.config.preview.d.ts +3 -0
- package/dist/test/vite.config.preview.d.ts.map +1 -0
- package/dist/theme.css +175 -0
- package/dist/theme.d.ts +2 -0
- package/dist/theme.d.ts.map +1 -0
- package/dist/theme.js +1 -0
- package/dist/tokens.css +1256 -0
- package/dist/tokens.d.ts +2 -0
- package/dist/tokens.d.ts.map +1 -0
- package/dist/tokens.js +1 -0
- package/package.json +63 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"textMixin.d.ts","sourceRoot":"","sources":["../../../../src/components/mixin/textMixin.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AAEzB,yBAAiB,SAAS,CAAC;IAcvB,MAAM,MAAM;;;;;KAKF,CAAC;IAEX,MAAM,WAAW;;;;;;;;KAQP,CAAC;IAEX,MAAM,MAAM;;;;;KAKF,CAAC;IAEX,MAAM,QAAQ;;;;;;;KAOJ,CAAC;IAEX,MAAM,OAAO;;;;;KAKH,CAAC;IAEX,MAAM,KAAK;;;;;;;;;;KAUD,CAAC;IAEX,MAAM,KAAK;;;;KAID,CAAC;IAIX,MAAM,MAAM,KAAK,GAAG;QAChB,SAAS,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;QAChC,aAAa,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;QACzC,SAAS,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;QAChC,UAAU,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;QACnC,UAAU,CAAC,EAAE,MAAM,OAAO,OAAO,CAAC;QAClC,QAAQ,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;QAC9B,QAAQ,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;KACjC,CAAC;IAIF,MAAM,UAAU,OAAO,CAAC,KAAK,EAAE,KAAK,UAYnC;;CACJ"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import "./widthMixin.css";
|
|
2
|
+
export declare namespace WidthMixin {
|
|
3
|
+
const WIDTHS: {
|
|
4
|
+
readonly xsmall: "width-xsmall";
|
|
5
|
+
readonly small: "width-small";
|
|
6
|
+
readonly medium: "width-medium";
|
|
7
|
+
readonly large: "width-large";
|
|
8
|
+
readonly xlarge: "width-xlarge";
|
|
9
|
+
readonly "2xlarge": "width-2xlarge";
|
|
10
|
+
};
|
|
11
|
+
const MAX_WIDTHS: {
|
|
12
|
+
readonly xsmall: "max-width-xsmall";
|
|
13
|
+
readonly small: "max-width-small";
|
|
14
|
+
readonly medium: "max-width-medium";
|
|
15
|
+
readonly large: "max-width-large";
|
|
16
|
+
readonly xlarge: "max-width-xlarge";
|
|
17
|
+
readonly "2xlarge": "max-width-2xlarge";
|
|
18
|
+
};
|
|
19
|
+
export type Props = {
|
|
20
|
+
width?: keyof typeof WIDTHS;
|
|
21
|
+
maxWidth?: keyof typeof MAX_WIDTHS;
|
|
22
|
+
};
|
|
23
|
+
export function classes(props: Props): string;
|
|
24
|
+
export {};
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=widthMixin.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"widthMixin.d.ts","sourceRoot":"","sources":["../../../../src/components/mixin/widthMixin.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAE1B,yBAAiB,UAAU,CAAC;IAQxB,MAAM,MAAM;;;;;;;KAOF,CAAC;IAEX,MAAM,UAAU;;;;;;;KAON,CAAC;IAIX,MAAM,MAAM,KAAK,GAAG;QAChB,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;QAC5B,QAAQ,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;KACtC,CAAC;IAIF,MAAM,UAAU,OAAO,CAAC,KAAK,EAAE,KAAK,UAOnC;;CACJ"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Component } from "solid-js";
|
|
2
|
+
import { StyleMixin } from "../mixin";
|
|
3
|
+
import "./avatar.css";
|
|
4
|
+
export type AvatarProps = StyleMixin.Props & {
|
|
5
|
+
src: string;
|
|
6
|
+
alt: string;
|
|
7
|
+
};
|
|
8
|
+
export declare const Avatar: Component<AvatarProps>;
|
|
9
|
+
//# sourceMappingURL=avatar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,cAAc,CAAC;AAatB,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,KAAK,GAAG;IACzC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACf,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,SAAS,CAAC,WAAW,CAOzC,CAAA"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import * as ButtonPrimitive from "@kobalte/core/button";
|
|
2
|
+
import type { PolymorphicProps } from "@kobalte/core/polymorphic";
|
|
3
|
+
import type { ValidComponent } from "solid-js";
|
|
4
|
+
import "./button.css";
|
|
5
|
+
declare const VARIANTS: {
|
|
6
|
+
readonly default: "button-variant-default";
|
|
7
|
+
readonly solid: "button-variant-solid";
|
|
8
|
+
readonly outline: "button-variant-outline";
|
|
9
|
+
readonly ghost: "button-variant-ghost";
|
|
10
|
+
};
|
|
11
|
+
declare const COLORS: {
|
|
12
|
+
readonly brand: "button-color-brand";
|
|
13
|
+
readonly accent: "button-color-accent";
|
|
14
|
+
readonly neutral: "button-color-neutral";
|
|
15
|
+
readonly danger: "button-color-danger";
|
|
16
|
+
};
|
|
17
|
+
declare const SIZES: {
|
|
18
|
+
readonly small: "button-size-small";
|
|
19
|
+
readonly medium: "button-size-medium";
|
|
20
|
+
readonly large: "button-size-large";
|
|
21
|
+
};
|
|
22
|
+
export type ButtonProps<T extends ValidComponent = "button"> = ButtonPrimitive.ButtonRootProps<T> & {
|
|
23
|
+
variant?: keyof typeof VARIANTS;
|
|
24
|
+
color?: keyof typeof COLORS;
|
|
25
|
+
size?: keyof typeof SIZES;
|
|
26
|
+
};
|
|
27
|
+
export declare function Button<T extends ValidComponent = "button">(props: PolymorphicProps<T, ButtonProps<T>>): import("solid-js").JSX.Element;
|
|
28
|
+
export {};
|
|
29
|
+
//# sourceMappingURL=button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,sBAAsB,CAAC;AACxD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,OAAO,cAAc,CAAC;AAStB,QAAA,MAAM,QAAQ;;;;;CAKJ,CAAC;AAEX,QAAA,MAAM,MAAM;;;;;CAKF,CAAC;AAEX,QAAA,MAAM,KAAK;;;;CAID,CAAC;AAIX,MAAM,MAAM,WAAW,CAAC,CAAC,SAAS,cAAc,GAAG,QAAQ,IAAI,eAAe,CAAC,eAAe,CAAC,CAAC,CAAC,GAAG;IAChG,OAAO,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,OAAO,MAAM,CAAC;IAC5B,IAAI,CAAC,EAAE,MAAM,OAAO,KAAK,CAAC;CAC7B,CAAC;AAEF,wBAAgB,MAAM,CAAC,CAAC,SAAS,cAAc,GAAG,QAAQ,EAAE,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,kCAWrG"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { JSX, ParentComponent } from "solid-js";
|
|
2
|
+
import "./card.css";
|
|
3
|
+
import { type StackProps } from "../layout";
|
|
4
|
+
export type CardProps = StackProps & {
|
|
5
|
+
header?: JSX.Element;
|
|
6
|
+
footer?: JSX.Element;
|
|
7
|
+
media?: JSX.Element;
|
|
8
|
+
};
|
|
9
|
+
export declare const Card: ParentComponent<CardProps>;
|
|
10
|
+
//# sourceMappingURL=card.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,YAAY,CAAC;AACpB,OAAO,EAAS,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAgBnD,MAAM,MAAM,SAAS,GAAG,UAAU,GAAG;IACjC,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,eAAe,CAAC,SAAS,CA4D3C,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type CreateEmblaCarouselType } from "embla-carousel-solid";
|
|
2
|
+
import { type JSX, type ParentComponent } from "solid-js";
|
|
3
|
+
import "./carousel.css";
|
|
4
|
+
type StyleProps = {
|
|
5
|
+
class?: string;
|
|
6
|
+
style?: JSX.CSSProperties;
|
|
7
|
+
};
|
|
8
|
+
export type CarouselRootProps = StyleProps & {
|
|
9
|
+
autoplay?: boolean;
|
|
10
|
+
loop?: boolean;
|
|
11
|
+
};
|
|
12
|
+
export type CarouselApi = CreateEmblaCarouselType[1];
|
|
13
|
+
export declare const Carousel: ParentComponent<CarouselRootProps> & {
|
|
14
|
+
Slide: ParentComponent<StyleProps>;
|
|
15
|
+
};
|
|
16
|
+
export {};
|
|
17
|
+
//# sourceMappingURL=carousel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/carousel.tsx"],"names":[],"mappings":"AACA,OAA4B,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAC;AACzF,OAAO,EAAgB,KAAK,GAAG,EAAW,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AACjF,OAAO,gBAAgB,CAAC;AAcxB,KAAK,UAAU,GAAG;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC7B,CAAC;AAIF,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,uBAAuB,CAAC,CAAC,CAAC,CAAC;AA+ErD,eAAO,MAAM,QAAQ;;CAEnB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { Component } from "solid-js";
|
|
2
|
+
import { StyleMixin } from "../mixin";
|
|
3
|
+
import "./image.css";
|
|
4
|
+
declare const ASPECTS: {
|
|
5
|
+
square: string;
|
|
6
|
+
landscape: string;
|
|
7
|
+
portrait: string;
|
|
8
|
+
wide: string;
|
|
9
|
+
ultrawide: string;
|
|
10
|
+
golden: string;
|
|
11
|
+
};
|
|
12
|
+
declare const FITS: {
|
|
13
|
+
contain: string;
|
|
14
|
+
cover: string;
|
|
15
|
+
};
|
|
16
|
+
export type ImageProps = StyleMixin.Props & {
|
|
17
|
+
src: string;
|
|
18
|
+
alt: string;
|
|
19
|
+
aspect: keyof typeof ASPECTS;
|
|
20
|
+
fit: keyof typeof FITS;
|
|
21
|
+
};
|
|
22
|
+
export declare const Image: Component<ImageProps>;
|
|
23
|
+
export {};
|
|
24
|
+
//# sourceMappingURL=image.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AACtC,OAAO,aAAa,CAAC;AAWrB,QAAA,MAAM,OAAO;;;;;;;CAOZ,CAAA;AAED,QAAA,MAAM,IAAI;;;CAGT,CAAA;AAID,MAAM,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,GAAG;IACxC,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,OAAO,OAAO,CAAC;IAC7B,GAAG,EAAE,MAAM,OAAO,IAAI,CAAC;CAC1B,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,SAAS,CAAC,UAAU,CAOvC,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/components.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"reset.d.ts","sourceRoot":"","sources":["../../src/reset.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../src/tokens.ts"],"names":[],"mappings":"AAAA,OAAO,0BAA0B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../test/app.tsx"],"names":[],"mappings":"AAcA,wBAAgB,GAAG,mCAgBlB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../test/main.ts"],"names":[],"mappings":"AAAA,OAAO,aAAa,CAAC;AACrB,OAAO,cAAc,CAAC;AACtB,OAAO,aAAa,CAAC;AACrB,OAAO,kBAAkB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"home.d.ts","sourceRoot":"","sources":["../../../../test/pages/examples/home.tsx"],"names":[],"mappings":"AAEA,wBAAgB,IAAI,mCAkBnB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pageBlocks.d.ts","sourceRoot":"","sources":["../../../../test/pages/examples/pageBlocks.tsx"],"names":[],"mappings":"AAEA,wBAAgB,UAAU,mCAoLzB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pageButtons.d.ts","sourceRoot":"","sources":["../../../../test/pages/examples/pageButtons.tsx"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,mCA2B1B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pageCards.d.ts","sourceRoot":"","sources":["../../../../test/pages/examples/pageCards.tsx"],"names":[],"mappings":"AAEA,wBAAgB,SAAS,mCA4CxB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pageCarousel.d.ts","sourceRoot":"","sources":["../../../../test/pages/examples/pageCarousel.tsx"],"names":[],"mappings":"AAGA,wBAAgB,YAAY,mCAiC3B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pageContainers.d.ts","sourceRoot":"","sources":["../../../../test/pages/examples/pageContainers.tsx"],"names":[],"mappings":"AAGA,wBAAgB,cAAc,mCAkC7B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pageLists.d.ts","sourceRoot":"","sources":["../../../../test/pages/examples/pageLists.tsx"],"names":[],"mappings":"AAGA,wBAAgB,SAAS,mCA8FxB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pagePalette.d.ts","sourceRoot":"","sources":["../../../../test/pages/examples/pagePalette.tsx"],"names":[],"mappings":"AAGA,wBAAgB,WAAW,mCAsB1B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pageSections.d.ts","sourceRoot":"","sources":["../../../../test/pages/examples/pageSections.tsx"],"names":[],"mappings":"AAGA,wBAAgB,YAAY,mCA+L3B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pageSplits.d.ts","sourceRoot":"","sources":["../../../../test/pages/examples/pageSplits.tsx"],"names":[],"mappings":"AAGA,wBAAgB,UAAU,mCAiBzB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pageText.d.ts","sourceRoot":"","sources":["../../../../test/pages/examples/pageText.tsx"],"names":[],"mappings":"AAGA,wBAAgB,QAAQ,mCAoDvB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"palettePreview.d.ts","sourceRoot":"","sources":["../../../../test/pages/examples/palettePreview.tsx"],"names":[],"mappings":"AA2EA,wBAAgB,cAAc,CAAC,KAAK,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,kCAmCvD"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { ParentComponent } from "solid-js";
|
|
2
|
+
export declare function Swatch(props: {
|
|
3
|
+
color: string;
|
|
4
|
+
}): import("solid-js").JSX.Element;
|
|
5
|
+
export declare const Swatches: ParentComponent;
|
|
6
|
+
export declare function BaseColors(): import("solid-js").JSX.Element;
|
|
7
|
+
export declare function Theme(): import("solid-js").JSX.Element;
|
|
8
|
+
export declare function PaletteSwatches(props: {
|
|
9
|
+
class?: string;
|
|
10
|
+
}): import("solid-js").JSX.Element;
|
|
11
|
+
//# sourceMappingURL=paletteSwatches.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"paletteSwatches.d.ts","sourceRoot":"","sources":["../../../../test/pages/examples/paletteSwatches.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhD,wBAAgB,MAAM,CAAC,KAAK,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,kCAW9C;AAED,eAAO,MAAM,QAAQ,EAAE,eAEtB,CAAC;AAEF,wBAAgB,UAAU,mCAoBzB;AAED,wBAAgB,KAAK,mCAkFpB;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE;IAAE,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,kCAiBxD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pageFooter.d.ts","sourceRoot":"","sources":["../../../test/pages/pageFooter.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,sCA6CtB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pageHeader.d.ts","sourceRoot":"","sources":["../../../test/pages/pageHeader.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,sCAuBtB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"pageLayout.d.ts","sourceRoot":"","sources":["../../../test/pages/pageLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAKhD,eAAO,MAAM,UAAU,EAAE,eAMxB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vite.config.dev.d.ts","sourceRoot":"","sources":["../../test/vite.config.dev.ts"],"names":[],"mappings":";AAMA,wBAiBG"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"vite.config.preview.d.ts","sourceRoot":"","sources":["../../test/vite.config.preview.ts"],"names":[],"mappings":";AAMA,wBAiBG"}
|
package/dist/theme.css
ADDED
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
@layer tokens, reset, theme, mixins, components, utils;
|
|
2
|
+
|
|
3
|
+
@layer theme {
|
|
4
|
+
html {
|
|
5
|
+
/* BORDER */
|
|
6
|
+
|
|
7
|
+
--border-style: solid;
|
|
8
|
+
--border-radius: var(--border-radius-s);
|
|
9
|
+
--border-width: var(--border-width-s);
|
|
10
|
+
|
|
11
|
+
--wa-font-family-body: ui-sans-serif, system-ui, sans-serif;
|
|
12
|
+
--wa-font-family-heading: var(--wa-font-family-body);
|
|
13
|
+
--wa-font-family-code: ui-monospace, monospace;
|
|
14
|
+
--wa-font-family-longform: ui-serif, serif;
|
|
15
|
+
|
|
16
|
+
--wa-link-decoration-default: underline color-mix(in oklab, currentColor 70%, transparent) dotted;
|
|
17
|
+
--wa-link-decoration-hover: underline;
|
|
18
|
+
|
|
19
|
+
--wa-content-spacing: var(--wa-space-l);
|
|
20
|
+
|
|
21
|
+
--wa-transition-easing: ease;
|
|
22
|
+
--wa-transition-slow: 300ms;
|
|
23
|
+
--wa-transition-normal: 150ms;
|
|
24
|
+
--wa-transition-fast: 75ms;
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
@layer theme {
|
|
29
|
+
html {
|
|
30
|
+
--wa-form-control-background-color: var(--wa-color-surface-default);
|
|
31
|
+
|
|
32
|
+
--wa-form-control-border-color: var(--wa-color-neutral-border-loud);
|
|
33
|
+
--wa-form-control-border-style: var(--wa-border-style);
|
|
34
|
+
--wa-form-control-border-width: var(--wa-border-width-s);
|
|
35
|
+
--wa-form-control-border-radius: var(--wa-border-radius-m);
|
|
36
|
+
|
|
37
|
+
--wa-form-control-activated-color: var(--wa-color-brand-fill-loud);
|
|
38
|
+
|
|
39
|
+
--wa-form-control-label-color: var(--wa-color-text-normal);
|
|
40
|
+
--wa-form-control-label-font-weight: var(--wa-font-weight-semibold);
|
|
41
|
+
--wa-form-control-label-line-height: var(--wa-line-height-condensed);
|
|
42
|
+
|
|
43
|
+
--wa-form-control-value-color: var(--wa-color-text-normal);
|
|
44
|
+
--wa-form-control-value-font-weight: var(--wa-font-weight-body);
|
|
45
|
+
--wa-form-control-value-line-height: var(--wa-line-height-condensed);
|
|
46
|
+
|
|
47
|
+
--wa-form-control-hint-color: var(--wa-color-text-quiet);
|
|
48
|
+
--wa-form-control-hint-font-weight: var(--wa-font-weight-body);
|
|
49
|
+
--wa-form-control-hint-line-height: var(--wa-line-height-normal);
|
|
50
|
+
|
|
51
|
+
--wa-form-control-placeholder-color: var(--wa-color-gray-50);
|
|
52
|
+
|
|
53
|
+
--wa-form-control-required-content: "*";
|
|
54
|
+
--wa-form-control-required-content-color: inherit;
|
|
55
|
+
--wa-form-control-required-content-offset: -0.1em;
|
|
56
|
+
|
|
57
|
+
--wa-form-control-padding-block: 0.75em;
|
|
58
|
+
--wa-form-control-padding-inline: 1em;
|
|
59
|
+
--wa-form-control-height: round(
|
|
60
|
+
calc(2 * var(--wa-form-control-padding-block) + 1em * var(--wa-form-control-value-line-height)),
|
|
61
|
+
1px
|
|
62
|
+
);
|
|
63
|
+
--wa-form-control-toggle-size: round(1.25em, 1px);
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
@layer theme {
|
|
68
|
+
html {
|
|
69
|
+
--wa-tooltip-arrow-size: 0.375rem;
|
|
70
|
+
|
|
71
|
+
--wa-tooltip-background-color: var(--wa-color-text-normal);
|
|
72
|
+
|
|
73
|
+
--wa-tooltip-border-color: var(--wa-tooltip-background-color);
|
|
74
|
+
--wa-tooltip-border-style: var(--wa-border-style);
|
|
75
|
+
--wa-tooltip-border-width: var(--wa-border-width-s);
|
|
76
|
+
--wa-tooltip-border-radius: var(--wa-border-radius-s);
|
|
77
|
+
|
|
78
|
+
--wa-tooltip-content-color: var(--wa-color-surface-default);
|
|
79
|
+
--wa-tooltip-font-size: var(--wa-font-size-s);
|
|
80
|
+
--wa-tooltip-line-height: var(--wa-line-height-normal);
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
@layer theme {
|
|
85
|
+
/* VARS */
|
|
86
|
+
|
|
87
|
+
html {
|
|
88
|
+
--color-neutral: #0d1431; /* #1b122c;*/
|
|
89
|
+
--color-brand: #253ba8; /*#6e2e6b;*/
|
|
90
|
+
--color-accent: #8681e1; /*#82e3da;*/
|
|
91
|
+
--color-danger: oklch(0.64 0.2082 25.38);
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
/* CLASSES */
|
|
95
|
+
|
|
96
|
+
.light,
|
|
97
|
+
.dark {
|
|
98
|
+
background-color: var(--color-surface);
|
|
99
|
+
color: var(--color-text);
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
@layer theme {
|
|
104
|
+
html {
|
|
105
|
+
/* BORDER */
|
|
106
|
+
|
|
107
|
+
--border-style: solid;
|
|
108
|
+
--border-radius: var(--border-radius-s);
|
|
109
|
+
--border-width: var(--border-width-s);
|
|
110
|
+
}
|
|
111
|
+
}
|
|
112
|
+
|
|
113
|
+
@layer theme {
|
|
114
|
+
/* VARS */
|
|
115
|
+
|
|
116
|
+
html {
|
|
117
|
+
--focus-outline-style: solid;
|
|
118
|
+
--focus-outline-color: var(--color-brand-5);
|
|
119
|
+
--focus-outline-width: var(--border-width-m);
|
|
120
|
+
--focus-outline-offset: var(--border-width-m);
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
/* CLASSES */
|
|
124
|
+
|
|
125
|
+
*:focus-visible {
|
|
126
|
+
outline: var(--focus-outline-style) var(--focus-outline-width) var(--focus-outline-color);
|
|
127
|
+
outline-offset: var(--focus-outline-offset);
|
|
128
|
+
}
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
@layer theme {
|
|
132
|
+
*:disabled {
|
|
133
|
+
pointer-events: none;
|
|
134
|
+
opacity: 0.7;
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
@layer theme {
|
|
139
|
+
/* VARS */
|
|
140
|
+
|
|
141
|
+
html {
|
|
142
|
+
--font-family-body: var(--font-family-sans);
|
|
143
|
+
--font-family-heading: var(--font-family-transitional);
|
|
144
|
+
--font-family-code: var(--font-family-monospace-code);
|
|
145
|
+
--font-family-longform: var(--font-family-serif);
|
|
146
|
+
--font-family-tagline: var(--font-family-humanist);
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
/* CLASSES */
|
|
150
|
+
|
|
151
|
+
html {
|
|
152
|
+
font-family: var(--font-family-body);
|
|
153
|
+
font-size: var(--font-size-m);
|
|
154
|
+
}
|
|
155
|
+
}
|
|
156
|
+
|
|
157
|
+
@layer theme {
|
|
158
|
+
a {
|
|
159
|
+
color: var(--color-brand-text-soft);
|
|
160
|
+
text-decoration: none;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
a:visited {
|
|
164
|
+
color: var(--color-brand-text-soft);
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
a:hover {
|
|
168
|
+
color: var(--color-brand-text-muted);
|
|
169
|
+
text-decoration: underline;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
a:active {
|
|
173
|
+
color: var(--color-brand-text-base);
|
|
174
|
+
}
|
|
175
|
+
}
|
package/dist/theme.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../src/theme.ts"],"names":[],"mappings":"AAAA,OAAO,yBAAyB,CAAC"}
|
package/dist/theme.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|