@efiche/design 0.1.7 → 0.1.9

package/dist/index.css

@@ -87,890 +87,4 @@
   --ds-danger-title: #fecaca;
   --ds-danger-desc: #fca5a5;
 }
-
-/* src/components/Alert/Alert.module.css */
-.alert {
-  display: flex;
-  gap: 0.75rem;
-  padding: 1rem;
-  border-radius: 0.5rem;
-  border-left: 4px solid;
-}
-.icon {
-  flex-shrink: 0;
-  margin-top: 0.125rem;
-}
-.content {
-  flex: 1;
-}
-.title {
-  font-weight: 600;
-  font-size: 0.875rem;
-  margin-bottom: 0.25rem;
-  margin-top: 0;
-}
-.description {
-  font-size: 0.875rem;
-  margin: 0;
-}
-.info {
-  background-color: var(--ds-info-bg, #eff6ff);
-  border-left-color: var(--ds-info, #3b82f6);
-}
-.info .icon {
-  color: var(--ds-info, #3b82f6);
-}
-.info .title {
-  color: var(--ds-info-title, #1e3a8a);
-}
-.info .description {
-  color: var(--ds-info-desc, #1e40af);
-}
-.success {
-  background-color: var(--ds-success-bg, #f0fdf4);
-  border-left-color: var(--ds-success, #22c55e);
-}
-.success .icon {
-  color: var(--ds-success, #22c55e);
-}
-.success .title {
-  color: var(--ds-success-title, #14532d);
-}
-.success .description {
-  color: var(--ds-success-desc, #166534);
-}
-.warning {
-  background-color: var(--ds-warning-bg, #fffbeb);
-  border-left-color: var(--ds-warning, #f59e0b);
-}
-.warning .icon {
-  color: var(--ds-warning, #f59e0b);
-}
-.warning .title {
-  color: var(--ds-warning-title, #78350f);
-}
-.warning .description {
-  color: var(--ds-warning-desc, #92400e);
-}
-.danger {
-  background-color: var(--ds-danger-bg, #fef2f2);
-  border-left-color: var(--ds-danger, #ef4444);
-}
-.danger .icon {
-  color: var(--ds-danger, #ef4444);
-}
-.danger .title {
-  color: var(--ds-danger-title, #7f1d1d);
-}
-.danger .description {
-  color: var(--ds-danger-desc, #991b1b);
-}
-
-/* src/components/Avatar/Avatar.module.css */
-.avatar {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 9999px;
-  background-color: var(--ds-accent, #f1f5f9);
-  color: var(--ds-text-primary, #0f172a);
-  font-weight: 600;
-  flex-shrink: 0;
-  user-select: none;
-}
-.sm {
-  width: 2rem;
-  height: 2rem;
-  font-size: 0.625rem;
-}
-.md {
-  width: 2.5rem;
-  height: 2.5rem;
-  font-size: 0.875rem;
-}
-.lg {
-  width: 4rem;
-  height: 4rem;
-  font-size: 1.25rem;
-}
-
-/* src/components/Badge/Badge.module.css */
-.badge {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.25rem;
-  border-radius: 9999px;
-  font-weight: 500;
-  white-space: nowrap;
-}
-.sm {
-  padding: 0.125rem 0.5rem;
-  font-size: 0.625rem;
-}
-.md {
-  padding: 0.25rem 0.625rem;
-  font-size: 0.75rem;
-}
-.lg {
-  padding: 0.375rem 0.875rem;
-  font-size: 0.875rem;
-}
-.default {
-  background-color: var(--ds-primary, #3b82f6);
-  color: #fff;
-}
-.secondary {
-  background-color: var(--ds-muted, #f1f5f9);
-  color: var(--ds-text-secondary, #64748b);
-}
-.outline {
-  background-color: transparent;
-  border: 1px solid var(--ds-border, #e2e8f0);
-  color: var(--ds-text-primary, #0f172a);
-}
-.danger {
-  background-color: var(--ds-danger, #ef4444);
-  color: #fff;
-}
-.success {
-  background-color: var(--ds-success, #22c55e);
-  color: #fff;
-}
-.warning {
-  background-color: var(--ds-warning, #f59e0b);
-  color: #fff;
-}
-.info {
-  background-color: var(--ds-info, #3b82f6);
-  color: #fff;
-}
-
-/* src/components/Breadcrumb/Breadcrumb.module.css */
-.list {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  list-style: none;
-  padding: 0;
-  margin: 0;
-  font-size: 0.875rem;
-}
-.item {
-  display: flex;
-  align-items: center;
-}
-.separator {
-  color: var(--ds-text-secondary, #64748b);
-  margin: 0 0.25rem;
-  flex-shrink: 0;
-}
-.link {
-  color: var(--ds-text-secondary, #64748b);
-  text-decoration: none;
-  transition: color 0.15s;
-}
-.link:hover {
-  color: var(--ds-text-primary, #0f172a);
-  text-decoration: underline;
-}
-.current {
-  color: var(--ds-text-primary, #0f172a);
-  font-weight: 500;
-  cursor: default;
-}
-.current:hover {
-  color: var(--ds-text-primary, #0f172a);
-  text-decoration: none;
-}
-
-/* src/components/Card/Card.module.css */
-.card {
-  border: 1px solid var(--ds-border, #e2e8f0);
-  border-radius: 0.5rem;
-  background-color: var(--ds-card, #ffffff);
-}
-.header {
-  display: flex;
-  flex-direction: column;
-  gap: 0.375rem;
-  padding: 1.5rem 1.5rem 0;
-}
-.title {
-  font-size: 1rem;
-  font-weight: 600;
-  color: var(--ds-text-primary, #0f172a);
-  margin: 0;
-  line-height: 1.4;
-}
-.description {
-  font-size: 0.875rem;
-  color: var(--ds-text-secondary, #64748b);
-  margin: 0;
-}
-.content {
-  padding: 1.5rem;
-}
-.footer {
-  display: flex;
-  align-items: center;
-  padding: 0 1.5rem 1.5rem;
-}
-
-/* src/components/Checkbox/Checkbox.module.css */
-.container {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5rem;
-  cursor: pointer;
-  user-select: none;
-}
-.disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-.input {
-  position: absolute;
-  opacity: 0;
-  width: 0;
-  height: 0;
-}
-.box {
-  width: 1.125rem;
-  height: 1.125rem;
-  border: 2px solid var(--ds-border, #e2e8f0);
-  border-radius: 0.25rem;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  transition: background-color 0.15s, border-color 0.15s;
-  background-color: var(--ds-card, #fff);
-}
-.checked {
-  background-color: var(--ds-primary, #3b82f6);
-  border-color: var(--ds-primary, #3b82f6);
-}
-.checkmark {
-  width: 0.625rem;
-  height: 0.625rem;
-}
-.label {
-  font-size: 0.875rem;
-  color: var(--ds-text-primary, #0f172a);
-}
-
-/* src/components/CopyButton/CopyButton.module.css */
-.copyButton {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0.25rem;
-  border: none;
-  border-radius: 0.25rem;
-  background-color: transparent;
-  color: var(--muted-foreground);
-  cursor: pointer;
-  transition: background-color 0.15s, color 0.15s;
-}
-.copyButton:hover {
-  background-color: var(--ds-accent, #f1f5f9);
-  color: var(--ds-text-primary, #0f172a);
-}
-.icon {
-  width: 1rem;
-  height: 1rem;
-}
-
-/* src/components/FileUpload/FileUpload.module.css */
-.zone {
-  border: 2px dashed var(--ds-border, #e2e8f0);
-  border-radius: 0.5rem;
-  padding: 2rem;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 0.5rem;
-  cursor: pointer;
-  background-color: var(--ds-muted, #f1f5f9);
-  transition: border-color 0.15s, background-color 0.15s;
-  text-align: center;
-}
-.zone:hover,
-.dragging {
-  border-color: var(--ds-primary, #3b82f6);
-  background-color: var(--ds-primary-50, #eff6ff);
-}
-.disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-.input {
-  display: none;
-}
-.icon {
-  color: var(--ds-text-secondary, #64748b);
-}
-.hint {
-  font-size: 0.875rem;
-  color: var(--ds-text-secondary, #64748b);
-}
-.fileName {
-  font-size: 0.875rem;
-  color: var(--ds-primary, #3b82f6);
-  font-weight: 500;
-}
-
-/* src/components/Input/Input.module.css */
-.wrapper {
-  position: relative;
-  display: flex;
-  align-items: center;
-  width: 100%;
-}
-.input {
-  width: 100%;
-  height: 2.25rem;
-  padding: 0 0.75rem;
-  border: 1px solid var(--ds-border, #e2e8f0);
-  border-radius: 0.375rem;
-  font-size: 0.875rem;
-  background-color: var(--ds-card, #fff);
-  color: var(--ds-text-primary, #0f172a);
-  outline: none;
-  transition: border-color 0.15s, box-shadow 0.15s;
-  font-family: inherit;
-}
-.input::placeholder {
-  color: var(--ds-text-secondary, #64748b);
-}
-.input:focus {
-  border-color: var(--ds-primary, #3b82f6);
-  box-shadow: 0 0 0 3px rgb(59 130 246 / 0.15);
-}
-.input:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-  background-color: var(--ds-muted, #f1f5f9);
-}
-.error .input {
-  border-color: var(--ds-danger, #ef4444);
-}
-.error .input:focus {
-  border-color: var(--ds-danger, #ef4444);
-  box-shadow: 0 0 0 3px rgb(239 68 68 / 0.15);
-}
-.success .input {
-  border-color: var(--ds-success, #22c55e);
-}
-.success .input:focus {
-  border-color: var(--ds-success, #22c55e);
-  box-shadow: 0 0 0 3px rgb(34 197 94 / 0.15);
-}
-.hasLeft .input {
-  padding-left: 2.25rem;
-}
-.hasRight .input {
-  padding-right: 2.25rem;
-}
-.leftIcon,
-.rightIcon {
-  position: absolute;
-  display: flex;
-  align-items: center;
-  color: var(--ds-text-secondary, #64748b);
-  pointer-events: none;
-}
-.leftIcon {
-  left: 0.625rem;
-}
-.rightIcon {
-  right: 0.625rem;
-}
-
-/* src/components/Label/Label.module.css */
-.label {
-  display: block;
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: var(--ds-text-primary, #0f172a);
-  margin-bottom: 0.375rem;
-}
-.required {
-  color: var(--ds-danger, #ef4444);
-  margin-left: 0.25rem;
-}
-
-/* src/components/Progress/Progress.module.css */
-.track {
-  width: 100%;
-  height: 0.5rem;
-  background-color: var(--ds-border, #e2e8f0);
-  border-radius: 9999px;
-  overflow: hidden;
-}
-.fill {
-  height: 100%;
-  background-color: var(--ds-primary, #3b82f6);
-  border-radius: 9999px;
-  transition: width 0.3s ease;
-}
-
-/* src/components/RadioGroup/RadioGroup.module.css */
-.group {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-}
-.item {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.5rem;
-  cursor: pointer;
-  user-select: none;
-}
-.disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-.input {
-  position: absolute;
-  opacity: 0;
-  width: 0;
-  height: 0;
-}
-.dot {
-  width: 1.125rem;
-  height: 1.125rem;
-  border-radius: 9999px;
-  border: 2px solid var(--ds-border, #e2e8f0);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-shrink: 0;
-  background-color: var(--ds-card, #fff);
-  transition: border-color 0.15s;
-}
-.checked {
-  border-color: var(--ds-primary, #3b82f6);
-}
-.inner {
-  width: 0.5rem;
-  height: 0.5rem;
-  border-radius: 9999px;
-  background-color: var(--ds-primary, #3b82f6);
-}
-.label {
-  font-size: 0.875rem;
-  color: var(--ds-text-primary, #0f172a);
-}
-
-/* src/components/Select/Select.module.css */
-.wrapper {
-  position: relative;
-  width: 100%;
-}
-.disabled {
-  opacity: 0.5;
-  pointer-events: none;
-}
-.trigger {
-  width: 100%;
-  height: 2.25rem;
-  padding: 0 0.75rem;
-  border: 1px solid var(--ds-border, #e2e8f0);
-  border-radius: 0.375rem;
-  font-size: 0.875rem;
-  background-color: var(--ds-card, #fff);
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 0.5rem;
-  transition: border-color 0.15s, box-shadow 0.15s;
-  text-align: left;
-  font-family: inherit;
-}
-.trigger:focus {
-  outline: none;
-  border-color: var(--ds-primary, #3b82f6);
-  box-shadow: 0 0 0 3px rgb(59 130 246 / 0.15);
-}
-.open {
-  border-color: var(--ds-primary, #3b82f6);
-  box-shadow: 0 0 0 3px rgb(59 130 246 / 0.15);
-}
-.placeholder {
-  color: var(--ds-text-secondary, #64748b);
-}
-.value {
-  color: var(--ds-text-primary, #0f172a);
-}
-.chevron {
-  flex-shrink: 0;
-  color: var(--ds-text-secondary, #64748b);
-  transition: transform 0.15s;
-}
-.chevronOpen {
-  transform: rotate(180deg);
-}
-.dropdown {
-  position: absolute;
-  top: calc(100% + 0.25rem);
-  left: 0;
-  right: 0;
-  z-index: 50;
-  background-color: var(--ds-card, #fff);
-  border: 1px solid var(--ds-border, #e2e8f0);
-  border-radius: 0.375rem;
-  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1);
-  overflow: hidden;
-}
-.option {
-  padding: 0.5rem 0.75rem;
-  font-size: 0.875rem;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  color: var(--ds-text-primary, #0f172a);
-  transition: background-color 0.1s;
-}
-.option:hover {
-  background-color: var(--ds-muted, #f1f5f9);
-}
-.selected {
-  background-color: var(--ds-muted, #f1f5f9);
-  font-weight: 500;
-}
-.checkIcon {
-  color: var(--ds-primary, #3b82f6);
-  flex-shrink: 0;
-}
-.checkSpacer {
-  width: 14px;
-  flex-shrink: 0;
-}
-
-/* src/components/Skeleton/Skeleton.module.css */
-.skeleton {
-  background-color: var(--ds-muted, #f1f5f9);
-  border-radius: 0.375rem;
-  animation: pulse 1.5s ease-in-out infinite;
-}
-.circle {
-  border-radius: 9999px;
-}
-@keyframes pulse {
-  0%, 100% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-}
-
-/* src/components/Slider/Slider.module.css */
-.wrapper {
-  width: 100%;
-  padding: 0.25rem 0;
-}
-.disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-}
-.range {
-  width: 100%;
-  height: 0.375rem;
-  -webkit-appearance: none;
-  appearance: none;
-  border-radius: 9999px;
-  outline: none;
-  cursor: pointer;
-  background:
-    linear-gradient(
-      to right,
-      var(--ds-primary, #3b82f6) 0%,
-      var(--ds-primary, #3b82f6) var(--fill, 50%),
-      var(--ds-border, #e2e8f0) var(--fill, 50%),
-      var(--ds-border, #e2e8f0) 100%);
-}
-.range::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  appearance: none;
-  width: 1.125rem;
-  height: 1.125rem;
-  border-radius: 9999px;
-  background-color: var(--ds-primary, #3b82f6);
-  cursor: pointer;
-  border: 2px solid #fff;
-  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.2);
-  transition: transform 0.1s;
-}
-.range::-webkit-slider-thumb:hover {
-  transform: scale(1.2);
-}
-.range::-moz-range-thumb {
-  width: 1.125rem;
-  height: 1.125rem;
-  border-radius: 9999px;
-  background-color: var(--ds-primary, #3b82f6);
-  cursor: pointer;
-  border: 2px solid #fff;
-  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.2);
-}
-.disabled .range {
-  cursor: not-allowed;
-}
-
-/* src/components/Spinner/Spinner.module.css */
-.spinner {
-  color: var(--ds-primary, #3b82f6);
-  animation: spin 0.75s linear infinite;
-}
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-/* src/components/Switch/Switch.module.css */
-.container {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.625rem;
-  cursor: pointer;
-  user-select: none;
-}
-.disabled {
-  cursor: not-allowed;
-  opacity: 0.5;
-}
-.input {
-  position: absolute;
-  opacity: 0;
-  width: 0;
-  height: 0;
-}
-.track {
-  width: 2.75rem;
-  height: 1.5rem;
-  border-radius: 9999px;
-  background-color: var(--ds-border, #e2e8f0);
-  position: relative;
-  transition: background-color 0.2s;
-  flex-shrink: 0;
-}
-.on {
-  background-color: var(--ds-primary, #3b82f6);
-}
-.thumb {
-  position: absolute;
-  top: 0.175rem;
-  left: 0.175rem;
-  width: 1.15rem;
-  height: 1.15rem;
-  border-radius: 9999px;
-  background-color: #fff;
-  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.15);
-  transition: transform 0.2s;
-}
-.thumbOn {
-  transform: translateX(1.25rem);
-}
-.label {
-  font-size: 0.875rem;
-  color: var(--ds-text-primary, #0f172a);
-}
-
-/* src/components/Table/Table.module.css */
-.wrapper {
-  width: 100%;
-  overflow-x: auto;
-  border: 1px solid var(--ds-border, #e2e8f0);
-  border-radius: 0.5rem;
-}
-.table {
-  width: 100%;
-  border-collapse: collapse;
-  font-size: 0.875rem;
-}
-.th {
-  padding: 0.75rem 1rem;
-  text-align: left;
-  font-weight: 500;
-  color: var(--ds-text-secondary, #64748b);
-  background-color: var(--ds-muted, #f1f5f9);
-  border-bottom: 1px solid var(--ds-border, #e2e8f0);
-  white-space: nowrap;
-}
-.td {
-  padding: 0.75rem 1rem;
-  border-bottom: 1px solid var(--ds-border, #e2e8f0);
-  color: var(--ds-text-primary, #0f172a);
-}
-.row:last-child .td {
-  border-bottom: none;
-}
-.row:hover .td {
-  background-color: var(--ds-muted, #f1f5f9);
-}
-thead .row:hover .th {
-  background-color: var(--ds-muted, #f1f5f9);
-}
-
-/* src/components/Tabs/Tabs.module.css */
-.root {
-  display: flex;
-  flex-direction: column;
-}
-.list {
-  display: inline-flex;
-  background-color: var(--ds-muted, #f1f5f9);
-  border-radius: 0.5rem;
-  padding: 0.25rem;
-  gap: 0.125rem;
-}
-.trigger {
-  display: inline-flex;
-  align-items: center;
-  gap: 0.375rem;
-  padding: 0.375rem 0.75rem;
-  font-size: 0.875rem;
-  font-weight: 500;
-  border-radius: 0.375rem;
-  background: transparent;
-  border: none;
-  cursor: pointer;
-  color: var(--ds-text-secondary, #64748b);
-  transition:
-    color 0.15s,
-    background-color 0.15s,
-    box-shadow 0.15s;
-  white-space: nowrap;
-}
-.trigger:hover {
-  color: var(--ds-text-primary, #0f172a);
-}
-.active {
-  background-color: var(--ds-card, #ffffff);
-  color: var(--ds-text-primary, #0f172a);
-  box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
-}
-.trigger-icon {
-  display: flex;
-  align-items: center;
-}
-.content {
-  padding-top: 1rem;
-  font-size: 0.875rem;
-  color: var(--ds-text-secondary, #64748b);
-}
-
-/* src/components/Textarea/Textarea.module.css */
-.textarea {
-  width: 100%;
-  padding: 0.5rem 0.75rem;
-  border: 1px solid var(--ds-border, #e2e8f0);
-  border-radius: 0.375rem;
-  font-size: 0.875rem;
-  background-color: var(--ds-card, #fff);
-  color: var(--ds-text-primary, #0f172a);
-  outline: none;
-  resize: vertical;
-  transition: border-color 0.15s, box-shadow 0.15s;
-  font-family: inherit;
-  min-height: 6rem;
-}
-.textarea::placeholder {
-  color: var(--ds-text-secondary, #64748b);
-}
-.textarea:focus {
-  border-color: var(--ds-primary, #3b82f6);
-  box-shadow: 0 0 0 3px rgb(59 130 246 / 0.15);
-}
-.textarea:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
-  background-color: var(--ds-muted, #f1f5f9);
-}
-.error {
-  border-color: var(--ds-danger, #ef4444);
-}
-.error:focus {
-  border-color: var(--ds-danger, #ef4444);
-  box-shadow: 0 0 0 3px rgb(239 68 68 / 0.15);
-}
-
-/* src/components/Tooltip/Tooltip.module.css */
-.wrapper {
-  position: relative;
-  display: inline-flex;
-}
-.tooltip {
-  position: absolute;
-  z-index: 50;
-  padding: 0.375rem 0.625rem;
-  background-color: var(--ds-tooltip-bg, #0f172a);
-  color: var(--ds-tooltip-text, #ffffff);
-  font-size: 0.75rem;
-  line-height: 1.4;
-  border-radius: 0.375rem;
-  white-space: nowrap;
-  pointer-events: none;
-  opacity: 0;
-  transition: opacity 0.15s;
-}
-.wrapper:hover .tooltip,
-.wrapper:focus-within .tooltip {
-  opacity: 1;
-}
-.tooltip::before {
-  content: "";
-  position: absolute;
-  border: 5px solid transparent;
-}
-.top {
-  bottom: calc(100% + 8px);
-  left: 50%;
-  transform: translateX(-50%);
-}
-.top::before {
-  top: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-  border-top-color: var(--ds-tooltip-bg, #0f172a);
-}
-.bottom {
-  top: calc(100% + 8px);
-  left: 50%;
-  transform: translateX(-50%);
-}
-.bottom::before {
-  bottom: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-  border-bottom-color: var(--ds-tooltip-bg, #0f172a);
-}
-.left {
-  right: calc(100% + 8px);
-  top: 50%;
-  transform: translateY(-50%);
-}
-.left::before {
-  left: 100%;
-  top: 50%;
-  transform: translateY(-50%);
-  border-left-color: var(--ds-tooltip-bg, #0f172a);
-}
-.right {
-  left: calc(100% + 8px);
-  top: 50%;
-  transform: translateY(-50%);
-}
-.right::before {
-  right: 100%;
-  top: 50%;
-  transform: translateY(-50%);
-  border-right-color: var(--ds-tooltip-bg, #0f172a);
-}
 /*# sourceMappingURL=index.css.map */