@purpur/library 9.7.4 → 9.7.5

package/src/library.ts

@@ -0,0 +1,77 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+import "./purpur.css";
+import "@purpur/icon/styles";
+import "@purpur/illustrative-icon/styles";
+import "@purpur/logo/styles";
+import "@purpur/password-field/styles";
+
+export * from "@purpur/accordion";
+export * from "@purpur/alert-badge";
+export * from "@purpur/autocomplete";
+export * from "@purpur/avatar";
+export * from "@purpur/badge";
+export * from "@purpur/breadcrumbs";
+export * from "@purpur/button";
+export * from "@purpur/calendar";
+export * from "@purpur/card";
+export * from "@purpur/carousel";
+export * from "@purpur/chat-field";
+export * from "@purpur/checkbox";
+export * from "@purpur/chip-group";
+export * from "@purpur/color-dot";
+export * from "@purpur/comparison-table";
+export * from "@purpur/container";
+export * from "@purpur/content-block";
+export * from "@purpur/countdown";
+export * from "@purpur/counter-badge";
+export * from "@purpur/cta-link";
+export * from "@purpur/date-field";
+export * from "@purpur/date-picker";
+export * from "@purpur/date-range-field";
+export * from "@purpur/dismissable-chip-group";
+export * from "@purpur/drawer";
+export * from "@purpur/dropdown";
+export * from "@purpur/field-error-text";
+export * from "@purpur/field-helper-text";
+export * from "@purpur/footer";
+export * from "@purpur/grid";
+export * from "@purpur/heading";
+export * from "@purpur/hero-banner";
+export * from "@purpur/label";
+export * from "@purpur/link";
+export * from "@purpur/listbox";
+export * from "@purpur/loading";
+export * from "@purpur/message";
+export * from "@purpur/modal";
+export * from "@purpur/notification";
+export * from "@purpur/notification-banner";
+export * from "@purpur/pagination";
+export * from "@purpur/paragraph";
+export * from "@purpur/popover";
+export * from "@purpur/product-card";
+export * from "@purpur/promotion-card";
+export * from "@purpur/quantity-selector";
+export * from "@purpur/radio-button-group";
+export * from "@purpur/radio-card-group";
+export * from "@purpur/rich-text";
+export * from "@purpur/search-field";
+export * from "@purpur/select";
+export * from "@purpur/skeleton";
+export * from "@purpur/slider";
+export * from "@purpur/spacer";
+export * from "@purpur/spinner";
+export * from "@purpur/stepper";
+export * from "@purpur/table";
+export * from "@purpur/tabs";
+export * from "@purpur/text-area";
+export * from "@purpur/text-field";
+export * from "@purpur/text-spacing";
+export * from "@purpur/theme";
+export * from "@purpur/toggle";
+export * from "@purpur/tokens";
+export * from "@purpur/tooltip";
+export * from "@purpur/visually-hidden";

package/src/link.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/link";

package/src/listbox.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/listbox";

package/src/loading.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/loading";

package/src/message.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/message";

package/src/modal.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/modal";

package/src/notification-banner.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/notification-banner";

package/src/notification.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/notification";

package/src/pagination.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/pagination";

package/src/paragraph.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/paragraph";

package/src/password-field.ts

@@ -0,0 +1,7 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+import "@purpur/password-field/styles";
+export * from "@purpur/password-field";

package/src/popover.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/popover";

package/src/product-card.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/product-card";

package/src/promotion-card.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/promotion-card";

package/src/purpur.css

@@ -0,0 +1 @@
+@import "@purpur/tokens/index.css";

package/src/quantity-selector.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/quantity-selector";

package/src/radio-button-group.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/radio-button-group";

package/src/radio-card-group.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/radio-card-group";

package/src/rich-text.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/rich-text";

package/src/search-field.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/search-field";

package/src/select.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/select";

package/src/skeleton.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/skeleton";

package/src/slider.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/slider";

package/src/spacer.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/spacer";

package/src/spinner.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/spinner";

package/src/stepper.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/stepper";

package/src/table.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/table";

package/src/tabs.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/tabs";

package/src/text-area.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/text-area";

package/src/text-field.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/text-field";

package/src/text-spacing.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/text-spacing";

package/src/theme.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/theme";

package/src/toggle.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/toggle";

package/src/tokens.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/tokens";

package/src/tooltip.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/tooltip";

package/src/visually-hidden.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/visually-hidden";

package/tokens/_dark.scss

@@ -0,0 +1,9 @@
+@forward "./border/variables.dark";
+@forward "./breakpoint/variables.dark";
+@forward "./color/variables.dark";
+@forward "./filter/variables.dark";
+@forward "./gradient/variables.dark";
+@forward "./motion/variables.dark";
+@forward "./shadow/variables.dark";
+@forward "./spacing/variables.dark";
+@forward "./typography/variables.dark";

package/tokens/_index.scss

@@ -0,0 +1,9 @@
+@forward "./border/variables";
+@forward "./breakpoint/variables";
+@forward "./color/variables";
+@forward "./filter/variables";
+@forward "./gradient/variables";
+@forward "./motion/variables";
+@forward "./shadow/variables";
+@forward "./spacing/variables";
+@forward "./typography/variables";

package/tokens/border/variables.css

@@ -0,0 +1,13 @@
+:root,
+[data-color-scheme="light"] {
+  --purpur-border-radius-xs: 2px;
+  --purpur-border-radius-sm: 4px;
+  --purpur-border-radius-md: 8px;
+  --purpur-border-radius-lg: 16px;
+  --purpur-border-radius-xl: 24px;
+  --purpur-border-radius-full: 999px;
+  --purpur-border-width-xs: 1px;
+  --purpur-border-width-sm: 2px;
+  --purpur-border-width-md: 3px;
+  --purpur-border-width-lg: 6px;
+}

package/tokens/border/variables.d.ts

@@ -0,0 +1,10 @@
+export const purpurBorderRadiusXs: string;
+export const purpurBorderRadiusSm: string;
+export const purpurBorderRadiusMd: string;
+export const purpurBorderRadiusLg: string;
+export const purpurBorderRadiusXl: string;
+export const purpurBorderRadiusFull: string;
+export const purpurBorderWidthXs: string;
+export const purpurBorderWidthSm: string;
+export const purpurBorderWidthMd: string;
+export const purpurBorderWidthLg: string;

package/tokens/border/variables.dark.css

@@ -0,0 +1,12 @@
+[data-color-scheme="dark"] {
+  --purpur-border-radius-xs: 2px;
+  --purpur-border-radius-sm: 4px;
+  --purpur-border-radius-md: 8px;
+  --purpur-border-radius-lg: 16px;
+  --purpur-border-radius-xl: 24px;
+  --purpur-border-radius-full: 999px;
+  --purpur-border-width-xs: 1px;
+  --purpur-border-width-sm: 2px;
+  --purpur-border-width-md: 3px;
+  --purpur-border-width-lg: 6px;
+}

package/tokens/border/variables.dark.d.ts

@@ -0,0 +1,10 @@
+export const purpurBorderRadiusXs: string;
+export const purpurBorderRadiusSm: string;
+export const purpurBorderRadiusMd: string;
+export const purpurBorderRadiusLg: string;
+export const purpurBorderRadiusXl: string;
+export const purpurBorderRadiusFull: string;
+export const purpurBorderWidthXs: string;
+export const purpurBorderWidthSm: string;
+export const purpurBorderWidthMd: string;
+export const purpurBorderWidthLg: string;

package/tokens/border/variables.dark.js

@@ -0,0 +1,10 @@
+export const purpurBorderRadiusXs = "2px";
+export const purpurBorderRadiusSm = "4px";
+export const purpurBorderRadiusMd = "8px";
+export const purpurBorderRadiusLg = "16px";
+export const purpurBorderRadiusXl = "24px";
+export const purpurBorderRadiusFull = "999px";
+export const purpurBorderWidthXs = "1px";
+export const purpurBorderWidthSm = "2px";
+export const purpurBorderWidthMd = "3px";
+export const purpurBorderWidthLg = "6px";

package/tokens/border/variables.dark.json

@@ -0,0 +1,18 @@
+{
+  "border": {
+    "radius": {
+      "xs": "2px",
+      "sm": "4px",
+      "md": "8px",
+      "lg": "16px",
+      "xl": "24px",
+      "full": "999px"
+    },
+    "width": {
+      "xs": "1px",
+      "sm": "2px",
+      "md": "3px",
+      "lg": "6px"
+    }
+  }
+}

package/tokens/border/variables.dark.scss

@@ -0,0 +1,10 @@
+$purpur-border-radius-xs: 2px;
+$purpur-border-radius-sm: 4px;
+$purpur-border-radius-md: 8px;
+$purpur-border-radius-lg: 16px;
+$purpur-border-radius-xl: 24px;
+$purpur-border-radius-full: 999px;
+$purpur-border-width-xs: 1px;
+$purpur-border-width-sm: 2px;
+$purpur-border-width-md: 3px;
+$purpur-border-width-lg: 6px;

package/tokens/border/variables.js

@@ -0,0 +1,10 @@
+export const purpurBorderRadiusXs = "2px";
+export const purpurBorderRadiusSm = "4px";
+export const purpurBorderRadiusMd = "8px";
+export const purpurBorderRadiusLg = "16px";
+export const purpurBorderRadiusXl = "24px";
+export const purpurBorderRadiusFull = "999px";
+export const purpurBorderWidthXs = "1px";
+export const purpurBorderWidthSm = "2px";
+export const purpurBorderWidthMd = "3px";
+export const purpurBorderWidthLg = "6px";

package/tokens/border/variables.json

@@ -0,0 +1,18 @@
+{
+  "border": {
+    "radius": {
+      "xs": "2px",
+      "sm": "4px",
+      "md": "8px",
+      "lg": "16px",
+      "xl": "24px",
+      "full": "999px"
+    },
+    "width": {
+      "xs": "1px",
+      "sm": "2px",
+      "md": "3px",
+      "lg": "6px"
+    }
+  }
+}

package/tokens/border/variables.scss

@@ -0,0 +1,10 @@
+$purpur-border-radius-xs: 2px;
+$purpur-border-radius-sm: 4px;
+$purpur-border-radius-md: 8px;
+$purpur-border-radius-lg: 16px;
+$purpur-border-radius-xl: 24px;
+$purpur-border-radius-full: 999px;
+$purpur-border-width-xs: 1px;
+$purpur-border-width-sm: 2px;
+$purpur-border-width-md: 3px;
+$purpur-border-width-lg: 6px;

package/tokens/breakpoint/variables.css

@@ -0,0 +1,11 @@
+:root,
+[data-color-scheme="light"] {
+  --purpur-breakpoint-sm: 0px;
+  --purpur-breakpoint-md: 600px;
+  --purpur-breakpoint-lg: 1024px;
+  --purpur-breakpoint-xl: 1440px;
+  --purpur-breakpoint-relative-sm: 0em;
+  --purpur-breakpoint-relative-md: 37.5em;
+  --purpur-breakpoint-relative-lg: 64em;
+  --purpur-breakpoint-relative-xl: 90em;
+}

package/tokens/breakpoint/variables.d.ts

@@ -0,0 +1,8 @@
+export const purpurBreakpointSm: string;
+export const purpurBreakpointMd: string;
+export const purpurBreakpointLg: string;
+export const purpurBreakpointXl: string;
+export const purpurBreakpointRelativeSm: string;
+export const purpurBreakpointRelativeMd: string;
+export const purpurBreakpointRelativeLg: string;
+export const purpurBreakpointRelativeXl: string;

package/tokens/breakpoint/variables.dark.css

@@ -0,0 +1,10 @@
+[data-color-scheme="dark"] {
+  --purpur-breakpoint-sm: 0px;
+  --purpur-breakpoint-md: 600px;
+  --purpur-breakpoint-lg: 1024px;
+  --purpur-breakpoint-xl: 1440px;
+  --purpur-breakpoint-relative-sm: 0em;
+  --purpur-breakpoint-relative-md: 37.5em;
+  --purpur-breakpoint-relative-lg: 64em;
+  --purpur-breakpoint-relative-xl: 90em;
+}

package/tokens/breakpoint/variables.dark.d.ts

@@ -0,0 +1,8 @@
+export const purpurBreakpointSm: string;
+export const purpurBreakpointMd: string;
+export const purpurBreakpointLg: string;
+export const purpurBreakpointXl: string;
+export const purpurBreakpointRelativeSm: string;
+export const purpurBreakpointRelativeMd: string;
+export const purpurBreakpointRelativeLg: string;
+export const purpurBreakpointRelativeXl: string;

package/tokens/breakpoint/variables.dark.js

@@ -0,0 +1,8 @@
+export const purpurBreakpointSm = "0px";
+export const purpurBreakpointMd = "600px";
+export const purpurBreakpointLg = "1024px";
+export const purpurBreakpointXl = "1440px";
+export const purpurBreakpointRelativeSm = "0em";
+export const purpurBreakpointRelativeMd = "37.5em";
+export const purpurBreakpointRelativeLg = "64em";
+export const purpurBreakpointRelativeXl = "90em";

package/tokens/breakpoint/variables.dark.json

@@ -0,0 +1,14 @@
+{
+  "breakpoint": {
+    "sm": "0px",
+    "md": "600px",
+    "lg": "1024px",
+    "xl": "1440px",
+    "relative": {
+      "sm": "0em",
+      "md": "37.5em",
+      "lg": "64em",
+      "xl": "90em"
+    }
+  }
+}

package/tokens/breakpoint/variables.dark.scss

@@ -0,0 +1,8 @@
+$purpur-breakpoint-sm: 0px;
+$purpur-breakpoint-md: 600px;
+$purpur-breakpoint-lg: 1024px;
+$purpur-breakpoint-xl: 1440px;
+$purpur-breakpoint-relative-sm: 0em;
+$purpur-breakpoint-relative-md: 37.5em;
+$purpur-breakpoint-relative-lg: 64em;
+$purpur-breakpoint-relative-xl: 90em;

package/tokens/breakpoint/variables.js

@@ -0,0 +1,8 @@
+export const purpurBreakpointSm = "0px";
+export const purpurBreakpointMd = "600px";
+export const purpurBreakpointLg = "1024px";
+export const purpurBreakpointXl = "1440px";
+export const purpurBreakpointRelativeSm = "0em";
+export const purpurBreakpointRelativeMd = "37.5em";
+export const purpurBreakpointRelativeLg = "64em";
+export const purpurBreakpointRelativeXl = "90em";

package/tokens/breakpoint/variables.json

@@ -0,0 +1,14 @@
+{
+  "breakpoint": {
+    "sm": "0px",
+    "md": "600px",
+    "lg": "1024px",
+    "xl": "1440px",
+    "relative": {
+      "sm": "0em",
+      "md": "37.5em",
+      "lg": "64em",
+      "xl": "90em"
+    }
+  }
+}

package/tokens/breakpoint/variables.scss

@@ -0,0 +1,8 @@
+$purpur-breakpoint-sm: 0px;
+$purpur-breakpoint-md: 600px;
+$purpur-breakpoint-lg: 1024px;
+$purpur-breakpoint-xl: 1440px;
+$purpur-breakpoint-relative-sm: 0em;
+$purpur-breakpoint-relative-md: 37.5em;
+$purpur-breakpoint-relative-lg: 64em;
+$purpur-breakpoint-relative-xl: 90em;