@dinofront/design_system 1.2.0 → 1.2.2

package/dist/lib/optionValue.d.ts

@@ -0,0 +1,10 @@
+import { OptionValue } from '../types';
+/**
+ * Compares two option/radio values for equality the same way every
+ * component in this library does: coerced to `String(...)` first, since
+ * `OptionValue` (and `RadioValue`, which adds `boolean`) may mix strings and
+ * numbers. `undefined` never equals anything, including another `undefined`.
+ */
+export declare const isSameOptionValue: (a: OptionValue | boolean | undefined, b: OptionValue | boolean | undefined) => boolean;
+/** Whether `v` is present in `list`, compared via `isSameOptionValue`. */
+export declare const includesOptionValue: (list: readonly (OptionValue | boolean)[], v: OptionValue | boolean) => boolean;

package/dist/styles.css

@@ -83,6 +83,7 @@
     --font-weight-medium: 500;
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
+    --tracking-wide: 0.025em;
     --tracking-wider: 0.05em;
     --tracking-widest: 0.1em;
     --leading-tight: 1.25;
@@ -443,6 +444,9 @@
   .isolate {
     isolation: isolate;
   }
+  .z-1 {
+    z-index: 1;
+  }
   .z-10 {
     z-index: 10;
   }
@@ -1061,6 +1065,9 @@
   .cursor-text {
     cursor: text;
   }
+  .cursor-wait {
+    cursor: wait;
+  }
   .resize {
     resize: both;
   }
@@ -1675,6 +1682,9 @@
   .py-20 {
     padding-block: calc(var(--spacing) * 20);
   }
+  .pt-2 {
+    padding-top: calc(var(--spacing) * 2);
+  }
   .pt-6 {
     padding-top: calc(var(--spacing) * 6);
   }
@@ -1699,6 +1709,9 @@
   .pr-10 {
     padding-right: calc(var(--spacing) * 10);
   }
+  .pb-1 {
+    padding-bottom: var(--spacing);
+  }
   .pb-4 {
     padding-bottom: calc(var(--spacing) * 4);
   }
@@ -1847,6 +1860,10 @@
     --tw-font-weight: var(--font-weight-semibold);
     font-weight: var(--font-weight-semibold);
   }
+  .tracking-wide {
+    --tw-tracking: var(--tracking-wide);
+    letter-spacing: var(--tracking-wide);
+  }
   .tracking-wider {
     --tw-tracking: var(--tracking-wider);
     letter-spacing: var(--tracking-wider);
@@ -2222,6 +2239,9 @@
   .peer-checked\:bg-brand-500:is(:where(.peer):checked ~ *) {
     background-color: var(--color-brand-500);
   }
+  .peer-checked\:bg-gray-600:is(:where(.peer):checked ~ *) {
+    background-color: var(--color-gray-600);
+  }
   .peer-checked\:bg-gray-700:is(:where(.peer):checked ~ *) {
     background-color: var(--color-gray-700);
   }

package/dist/types/base.d.ts

@@ -3,3 +3,11 @@ export interface BaseProps {
     /** Rendered as `data-test-id` for test selectors. */
     dataTestId?: string;
 }
+/**
+ * An option/item identity that can be a string or a number — compared
+ * internally via `String(...)`. Note: values are compared via `String(...)`,
+ * so within one options array a numeric `1` and a string `'1'` are treated
+ * as the same option — don't mix the two representations for what should be
+ * distinct options.
+ */
+export type OptionValue = string | number;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dinofront/design_system",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "description": "Enterprise React component library and design system built on Tailwind CSS.",
   "type": "module",
   "license": "MIT",