@diyet24/design-system 0.1.7 → 0.1.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/styles.css +1 -1
  2. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -1818,7 +1818,7 @@ body {
1818
1818
  .\[--cell-size\:2rem\] {
1819
1819
  --cell-size: 2rem;
1820
1820
  }
1821
- @theme inline { --color-background: hsl(var(--background)); --color-foreground: hsl(var(--foreground)); --color-main: hsl(var(--main)); --color-card: hsl(var(--card)); --color-card-foreground: hsl(var(--card-foreground)); --color-popover: hsl(var(--popover)); --color-popover-foreground: hsl(var(--popover-foreground)); --color-primary: hsl(var(--primary)); --color-primary-foreground: hsl(var(--primary-foreground)); --color-secondary: hsl(var(--secondary)); --color-secondary-foreground: hsl(var(--secondary-foreground)); --color-muted: hsl(var(--muted)); --color-muted-foreground: hsl(var(--muted-foreground)); --color-accent: hsl(var(--accent)); --color-accent-foreground: hsl(var(--accent-foreground)); --color-destructive: hsl(var(--destructive)); --color-destructive-foreground: hsl(var(--destructive-foreground)); --color-border: hsl(var(--border)); --color-input: hsl(var(--input)); --color-ring: hsl(var(--ring)); --color-chart-1: hsl(var(--primary)); --color-chart-2: hsl(var(--info)); --color-chart-3: hsl(var(--success)); --color-chart-4: hsl(var(--warning)); --color-chart-5: hsl(var(--danger)); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: hsl(var(--sidebar-background)); --color-sidebar-foreground: hsl(var(--sidebar-foreground)); --color-sidebar-primary: hsl(var(--sidebar-primary)); --color-sidebar-primary-foreground: hsl(var(--sidebar-primary-foreground)); --color-sidebar-accent: hsl(var(--sidebar-accent)); --color-sidebar-accent-foreground: hsl(var(--sidebar-accent-foreground)); --color-sidebar-border: hsl(var(--sidebar-border)); --color-sidebar-ring: hsl(var(--sidebar-ring)); --color-primary-100: hsl(var(--primary-100)); --color-primary-200: hsl(var(--primary-200)); --color-primary-300: hsl(var(--primary-300)); --color-primary-400: hsl(var(--primary-400)); --color-primary-500: hsl(var(--primary-500)); --color-primary-600: hsl(var(--primary-600)); --color-primary-700: hsl(var(--primary-700)); --color-primary-800: hsl(var(--primary-800)); --color-primary-900: hsl(var(--primary-900)); --color-primary-o-lighter: hsl(var(--primary-500) / 0.08); --color-primary-o-light: hsl(var(--primary-500) / 0.16); --color-primary-o-main: hsl(var(--primary-500) / 0.24); --color-primary-o-dark: hsl(var(--primary-500) / 0.32); --color-primary-o-darker: hsl(var(--primary-500) / 0.38); --shadow-sm-primary: 0px 2px 6px hsl(var(--primary-500) / 0.30); --shadow-md-primary: 0px 4px 16px hsl(var(--primary-500) / 0.30); --shadow-lg-primary: 0px 6px 20px hsl(var(--primary-500) / 0.50); --color-secondary-100: hsl(var(--secondary-100)); --color-secondary-200: hsl(var(--secondary-200)); --color-secondary-300: hsl(var(--secondary-300)); --color-secondary-400: hsl(var(--secondary-400)); --color-secondary-500: hsl(var(--secondary-500)); --color-secondary-600: hsl(var(--secondary-600)); --color-secondary-700: hsl(var(--secondary-700)); --color-secondary-800: hsl(var(--secondary-800)); --color-secondary-900: hsl(var(--secondary-900)); --color-secondary-o-lighter: hsl(var(--secondary-500) / 0.08); --color-secondary-o-light: hsl(var(--secondary-500) / 0.16); --color-secondary-o-main: hsl(var(--secondary-500) / 0.24); --color-secondary-o-dark: hsl(var(--secondary-500) / 0.32); --color-secondary-o-darker: hsl(var(--secondary-500) / 0.38); --shadow-sm-secondary: 0px 2px 6px hsl(var(--secondary-500) / 0.30); --shadow-md-secondary: 0px 4px 16px hsl(var(--secondary-500) / 0.30); --shadow-lg-secondary: 0px 6px 20px hsl(var(--secondary-500) / 0.50); --color-info: hsl(var(--info)); --color-info-foreground: hsl(var(--info-foreground)); --color-info-100: hsl(var(--info-100)); --color-info-200: hsl(var(--info-200)); --color-info-300: hsl(var(--info-300)); --color-info-400: hsl(var(--info-400)); --color-info-500: hsl(var(--info-500)); --color-info-600: hsl(var(--info-600)); --color-info-700: hsl(var(--info-700)); --color-info-800: hsl(var(--info-800)); --color-info-900: hsl(var(--info-900)); --color-info-o-lighter: hsl(var(--info-500) / 0.08); --color-info-o-light: hsl(var(--info-500) / 0.16); --color-info-o-main: hsl(var(--info-500) / 0.24); --color-info-o-dark: hsl(var(--info-500) / 0.32); --color-info-o-darker: hsl(var(--info-500) / 0.38); --shadow-sm-info: 0px 2px 6px hsl(var(--info-500) / 0.30); --shadow-md-info: 0px 4px 16px hsl(var(--info-500) / 0.30); --shadow-lg-info: 0px 6px 20px hsl(var(--info-500) / 0.50); --color-success: hsl(var(--success)); --color-success-foreground: hsl(var(--success-foreground)); --color-success-100: hsl(var(--success-100)); --color-success-200: hsl(var(--success-200)); --color-success-300: hsl(var(--success-300)); --color-success-400: hsl(var(--success-400)); --color-success-500: hsl(var(--success-500)); --color-success-600: hsl(var(--success-600)); --color-success-700: hsl(var(--success-700)); --color-success-800: hsl(var(--success-800)); --color-success-900: hsl(var(--success-900)); --color-success-o-lighter: hsl(var(--success-500) / 0.08); --color-success-o-light: hsl(var(--success-500) / 0.16); --color-success-o-main: hsl(var(--success-500) / 0.24); --color-success-o-dark: hsl(var(--success-500) / 0.32); --color-success-o-darker: hsl(var(--success-500) / 0.38); --shadow-sm-success: 0px 2px 6px hsl(var(--success-500) / 0.30); --shadow-md-success: 0px 4px 16px hsl(var(--success-500) / 0.30); --shadow-lg-success: 0px 6px 20px hsl(var(--success-500) / 0.50); --color-warning: hsl(var(--warning)); --color-warning-foreground: hsl(var(--warning-foreground)); --color-warning-100: hsl(var(--warning-100)); --color-warning-200: hsl(var(--warning-200)); --color-warning-300: hsl(var(--warning-300)); --color-warning-400: hsl(var(--warning-400)); --color-warning-500: hsl(var(--warning-500)); --color-warning-600: hsl(var(--warning-600)); --color-warning-700: hsl(var(--warning-700)); --color-warning-800: hsl(var(--warning-800)); --color-warning-900: hsl(var(--warning-900)); --color-warning-o-lighter: hsl(var(--warning-500) / 0.08); --color-warning-o-light: hsl(var(--warning-500) / 0.16); --color-warning-o-main: hsl(var(--warning-500) / 0.24); --color-warning-o-dark: hsl(var(--warning-500) / 0.32); --color-warning-o-darker: hsl(var(--warning-500) / 0.38); --shadow-sm-warning: 0px 2px 6px hsl(var(--warning-500) / 0.30); --shadow-md-warning: 0px 4px 16px hsl(var(--warning-500) / 0.30); --shadow-lg-warning: 0px 6px 20px hsl(var(--warning-500) / 0.50); --color-danger: hsl(var(--danger)); --color-danger-foreground: hsl(var(--danger-foreground)); --color-danger-100: hsl(var(--danger-100)); --color-danger-200: hsl(var(--danger-200)); --color-danger-300: hsl(var(--danger-300)); --color-danger-400: hsl(var(--danger-400)); --color-danger-500: hsl(var(--danger-500)); --color-danger-600: hsl(var(--danger-600)); --color-danger-700: hsl(var(--danger-700)); --color-danger-800: hsl(var(--danger-800)); --color-danger-900: hsl(var(--danger-900)); --color-danger-o-lighter: hsl(var(--danger-500) / 0.08); --color-danger-o-light: hsl(var(--danger-500) / 0.16); --color-danger-o-main: hsl(var(--danger-500) / 0.24); --color-danger-o-dark: hsl(var(--danger-500) / 0.32); --color-danger-o-darker: hsl(var(--danger-500) / 0.38); --shadow-sm-danger: 0px 2px 6px hsl(var(--danger-500) / 0.30); --shadow-md-danger: 0px 4px 16px hsl(var(--danger-500) / 0.30); --shadow-lg-danger: 0px 6px 20px hsl(var(--danger-500) / 0.50); --color-gray: hsl(var(--gray)); --color-gray-foreground: hsl(var(--gray-foreground)); --color-gray-100: hsl(var(--gray-100)); --color-gray-200: hsl(var(--gray-200)); --color-gray-300: hsl(var(--gray-300)); --color-gray-400: hsl(var(--gray-400)); --color-gray-500: hsl(var(--gray-500)); --color-gray-600: hsl(var(--gray-600)); --color-gray-700: hsl(var(--gray-700)); --color-gray-800: hsl(var(--gray-800)); --color-gray-900: hsl(var(--gray-900)); --color-gray-o-lighter: hsl(var(--gray-500) / 0.08); --color-gray-o-light: hsl(var(--gray-500) / 0.16); --color-gray-o-main: hsl(var(--gray-500) / 0.24); --color-gray-o-dark: hsl(var(--gray-500) / 0.32); --color-gray-o-darker: hsl(var(--gray-500) / 0.38); --shadow-xs-gray: 0px 2px 4px hsl(var(--gray-500) / 0.12); --shadow-sm-gray: 0px 2px 6px hsl(var(--gray-500) / 0.30); --shadow-md-gray: 0px 4px 16px hsl(var(--gray-500) / 0.30); --shadow-lg-gray: 0px 6px 20px hsl(var(--gray-500) / 0.50); --shadow-xl-gray: 0px 8px 28px hsl(var(--gray-500) / 0.50); --color-main: hsl(var(--main)); --color-main-foreground: hsl(var(--main-foreground)); --color-main-o-lighter: hsl(var(--main) / 0.08); --color-main-o-light: hsl(var(--main) / 0.16); --color-main-o-main: hsl(var(--main) / 0.24); --color-main-o-dark: hsl(var(--main) / 0.32); --color-main-o-darker: hsl(var(--main) / 0.38); --shadow-sm-main: 0px 2px 6px hsl(var(--main) / 0.30); --shadow-md-main: 0px 4px 16px hsl(var(--main) / 0.30); --shadow-lg-main: 0px 6px 20px hsl(var(--main) / 0.50); --shadow-sm-light: 0px 2px 8px rgb(47 43 61 / 12%); --shadow-md-light: 0px 2px 8px rgb(47 43 61 / 30%); --shadow-lg-light: 0px 2px 8px rgb(47 43 61 / 50%); --color-snackbar: hsl(var(--snackbar)); --color-paper: hsl(var(--paper)); --color-table-header: hsl(var(--table-header)); --color-chat-bg: hsl(var(--chat-bg)); --color-track-bg: hsl(var(--track-bg)); --color-gray-light: hsl(var(--gray-light)); --color-action-hover: hsl(var(--action-hover)); --color-action-selected: hsl(var(--action-selected)); --color-action-disabled: hsl(var(--action-disabled)); --color-action-focus: hsl(var(--action-focus)); --color-divider: hsl(var(--divider)); --color-outline-border: hsl(var(--outline-border)); --color-input-border: hsl(var(--input-border)); --color-backdrop-overlay: hsl(var(--backdrop-overlay) / 0.50); }
1821
+ @theme inline { --color-background: hsl(var(--background)); --color-foreground: hsl(var(--foreground)); --color-main: hsl(var(--main)); --color-card: hsl(var(--card)); --color-card-foreground: hsl(var(--card-foreground)); --color-popover: hsl(var(--popover)); --color-popover-foreground: hsl(var(--popover-foreground)); --color-primary: hsl(var(--primary)); --color-primary-foreground: hsl(var(--primary-foreground)); --color-secondary: hsl(var(--secondary)); --color-secondary-foreground: hsl(var(--secondary-foreground)); --color-muted: hsl(var(--muted)); --color-muted-foreground: hsl(var(--muted-foreground)); --color-accent: hsl(var(--accent)); --color-accent-foreground: hsl(var(--accent-foreground)); --color-destructive: hsl(var(--destructive)); --color-destructive-foreground: hsl(var(--destructive-foreground)); --color-border: hsl(var(--border)); --color-input: hsl(var(--input)); --color-ring: hsl(var(--ring)); --color-chart-1: hsl(var(--primary)); --color-chart-2: hsl(var(--info)); --color-chart-3: hsl(var(--success)); --color-chart-4: hsl(var(--warning)); --color-chart-5: hsl(var(--danger)); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: hsl(var(--sidebar-background)); --color-sidebar-foreground: hsl(var(--sidebar-foreground)); --color-sidebar-primary: hsl(var(--sidebar-primary)); --color-sidebar-primary-foreground: hsl(var(--sidebar-primary-foreground)); --color-sidebar-accent: hsl(var(--sidebar-accent)); --color-sidebar-accent-foreground: hsl(var(--sidebar-accent-foreground)); --color-sidebar-border: hsl(var(--sidebar-border)); --color-sidebar-ring: hsl(var(--sidebar-ring)); --color-primary-100: hsl(var(--primary-100)); --color-primary-200: hsl(var(--primary-200)); --color-primary-300: hsl(var(--primary-300)); --color-primary-400: hsl(var(--primary-400)); --color-primary-500: hsl(var(--primary-500)); --color-primary-600: hsl(var(--primary-600)); --color-primary-700: hsl(var(--primary-700)); --color-primary-800: hsl(var(--primary-800)); --color-primary-900: hsl(var(--primary-900)); --color-primary-o-lighter: hsl(var(--primary-500) / 0.08); --color-primary-o-light: hsl(var(--primary-500) / 0.16); --color-primary-o-main: hsl(var(--primary-500) / 0.24); --color-primary-o-dark: hsl(var(--primary-500) / 0.32); --color-primary-o-darker: hsl(var(--primary-500) / 0.38); --shadow-sm-primary: 0px 2px 6px hsl(var(--primary-500) / 0.3); --shadow-md-primary: 0px 4px 16px hsl(var(--primary-500) / 0.3); --shadow-lg-primary: 0px 6px 20px hsl(var(--primary-500) / 0.5); --color-secondary-100: hsl(var(--secondary-100)); --color-secondary-200: hsl(var(--secondary-200)); --color-secondary-300: hsl(var(--secondary-300)); --color-secondary-400: hsl(var(--secondary-400)); --color-secondary-500: hsl(var(--secondary-500)); --color-secondary-600: hsl(var(--secondary-600)); --color-secondary-700: hsl(var(--secondary-700)); --color-secondary-800: hsl(var(--secondary-800)); --color-secondary-900: hsl(var(--secondary-900)); --color-secondary-o-lighter: hsl(var(--secondary-500) / 0.08); --color-secondary-o-light: hsl(var(--secondary-500) / 0.16); --color-secondary-o-main: hsl(var(--secondary-500) / 0.24); --color-secondary-o-dark: hsl(var(--secondary-500) / 0.32); --color-secondary-o-darker: hsl(var(--secondary-500) / 0.38); --shadow-sm-secondary: 0px 2px 6px hsl(var(--secondary-500) / 0.3); --shadow-md-secondary: 0px 4px 16px hsl(var(--secondary-500) / 0.3); --shadow-lg-secondary: 0px 6px 20px hsl(var(--secondary-500) / 0.5); --color-info: hsl(var(--info)); --color-info-foreground: hsl(var(--info-foreground)); --color-info-100: hsl(var(--info-100)); --color-info-200: hsl(var(--info-200)); --color-info-300: hsl(var(--info-300)); --color-info-400: hsl(var(--info-400)); --color-info-500: hsl(var(--info-500)); --color-info-600: hsl(var(--info-600)); --color-info-700: hsl(var(--info-700)); --color-info-800: hsl(var(--info-800)); --color-info-900: hsl(var(--info-900)); --color-info-o-lighter: hsl(var(--info-500) / 0.08); --color-info-o-light: hsl(var(--info-500) / 0.16); --color-info-o-main: hsl(var(--info-500) / 0.24); --color-info-o-dark: hsl(var(--info-500) / 0.32); --color-info-o-darker: hsl(var(--info-500) / 0.38); --shadow-sm-info: 0px 2px 6px hsl(var(--info-500) / 0.3); --shadow-md-info: 0px 4px 16px hsl(var(--info-500) / 0.3); --shadow-lg-info: 0px 6px 20px hsl(var(--info-500) / 0.5); --color-success: hsl(var(--success)); --color-success-foreground: hsl(var(--success-foreground)); --color-success-100: hsl(var(--success-100)); --color-success-200: hsl(var(--success-200)); --color-success-300: hsl(var(--success-300)); --color-success-400: hsl(var(--success-400)); --color-success-500: hsl(var(--success-500)); --color-success-600: hsl(var(--success-600)); --color-success-700: hsl(var(--success-700)); --color-success-800: hsl(var(--success-800)); --color-success-900: hsl(var(--success-900)); --color-success-o-lighter: hsl(var(--success-500) / 0.08); --color-success-o-light: hsl(var(--success-500) / 0.16); --color-success-o-main: hsl(var(--success-500) / 0.24); --color-success-o-dark: hsl(var(--success-500) / 0.32); --color-success-o-darker: hsl(var(--success-500) / 0.38); --shadow-sm-success: 0px 2px 6px hsl(var(--success-500) / 0.3); --shadow-md-success: 0px 4px 16px hsl(var(--success-500) / 0.3); --shadow-lg-success: 0px 6px 20px hsl(var(--success-500) / 0.5); --color-warning: hsl(var(--warning)); --color-warning-foreground: hsl(var(--warning-foreground)); --color-warning-100: hsl(var(--warning-100)); --color-warning-200: hsl(var(--warning-200)); --color-warning-300: hsl(var(--warning-300)); --color-warning-400: hsl(var(--warning-400)); --color-warning-500: hsl(var(--warning-500)); --color-warning-600: hsl(var(--warning-600)); --color-warning-700: hsl(var(--warning-700)); --color-warning-800: hsl(var(--warning-800)); --color-warning-900: hsl(var(--warning-900)); --color-warning-o-lighter: hsl(var(--warning-500) / 0.08); --color-warning-o-light: hsl(var(--warning-500) / 0.16); --color-warning-o-main: hsl(var(--warning-500) / 0.24); --color-warning-o-dark: hsl(var(--warning-500) / 0.32); --color-warning-o-darker: hsl(var(--warning-500) / 0.38); --shadow-sm-warning: 0px 2px 6px hsl(var(--warning-500) / 0.3); --shadow-md-warning: 0px 4px 16px hsl(var(--warning-500) / 0.3); --shadow-lg-warning: 0px 6px 20px hsl(var(--warning-500) / 0.5); --color-danger: hsl(var(--danger)); --color-danger-foreground: hsl(var(--danger-foreground)); --color-danger-100: hsl(var(--danger-100)); --color-danger-200: hsl(var(--danger-200)); --color-danger-300: hsl(var(--danger-300)); --color-danger-400: hsl(var(--danger-400)); --color-danger-500: hsl(var(--danger-500)); --color-danger-600: hsl(var(--danger-600)); --color-danger-700: hsl(var(--danger-700)); --color-danger-800: hsl(var(--danger-800)); --color-danger-900: hsl(var(--danger-900)); --color-danger-o-lighter: hsl(var(--danger-500) / 0.08); --color-danger-o-light: hsl(var(--danger-500) / 0.16); --color-danger-o-main: hsl(var(--danger-500) / 0.24); --color-danger-o-dark: hsl(var(--danger-500) / 0.32); --color-danger-o-darker: hsl(var(--danger-500) / 0.38); --shadow-sm-danger: 0px 2px 6px hsl(var(--danger-500) / 0.3); --shadow-md-danger: 0px 4px 16px hsl(var(--danger-500) / 0.3); --shadow-lg-danger: 0px 6px 20px hsl(var(--danger-500) / 0.5); --color-gray: hsl(var(--gray)); --color-gray-foreground: hsl(var(--gray-foreground)); --color-gray-100: hsl(var(--gray-100)); --color-gray-200: hsl(var(--gray-200)); --color-gray-300: hsl(var(--gray-300)); --color-gray-400: hsl(var(--gray-400)); --color-gray-500: hsl(var(--gray-500)); --color-gray-600: hsl(var(--gray-600)); --color-gray-700: hsl(var(--gray-700)); --color-gray-800: hsl(var(--gray-800)); --color-gray-900: hsl(var(--gray-900)); --color-gray-o-lighter: hsl(var(--gray-500) / 0.08); --color-gray-o-light: hsl(var(--gray-500) / 0.16); --color-gray-o-main: hsl(var(--gray-500) / 0.24); --color-gray-o-dark: hsl(var(--gray-500) / 0.32); --color-gray-o-darker: hsl(var(--gray-500) / 0.38); --shadow-xs-gray: 0px 2px 4px hsl(var(--gray-500) / 0.12); --shadow-sm-gray: 0px 2px 6px hsl(var(--gray-500) / 0.3); --shadow-md-gray: 0px 4px 16px hsl(var(--gray-500) / 0.3); --shadow-lg-gray: 0px 6px 20px hsl(var(--gray-500) / 0.5); --shadow-xl-gray: 0px 8px 28px hsl(var(--gray-500) / 0.5); --color-main: hsl(var(--main)); --color-main-foreground: hsl(var(--main-foreground)); --color-main-o-lighter: hsl(var(--main) / 0.08); --color-main-o-light: hsl(var(--main) / 0.16); --color-main-o-main: hsl(var(--main) / 0.24); --color-main-o-dark: hsl(var(--main) / 0.32); --color-main-o-darker: hsl(var(--main) / 0.38); --shadow-sm-main: 0px 2px 6px hsl(var(--main) / 0.3); --shadow-md-main: 0px 4px 16px hsl(var(--main) / 0.3); --shadow-lg-main: 0px 6px 20px hsl(var(--main) / 0.5); --shadow-sm-light: 0px 2px 8px rgb(47 43 61 / 12%); --shadow-md-light: 0px 2px 8px rgb(47 43 61 / 30%); --shadow-lg-light: 0px 2px 8px rgb(47 43 61 / 50%); --color-snackbar: hsl(var(--snackbar)); --color-paper: hsl(var(--paper)); --color-table-header: hsl(var(--table-header)); --color-chat-bg: hsl(var(--chat-bg)); --color-track-bg: hsl(var(--track-bg)); --color-gray-light: hsl(var(--gray-light)); --color-action-hover: hsl(var(--action-hover)); --color-action-selected: hsl(var(--action-selected)); --color-action-disabled: hsl(var(--action-disabled)); --color-action-focus: hsl(var(--action-focus)); --color-divider: hsl(var(--divider)); --color-outline-border: hsl(var(--outline-border)); --color-input-border: hsl(var(--input-border)); --color-backdrop-overlay: hsl(var(--backdrop-overlay) / 0.5); }
1822
1822
  .file\:border-0::file-selector-button {
1823
1823
  border-width: 0px;
1824
1824
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@diyet24/design-system",
3
- "version": "0.1.7",
3
+ "version": "0.1.8",
4
4
  "description": "A React UI component library built with shadcn/ui and TypeScript",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",