@placeholderco/placeholder-ui 1.0.3 → 1.0.6

package/dist/styles/reset.css

@@ -1,110 +1,110 @@
-/**
- * CSS Reset
- * A minimal, modern CSS reset for consistent cross-browser styling
- */
-
-*,
-*::before,
-*::after {
-	box-sizing: border-box;
-}
-
-* {
-	margin: 0;
-}
-
-html {
-	-webkit-text-size-adjust: 100%;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-	text-rendering: optimizeLegibility;
-}
-
-body {
-	line-height: var(--pui-line-height-normal, 1.5);
-	font-family: var(--pui-font-family-sans);
-}
-
-img,
-picture,
-video,
-canvas,
-svg {
-	display: block;
-	max-width: 100%;
-}
-
-input,
-button,
-textarea,
-select {
-	font: inherit;
-	color: inherit;
-}
-
-button {
-	cursor: pointer;
-	background: none;
-	border: none;
-	padding: 0;
-}
-
-p,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-	overflow-wrap: break-word;
-}
-
-a {
-	color: inherit;
-	text-decoration: none;
-}
-
-ul,
-ol {
-	list-style: none;
-	padding: 0;
-}
-
-table {
-	border-collapse: collapse;
-	border-spacing: 0;
-}
-
-fieldset {
-	border: 0;
-	padding: 0;
-	margin: 0;
-	min-width: 0;
-}
-
-legend {
-	padding: 0;
-}
-
-textarea {
-	resize: vertical;
-}
-
-img,
-video {
-	height: auto;
-}
-
-input::-webkit-outer-spin-button,
-input::-webkit-inner-spin-button {
-	-webkit-appearance: none;
-	margin: 0;
-}
-
-input[type='number'] {
-	-moz-appearance: textfield;
-}
-
-dialog:not([open]) {
-	display: none;
-}
+/**
+ * CSS Reset
+ * A minimal, modern CSS reset for consistent cross-browser styling
+ */
+
+*,
+*::before,
+*::after {
+	box-sizing: border-box;
+}
+
+* {
+	margin: 0;
+}
+
+html {
+	-webkit-text-size-adjust: 100%;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	text-rendering: optimizeLegibility;
+}
+
+body {
+	line-height: var(--pui-line-height-normal, 1.5);
+	font-family: var(--pui-font-family-sans);
+}
+
+img,
+picture,
+video,
+canvas,
+svg {
+	display: block;
+	max-width: 100%;
+}
+
+input,
+button,
+textarea,
+select {
+	font: inherit;
+	color: inherit;
+}
+
+button {
+	cursor: pointer;
+	background: none;
+	border: none;
+	padding: 0;
+}
+
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	overflow-wrap: break-word;
+}
+
+a {
+	color: inherit;
+	text-decoration: none;
+}
+
+ul,
+ol {
+	list-style: none;
+	padding: 0;
+}
+
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+fieldset {
+	border: 0;
+	padding: 0;
+	margin: 0;
+	min-width: 0;
+}
+
+legend {
+	padding: 0;
+}
+
+textarea {
+	resize: vertical;
+}
+
+img,
+video {
+	height: auto;
+}
+
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+	-webkit-appearance: none;
+	margin: 0;
+}
+
+input[type='number'] {
+	-moz-appearance: textfield;
+}
+
+dialog:not([open]) {
+	display: none;
+}

package/dist/styles/semantic.css

@@ -1,86 +1,86 @@
-/**
- * Semantic Variables
- * Contextual variables derived from primitive tokens.
- */
-
-:root {
-	/* ============================================
-	 * SURFACE COLORS
-	 * ============================================ */
-	--pui-bg-page: var(--pui-color-gray-100);
-	--pui-bg-surface: var(--pui-color-white);
-	--pui-bg-surface-raised: var(--pui-color-gray-50);
-	--pui-bg-surface-sunken: var(--pui-color-gray-200);
-	--pui-bg-overlay: rgba(0, 0, 0, 0.5);
-	--pui-bg-overlay-dark: rgba(0, 0, 0, 0.65);
-
-	/* ============================================
-	 * TEXT COLORS
-	 * ============================================ */
-	--pui-text-primary: var(--pui-color-black);
-	--pui-text-secondary: var(--pui-color-gray-700);
-	--pui-text-muted: var(--pui-color-gray-600);
-	--pui-text-disabled: var(--pui-color-gray-400);
-	--pui-text-placeholder: rgb(161, 161, 170);
-
-	--pui-text-on-primary: var(--pui-color-white);
-	--pui-text-on-secondary: var(--pui-color-primary);
-	--pui-text-on-accent: var(--pui-color-primary);
-	--pui-text-on-danger: var(--pui-color-white);
-
-	--pui-text-danger: var(--pui-color-danger-light);
-	--pui-text-warning: var(--pui-color-warning);
-	--pui-text-success: var(--pui-color-success);
-	--pui-text-info: var(--pui-color-info);
-
-	/* ============================================
-	 * BORDER COLORS
-	 * ============================================ */
-	--pui-border-default: rgb(226, 232, 240);
-	--pui-border-subtle: var(--pui-color-gray-200);
-	--pui-border-strong: var(--pui-color-gray-400);
-	--pui-border-focus: var(--pui-color-primary);
-	--pui-border-error: var(--pui-color-danger);
-	--pui-border-success: var(--pui-color-success);
-
-	/* ============================================
-	 * ACCENT COLORS
-	 * ============================================ */
-	--pui-accent-color-rgb: var(--pui-color-primary-rgb);
-	--pui-accent-color: var(--pui-color-primary);
-	--pui-accent-text-color: var(--pui-color-off-white);
-
-	/* ============================================
-	 * LINK COLORS
-	 * ============================================ */
-	--pui-link-color: var(--pui-color-accent-dark);
-	--pui-link-hover-color: var(--pui-color-secondary-dark);
-
-	/* ============================================
-	 * FOCUS RING
-	 * ============================================ */
-	--pui-focus-ring-color: var(--pui-color-primary);
-	--pui-focus-ring-width: 2px;
-	--pui-focus-ring-offset: 2px;
-
-	/* ============================================
-	 * SCROLLBAR
-	 * ============================================ */
-	--pui-scrollbar-width: 19px;
-	--pui-scrollbar-track: var(--pui-color-white);
-	--pui-scrollbar-thumb: var(--pui-color-primary);
-	--pui-scrollbar-thumb-border: var(--pui-color-white);
-
-	/* ============================================
-	 * INTERACTIVE STATES
-	 * ============================================ */
-	--pui-bg-hover: rgba(0, 0, 0, 0.04);
-	--pui-bg-active: rgba(0, 0, 0, 0.08);
-
-	/* ============================================
-	 * DISABLED STATES
-	 * ============================================ */
-	--pui-border-disabled: #ccc;
-	--pui-bg-disabled: #f5f5f5;
-	--pui-text-on-disabled: var(--pui-color-gray-500);
-}
+/**
+ * Semantic Variables
+ * Contextual variables derived from primitive tokens.
+ */
+
+:root {
+	/* ============================================
+	 * SURFACE COLORS
+	 * ============================================ */
+	--pui-bg-page: var(--pui-color-gray-100);
+	--pui-bg-surface: var(--pui-color-white);
+	--pui-bg-surface-raised: var(--pui-color-gray-50);
+	--pui-bg-surface-sunken: var(--pui-color-gray-200);
+	--pui-bg-overlay: rgba(0, 0, 0, 0.5);
+	--pui-bg-overlay-dark: rgba(0, 0, 0, 0.65);
+
+	/* ============================================
+	 * TEXT COLORS
+	 * ============================================ */
+	--pui-text-primary: var(--pui-color-black);
+	--pui-text-secondary: var(--pui-color-gray-700);
+	--pui-text-muted: var(--pui-color-gray-600);
+	--pui-text-disabled: var(--pui-color-gray-400);
+	--pui-text-placeholder: rgb(161, 161, 170);
+
+	--pui-text-on-primary: var(--pui-color-white);
+	--pui-text-on-secondary: var(--pui-color-primary);
+	--pui-text-on-accent: var(--pui-color-primary);
+	--pui-text-on-danger: var(--pui-color-white);
+
+	--pui-text-danger: var(--pui-color-danger-light);
+	--pui-text-warning: var(--pui-color-warning);
+	--pui-text-success: var(--pui-color-success);
+	--pui-text-info: var(--pui-color-info);
+
+	/* ============================================
+	 * BORDER COLORS
+	 * ============================================ */
+	--pui-border-default: rgb(226, 232, 240);
+	--pui-border-subtle: var(--pui-color-gray-200);
+	--pui-border-strong: var(--pui-color-gray-400);
+	--pui-border-focus: var(--pui-color-primary);
+	--pui-border-error: var(--pui-color-danger);
+	--pui-border-success: var(--pui-color-success);
+
+	/* ============================================
+	 * ACCENT COLORS
+	 * ============================================ */
+	--pui-accent-color-rgb: var(--pui-color-primary-rgb);
+	--pui-accent-color: var(--pui-color-primary);
+	--pui-accent-text-color: var(--pui-color-off-white);
+
+	/* ============================================
+	 * LINK COLORS
+	 * ============================================ */
+	--pui-link-color: var(--pui-color-accent-dark);
+	--pui-link-hover-color: var(--pui-color-secondary-dark);
+
+	/* ============================================
+	 * FOCUS RING
+	 * ============================================ */
+	--pui-focus-ring-color: var(--pui-color-primary);
+	--pui-focus-ring-width: 2px;
+	--pui-focus-ring-offset: 2px;
+
+	/* ============================================
+	 * SCROLLBAR
+	 * ============================================ */
+	--pui-scrollbar-width: 19px;
+	--pui-scrollbar-track: var(--pui-color-white);
+	--pui-scrollbar-thumb: var(--pui-color-primary);
+	--pui-scrollbar-thumb-border: var(--pui-color-white);
+
+	/* ============================================
+	 * INTERACTIVE STATES
+	 * ============================================ */
+	--pui-bg-hover: rgba(0, 0, 0, 0.04);
+	--pui-bg-active: rgba(0, 0, 0, 0.08);
+
+	/* ============================================
+	 * DISABLED STATES
+	 * ============================================ */
+	--pui-border-disabled: #ccc;
+	--pui-bg-disabled: #f5f5f5;
+	--pui-text-on-disabled: var(--pui-color-gray-500);
+}