@abhir9/pd-design-system 0.1.9 → 0.1.10

package/dist/index.css

@@ -1,6 +1,8 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+/* Note: @tailwind utilities is required for @layer utilities to work, but won't generate utilities
+   since we don't use Tailwind utility classes in this CSS file. Consumer's Tailwind will generate utilities. */
 
 @layer base {
   /**

package/dist/styles.css

@@ -1132,6 +1132,12 @@ button {
 .border-\[var\(--border-yellow-subtle\)\] {
   border-color: var(--border-yellow-subtle);
 }
+.border-\[var\(--pd-border-primary\)\] {
+  border-color: var(--pd-border-primary);
+}
+.border-\[var\(--pd-border-red\)\] {
+  border-color: var(--pd-border-red);
+}
 .bg-\[var\(--background-base\)\] {
   background-color: var(--background-base);
 }
@@ -1162,6 +1168,9 @@ button {
 .bg-\[var\(--content-primary\)\] {
   background-color: var(--content-primary);
 }
+.bg-\[var\(--pd-background-base\)\] {
+  background-color: var(--pd-background-base);
+}
 .bg-blue-400 {
   --tw-bg-opacity: 1;
   background-color: rgb(96 165 250 / var(--tw-bg-opacity, 1));
@@ -1301,6 +1310,12 @@ button {
 .text-\[var\(--content-yellow\)\] {
   color: var(--content-yellow);
 }
+.text-\[var\(--pd-content-primary\)\] {
+  color: var(--pd-content-primary);
+}
+.text-\[var\(--pd-content-red\)\] {
+  color: var(--pd-content-red);
+}
 .text-gray-500 {
   --tw-text-opacity: 1;
   color: rgb(107 114 128 / var(--tw-text-opacity, 1));
@@ -1385,6 +1400,25 @@ button {
     background-color 0.15s ease-in-out,
     border-color 0.15s ease-in-out;
 }
+.file\:border-0::file-selector-button {
+  border-width: 0px;
+}
+.file\:bg-transparent::file-selector-button {
+  background-color: transparent;
+}
+.file\:text-sm::file-selector-button {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+.file\:font-medium::file-selector-button {
+  font-weight: 500;
+}
+.placeholder\:text-\[var\(--pd-content-subtle\)\]::-moz-placeholder {
+  color: var(--pd-content-subtle);
+}
+.placeholder\:text-\[var\(--pd-content-subtle\)\]::placeholder {
+  color: var(--pd-content-subtle);
+}
 .hover\:border-\[var\(--border-green-on-hover\)\]:hover {
   border-color: var(--border-green-on-hover);
 }
@@ -1455,6 +1489,12 @@ button {
     var(--tw-ring-shadow, 0 0 #0000),
     var(--tw-shadow);
 }
+.focus-visible\:border-\[var\(--pd-border-blueOnHover\)\]:focus-visible {
+  border-color: var(--pd-border-blueOnHover);
+}
+.focus-visible\:border-\[var\(--pd-border-redOnHover\)\]:focus-visible {
+  border-color: var(--pd-border-redOnHover);
+}
 .focus-visible\:outline-none:focus-visible {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -1470,6 +1510,12 @@ button {
 .focus-visible\:ring-\[var\(--border-blue\)\]:focus-visible {
   --tw-ring-color: var(--border-blue);
 }
+.focus-visible\:ring-\[var\(--pd-border-blue\)\]:focus-visible {
+  --tw-ring-color: var(--pd-border-blue);
+}
+.focus-visible\:ring-\[var\(--pd-border-red\)\]:focus-visible {
+  --tw-ring-color: var(--pd-border-red);
+}
 .focus-visible\:ring-offset-2:focus-visible {
   --tw-ring-offset-width: 2px;
 }
@@ -1494,6 +1540,9 @@ button {
 .disabled\:pointer-events-none:disabled {
   pointer-events: none;
 }
+.disabled\:cursor-not-allowed:disabled {
+  cursor: not-allowed;
+}
 .disabled\:border-\[var\(--border-subtle\)\]:disabled {
   border-color: var(--border-subtle);
 }
@@ -1509,6 +1558,9 @@ button {
 .disabled\:text-\[var\(--content-subtle\)\]:disabled {
   color: var(--content-subtle);
 }
+.disabled\:text-\[var\(--pd-content-subtle\)\]:disabled {
+  color: var(--pd-content-subtle);
+}
 .disabled\:opacity-50:disabled {
   opacity: 0.5;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abhir9/pd-design-system",
-  "version": "0.1.9",
+  "version": "0.1.10",
   "description": "Production-grade design system with adapter layer support",
   "type": "module",
   "main": "./dist/index.cjs",