@purpur/library 9.0.1 → 9.0.2

package/src/aliases.ts

@@ -9,63 +9,255 @@ import { fileURLToPath } from "url";
 const __dirname = fileURLToPath(new URL(".", import.meta.url));
 
 export const aliases = [
-  { find: /^@purpur\/accordion$/, replacement: resolve(__dirname, "../../../components/accordion/src/accordion.tsx") },
-  { find: /^@purpur\/alert-badge$/, replacement: resolve(__dirname, "../../../components/alert-badge/src/alert-badge.tsx") },
-  { find: /^@purpur\/autocomplete$/, replacement: resolve(__dirname, "../../../components/autocomplete/src/autocomplete.tsx") },
-  { find: /^@purpur\/badge$/, replacement: resolve(__dirname, "../../../components/badge/src/badge.tsx") },
-  { find: /^@purpur\/breadcrumbs$/, replacement: resolve(__dirname, "../../../components/breadcrumbs/src/breadcrumbs.tsx") },
-  { find: /^@purpur\/button$/, replacement: resolve(__dirname, "../../../components/button/src/button.tsx") },
-  { find: /^@purpur\/calendar$/, replacement: resolve(__dirname, "../../../components/calendar/src/calendar.tsx") },
-  { find: /^@purpur\/card$/, replacement: resolve(__dirname, "../../../components/card/src/card.tsx") },
-  { find: /^@purpur\/checkbox$/, replacement: resolve(__dirname, "../../../components/checkbox/src/checkbox.tsx") },
-  { find: /^@purpur\/chip-group$/, replacement: resolve(__dirname, "../../../components/chip-group/src/chip-group.tsx") },
-  { find: /^@purpur\/color-dot$/, replacement: resolve(__dirname, "../../../components/color-dot/src/color-dot.tsx") },
-  { find: /^@purpur\/container$/, replacement: resolve(__dirname, "../../../components/container/src/container.tsx") },
-  { find: /^@purpur\/content-block$/, replacement: resolve(__dirname, "../../../components/content-block/src/content-block.tsx") },
-  { find: /^@purpur\/countdown$/, replacement: resolve(__dirname, "../../../components/countdown/src/countdown.tsx") },
-  { find: /^@purpur\/counter-badge$/, replacement: resolve(__dirname, "../../../components/counter-badge/src/counter-badge.tsx") },
-  { find: /^@purpur\/cta-link$/, replacement: resolve(__dirname, "../../../components/cta-link/src/cta-link.tsx") },
-  { find: /^@purpur\/date-field$/, replacement: resolve(__dirname, "../../../components/date-field/src/date-field.tsx") },
-  { find: /^@purpur\/date-picker$/, replacement: resolve(__dirname, "../../../components/date-picker/src/date-picker.tsx") },
-  { find: /^@purpur\/dismissable-chip-group$/, replacement: resolve(__dirname, "../../../components/dismissable-chip-group/src/dismissable-chip-group.tsx") },
-  { find: /^@purpur\/drawer$/, replacement: resolve(__dirname, "../../../components/drawer/src/drawer.tsx") },
-  { find: /^@purpur\/field-error-text$/, replacement: resolve(__dirname, "../../../components/field-error-text/src/field-error-text.tsx") },
-  { find: /^@purpur\/field-helper-text$/, replacement: resolve(__dirname, "../../../components/field-helper-text/src/field-helper-text.tsx") },
-  { find: /^@purpur\/footer$/, replacement: resolve(__dirname, "../../../components/footer/src/footer.tsx") },
-  { find: /^@purpur\/grid$/, replacement: resolve(__dirname, "../../../components/grid/src/grid.tsx") },
-  { find: /^@purpur\/heading$/, replacement: resolve(__dirname, "../../../components/heading/src/heading.tsx") },
-  { find: /^@purpur\/hero-banner$/, replacement: resolve(__dirname, "../../../components/hero-banner/src/hero-banner.tsx") },
-  { find: /^@purpur\/label$/, replacement: resolve(__dirname, "../../../components/label/src/label.tsx") },
-  { find: /^@purpur\/link$/, replacement: resolve(__dirname, "../../../components/link/src/link.tsx") },
-  { find: /^@purpur\/listbox$/, replacement: resolve(__dirname, "../../../components/listbox/src/listbox.tsx") },
-  { find: /^@purpur\/modal$/, replacement: resolve(__dirname, "../../../components/modal/src/modal.tsx") },
-  { find: /^@purpur\/notification$/, replacement: resolve(__dirname, "../../../components/notification/src/notification.tsx") },
-  { find: /^@purpur\/notification-banner$/, replacement: resolve(__dirname, "../../../components/notification-banner/src/notification-banner.tsx") },
-  { find: /^@purpur\/pagination$/, replacement: resolve(__dirname, "../../../components/pagination/src/pagination.tsx") },
-  { find: /^@purpur\/paragraph$/, replacement: resolve(__dirname, "../../../components/paragraph/src/paragraph.tsx") },
-  { find: /^@purpur\/popover$/, replacement: resolve(__dirname, "../../../components/popover/src/popover.tsx") },
-  { find: /^@purpur\/product-card$/, replacement: resolve(__dirname, "../../../components/product-card/src/product-card.tsx") },
-  { find: /^@purpur\/promotion-card$/, replacement: resolve(__dirname, "../../../components/promotion-card/src/promotion-card.tsx") },
-  { find: /^@purpur\/quantity-selector$/, replacement: resolve(__dirname, "../../../components/quantity-selector/src/quantity-selector.tsx") },
-  { find: /^@purpur\/radio-button-group$/, replacement: resolve(__dirname, "../../../components/radio-button-group/src/radio-button-group.tsx") },
-  { find: /^@purpur\/radio-card-group$/, replacement: resolve(__dirname, "../../../components/radio-card-group/src/radio-card-group.tsx") },
-  { find: /^@purpur\/rich-text$/, replacement: resolve(__dirname, "../../../components/rich-text/src/rich-text.tsx") },
-  { find: /^@purpur\/search-field$/, replacement: resolve(__dirname, "../../../components/search-field/src/search-field.tsx") },
-  { find: /^@purpur\/select$/, replacement: resolve(__dirname, "../../../components/select/src/select.tsx") },
-  { find: /^@purpur\/skeleton$/, replacement: resolve(__dirname, "../../../components/skeleton/src/skeleton.tsx") },
-  { find: /^@purpur\/slider$/, replacement: resolve(__dirname, "../../../components/slider/src/slider.tsx") },
-  { find: /^@purpur\/spacer$/, replacement: resolve(__dirname, "../../../components/spacer/src/spacer.tsx") },
-  { find: /^@purpur\/spinner$/, replacement: resolve(__dirname, "../../../components/spinner/src/spinner.tsx") },
-  { find: /^@purpur\/stepper$/, replacement: resolve(__dirname, "../../../components/stepper/src/stepper.tsx") },
-  { find: /^@purpur\/table$/, replacement: resolve(__dirname, "../../../components/table/src/table.tsx") },
-  { find: /^@purpur\/tabs$/, replacement: resolve(__dirname, "../../../components/tabs/src/tabs.tsx") },
-  { find: /^@purpur\/text-area$/, replacement: resolve(__dirname, "../../../components/text-area/src/text-area.tsx") },
-  { find: /^@purpur\/text-field$/, replacement: resolve(__dirname, "../../../components/text-field/src/text-field.tsx") },
-  { find: /^@purpur\/text-spacing$/, replacement: resolve(__dirname, "../../../components/text-spacing/src/text-spacing.tsx") },
-  { find: /^@purpur\/toggle$/, replacement: resolve(__dirname, "../../../components/toggle/src/toggle.tsx") },
-  { find: /^@purpur\/tooltip$/, replacement: resolve(__dirname, "../../../components/tooltip/src/tooltip.tsx") },
-  { find: /^@purpur\/visually-hidden$/, replacement: resolve(__dirname, "../../../components/visually-hidden/src/visually-hidden.tsx") },
-  { find: /^@purpur\/common-types$/, replacement: resolve(__dirname, "../../common-types/src/common-types.ts") },
+  {
+    find: /^@purpur\/accordion$/,
+    replacement: resolve(__dirname, "../../../components/accordion/src/accordion.tsx"),
+  },
+  {
+    find: /^@purpur\/alert-badge$/,
+    replacement: resolve(__dirname, "../../../components/alert-badge/src/alert-badge.tsx"),
+  },
+  {
+    find: /^@purpur\/autocomplete$/,
+    replacement: resolve(__dirname, "../../../components/autocomplete/src/autocomplete.tsx"),
+  },
+  {
+    find: /^@purpur\/badge$/,
+    replacement: resolve(__dirname, "../../../components/badge/src/badge.tsx"),
+  },
+  {
+    find: /^@purpur\/breadcrumbs$/,
+    replacement: resolve(__dirname, "../../../components/breadcrumbs/src/breadcrumbs.tsx"),
+  },
+  {
+    find: /^@purpur\/button$/,
+    replacement: resolve(__dirname, "../../../components/button/src/button.tsx"),
+  },
+  {
+    find: /^@purpur\/calendar$/,
+    replacement: resolve(__dirname, "../../../components/calendar/src/calendar.tsx"),
+  },
+  {
+    find: /^@purpur\/card$/,
+    replacement: resolve(__dirname, "../../../components/card/src/card.tsx"),
+  },
+  {
+    find: /^@purpur\/checkbox$/,
+    replacement: resolve(__dirname, "../../../components/checkbox/src/checkbox.tsx"),
+  },
+  {
+    find: /^@purpur\/chip-group$/,
+    replacement: resolve(__dirname, "../../../components/chip-group/src/chip-group.tsx"),
+  },
+  {
+    find: /^@purpur\/color-dot$/,
+    replacement: resolve(__dirname, "../../../components/color-dot/src/color-dot.tsx"),
+  },
+  {
+    find: /^@purpur\/container$/,
+    replacement: resolve(__dirname, "../../../components/container/src/container.tsx"),
+  },
+  {
+    find: /^@purpur\/content-block$/,
+    replacement: resolve(__dirname, "../../../components/content-block/src/content-block.tsx"),
+  },
+  {
+    find: /^@purpur\/countdown$/,
+    replacement: resolve(__dirname, "../../../components/countdown/src/countdown.tsx"),
+  },
+  {
+    find: /^@purpur\/counter-badge$/,
+    replacement: resolve(__dirname, "../../../components/counter-badge/src/counter-badge.tsx"),
+  },
+  {
+    find: /^@purpur\/cta-link$/,
+    replacement: resolve(__dirname, "../../../components/cta-link/src/cta-link.tsx"),
+  },
+  {
+    find: /^@purpur\/date-field$/,
+    replacement: resolve(__dirname, "../../../components/date-field/src/date-field.tsx"),
+  },
+  {
+    find: /^@purpur\/date-picker$/,
+    replacement: resolve(__dirname, "../../../components/date-picker/src/date-picker.tsx"),
+  },
+  {
+    find: /^@purpur\/dismissable-chip-group$/,
+    replacement: resolve(
+      __dirname,
+      "../../../components/dismissable-chip-group/src/dismissable-chip-group.tsx"
+    ),
+  },
+  {
+    find: /^@purpur\/drawer$/,
+    replacement: resolve(__dirname, "../../../components/drawer/src/drawer.tsx"),
+  },
+  {
+    find: /^@purpur\/field-error-text$/,
+    replacement: resolve(
+      __dirname,
+      "../../../components/field-error-text/src/field-error-text.tsx"
+    ),
+  },
+  {
+    find: /^@purpur\/field-helper-text$/,
+    replacement: resolve(
+      __dirname,
+      "../../../components/field-helper-text/src/field-helper-text.tsx"
+    ),
+  },
+  {
+    find: /^@purpur\/footer$/,
+    replacement: resolve(__dirname, "../../../components/footer/src/footer.tsx"),
+  },
+  {
+    find: /^@purpur\/grid$/,
+    replacement: resolve(__dirname, "../../../components/grid/src/grid.tsx"),
+  },
+  {
+    find: /^@purpur\/heading$/,
+    replacement: resolve(__dirname, "../../../components/heading/src/heading.tsx"),
+  },
+  {
+    find: /^@purpur\/hero-banner$/,
+    replacement: resolve(__dirname, "../../../components/hero-banner/src/hero-banner.tsx"),
+  },
+  {
+    find: /^@purpur\/label$/,
+    replacement: resolve(__dirname, "../../../components/label/src/label.tsx"),
+  },
+  {
+    find: /^@purpur\/link$/,
+    replacement: resolve(__dirname, "../../../components/link/src/link.tsx"),
+  },
+  {
+    find: /^@purpur\/listbox$/,
+    replacement: resolve(__dirname, "../../../components/listbox/src/listbox.tsx"),
+  },
+  {
+    find: /^@purpur\/modal$/,
+    replacement: resolve(__dirname, "../../../components/modal/src/modal.tsx"),
+  },
+  {
+    find: /^@purpur\/notification$/,
+    replacement: resolve(__dirname, "../../../components/notification/src/notification.tsx"),
+  },
+  {
+    find: /^@purpur\/notification-banner$/,
+    replacement: resolve(
+      __dirname,
+      "../../../components/notification-banner/src/notification-banner.tsx"
+    ),
+  },
+  {
+    find: /^@purpur\/pagination$/,
+    replacement: resolve(__dirname, "../../../components/pagination/src/pagination.tsx"),
+  },
+  {
+    find: /^@purpur\/paragraph$/,
+    replacement: resolve(__dirname, "../../../components/paragraph/src/paragraph.tsx"),
+  },
+  {
+    find: /^@purpur\/popover$/,
+    replacement: resolve(__dirname, "../../../components/popover/src/popover.tsx"),
+  },
+  {
+    find: /^@purpur\/product-card$/,
+    replacement: resolve(__dirname, "../../../components/product-card/src/product-card.tsx"),
+  },
+  {
+    find: /^@purpur\/promotion-card$/,
+    replacement: resolve(__dirname, "../../../components/promotion-card/src/promotion-card.tsx"),
+  },
+  {
+    find: /^@purpur\/quantity-selector$/,
+    replacement: resolve(
+      __dirname,
+      "../../../components/quantity-selector/src/quantity-selector.tsx"
+    ),
+  },
+  {
+    find: /^@purpur\/radio-button-group$/,
+    replacement: resolve(
+      __dirname,
+      "../../../components/radio-button-group/src/radio-button-group.tsx"
+    ),
+  },
+  {
+    find: /^@purpur\/radio-card-group$/,
+    replacement: resolve(
+      __dirname,
+      "../../../components/radio-card-group/src/radio-card-group.tsx"
+    ),
+  },
+  {
+    find: /^@purpur\/rich-text$/,
+    replacement: resolve(__dirname, "../../../components/rich-text/src/rich-text.tsx"),
+  },
+  {
+    find: /^@purpur\/search-field$/,
+    replacement: resolve(__dirname, "../../../components/search-field/src/search-field.tsx"),
+  },
+  {
+    find: /^@purpur\/select$/,
+    replacement: resolve(__dirname, "../../../components/select/src/select.tsx"),
+  },
+  {
+    find: /^@purpur\/skeleton$/,
+    replacement: resolve(__dirname, "../../../components/skeleton/src/skeleton.tsx"),
+  },
+  {
+    find: /^@purpur\/slider$/,
+    replacement: resolve(__dirname, "../../../components/slider/src/slider.tsx"),
+  },
+  {
+    find: /^@purpur\/spacer$/,
+    replacement: resolve(__dirname, "../../../components/spacer/src/spacer.tsx"),
+  },
+  {
+    find: /^@purpur\/spinner$/,
+    replacement: resolve(__dirname, "../../../components/spinner/src/spinner.tsx"),
+  },
+  {
+    find: /^@purpur\/stepper$/,
+    replacement: resolve(__dirname, "../../../components/stepper/src/stepper.tsx"),
+  },
+  {
+    find: /^@purpur\/table$/,
+    replacement: resolve(__dirname, "../../../components/table/src/table.tsx"),
+  },
+  {
+    find: /^@purpur\/tabs$/,
+    replacement: resolve(__dirname, "../../../components/tabs/src/tabs.tsx"),
+  },
+  {
+    find: /^@purpur\/text-area$/,
+    replacement: resolve(__dirname, "../../../components/text-area/src/text-area.tsx"),
+  },
+  {
+    find: /^@purpur\/text-field$/,
+    replacement: resolve(__dirname, "../../../components/text-field/src/text-field.tsx"),
+  },
+  {
+    find: /^@purpur\/text-spacing$/,
+    replacement: resolve(__dirname, "../../../components/text-spacing/src/text-spacing.tsx"),
+  },
+  {
+    find: /^@purpur\/toggle$/,
+    replacement: resolve(__dirname, "../../../components/toggle/src/toggle.tsx"),
+  },
+  {
+    find: /^@purpur\/tooltip$/,
+    replacement: resolve(__dirname, "../../../components/tooltip/src/tooltip.tsx"),
+  },
+  {
+    find: /^@purpur\/visually-hidden$/,
+    replacement: resolve(__dirname, "../../../components/visually-hidden/src/visually-hidden.tsx"),
+  },
+  {
+    find: /^@purpur\/common-types$/,
+    replacement: resolve(__dirname, "../../common-types/src/common-types.ts"),
+  },
   { find: /^@purpur\/theme$/, replacement: resolve(__dirname, "../../theme/src/theme.ts") },
   { find: /^@purpur\/action$/, replacement: resolve(__dirname, "../../action/src/action.tsx") },
 ];

package/src/entries.js

@@ -3,4 +3,63 @@
  * This file is automatically generated, do not edit it manually
  */
 
-export const entries = ["accordion","alert-badge","autocomplete","badge","breadcrumbs","button","calendar","card","checkbox","chip-group","color-dot","container","content-block","countdown","counter-badge","cta-link","date-field","date-picker","dismissable-chip-group","drawer","field-error-text","field-helper-text","footer","grid","heading","hero-banner","label","link","listbox","modal","notification","notification-banner","pagination","paragraph","popover","product-card","promotion-card","quantity-selector","radio-button-group","radio-card-group","rich-text","search-field","select","skeleton","slider","spacer","spinner","stepper","table","tabs","text-area","text-field","text-spacing","toggle","tooltip","visually-hidden","tokens","theme"];
+export const entries = [
+  "accordion",
+  "alert-badge",
+  "autocomplete",
+  "badge",
+  "breadcrumbs",
+  "button",
+  "calendar",
+  "card",
+  "checkbox",
+  "chip-group",
+  "color-dot",
+  "container",
+  "content-block",
+  "countdown",
+  "counter-badge",
+  "cta-link",
+  "date-field",
+  "date-picker",
+  "dismissable-chip-group",
+  "drawer",
+  "field-error-text",
+  "field-helper-text",
+  "footer",
+  "grid",
+  "heading",
+  "hero-banner",
+  "label",
+  "link",
+  "listbox",
+  "modal",
+  "notification",
+  "notification-banner",
+  "pagination",
+  "paragraph",
+  "popover",
+  "product-card",
+  "promotion-card",
+  "quantity-selector",
+  "radio-button-group",
+  "radio-card-group",
+  "rich-text",
+  "search-field",
+  "select",
+  "skeleton",
+  "slider",
+  "spacer",
+  "spinner",
+  "stepper",
+  "table",
+  "tabs",
+  "text-area",
+  "text-field",
+  "text-spacing",
+  "toggle",
+  "tooltip",
+  "visually-hidden",
+  "tokens",
+  "theme",
+];

package/src/library.ts

@@ -4,66 +4,127 @@
  */
 
 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/badge";
+
 export * from "@purpur/breadcrumbs";
+
 export * from "@purpur/button";
+
 export * from "@purpur/calendar";
+
 export * from "@purpur/card";
+
 export * from "@purpur/checkbox";
+
 export * from "@purpur/chip-group";
+
 export * from "@purpur/color-dot";
+
 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/dismissable-chip-group";
+
 export * from "@purpur/drawer";
+
 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/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";
+
+export * from "@purpur/tokens";
+
+export * from "@purpur/theme";

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,12 @@
+: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-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,9 @@
+export const purpurBorderRadiusXs: string;
+export const purpurBorderRadiusSm: string;
+export const purpurBorderRadiusMd: string;
+export const purpurBorderRadiusLg: 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,11 @@
+[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-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,9 @@
+export const purpurBorderRadiusXs: string;
+export const purpurBorderRadiusSm: string;
+export const purpurBorderRadiusMd: string;
+export const purpurBorderRadiusLg: 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,9 @@
+export const purpurBorderRadiusXs = "2px";
+export const purpurBorderRadiusSm = "4px";
+export const purpurBorderRadiusMd = "8px";
+export const purpurBorderRadiusLg = "16px";
+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,17 @@
+{
+  "border": {
+    "radius": {
+      "xs": "2px",
+      "sm": "4px",
+      "md": "8px",
+      "lg": "16px",
+      "full": "999px"
+    },
+    "width": {
+      "xs": "1px",
+      "sm": "2px",
+      "md": "3px",
+      "lg": "6px"
+    }
+  }
+}

package/tokens/border/variables.dark.scss

@@ -0,0 +1,9 @@
+$purpur-border-radius-xs: 2px;
+$purpur-border-radius-sm: 4px;
+$purpur-border-radius-md: 8px;
+$purpur-border-radius-lg: 16px;
+$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,9 @@
+export const purpurBorderRadiusXs = "2px";
+export const purpurBorderRadiusSm = "4px";
+export const purpurBorderRadiusMd = "8px";
+export const purpurBorderRadiusLg = "16px";
+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,17 @@
+{
+  "border": {
+    "radius": {
+      "xs": "2px",
+      "sm": "4px",
+      "md": "8px",
+      "lg": "16px",
+      "full": "999px"
+    },
+    "width": {
+      "xs": "1px",
+      "sm": "2px",
+      "md": "3px",
+      "lg": "6px"
+    }
+  }
+}