dasar-ui 1.1.0 → 1.3.0

package/projects/dasar-ui/src/lib/models/theme.model.ts

@@ -1,643 +0,0 @@
-import { DasarNumberInputConfig } from '../components/dasar-number-input/dasar-number-input';
-import { DasarDatepickerConfig } from '../components/dasar-datepicker/dasar-datepicker';
-import { DasarCalendarConfig } from '../components/dasar-calendar/dasar-calendar';
-import { DasarButtonConfig } from '../components/dasar-button/dasar-button';
-import { DasarSelectConfig } from '../components/dasar-select/dasar-select';
-import { DasarInputConfig } from '../components/dasar-input/dasar-input';
-import { DasarTableConfig } from '../components/dasar-table/dasar-table';
-import { DasarCardConfig } from '../components/dasar-card/dasar-card';
-import { DasarChipConfig } from '../components/dasar-chip/dasar-chip';
-import { DasarIconConfig } from '../components/dasar-icon/dasar-icon';
-import { DasarMenuConfig } from '../components/dasar-menu/dasar-menu';
-import { ScaleAttributeType } from './type.model';
-
-export type DasarThemeMode = 'light' | 'dark';
-export interface DasarThemeScale {
-  50?: string;
-  100?: string;
-  200?: string;
-  300?: string;
-  400?: string;
-  500?: string;
-  700?: string;
-  800?: string;
-  900?: string;
-  base: string;
-}
-export interface DasarThemeColors {
-  primary: DasarThemeScale;
-  neutral: DasarThemeScale;
-  success: DasarThemeScale;
-  danger: DasarThemeScale;
-  warning: DasarThemeScale;
-}
-export interface DasarThemeCommon {
-  // primary
-  primaryColor?: string;
-  primaryHoverColor?: string;
-  primaryActiveColor?: string;
-  primarySurfaceColor?: string;
-  // text
-  textPrimaryColor?: string;
-  textSecondaryColor?: string;
-  textDisabledColor?: string;
-  textInverseColor?: string;
-  // background
-  bgWindowColor?: string;
-  bgDefaultColor?: string;
-  bgSurfaceColor?: string;
-  bgHoverColor?: string;
-  // border
-  borderSubtleColor?: string;
-  borderStrongColor?: string;
-  // font
-  fontSans?: string;
-  fontHero?: string;
-  fontWeightRegular?: string;
-  fontWeightMedium?: string;
-  fontWeightSemibold?: string;
-  fontWeightBold?: string;
-  fontSizeXss?: string;
-  fontSizeXs?: string;
-  fontSizeSm?: string;
-  fontSizeBase?: string;
-  fontSizeLg?: string;
-  fontSizeXl?: string;
-  // line
-  lineHeightNormal?: string;
-  lineHeightTight?: string;
-}
-export interface DasarThemeCommonDark {
-  // primary
-  primaryColor?: string;
-  primaryHoverColor?: string;
-  primaryActiveColor?: string;
-  primarySurfaceColor?: string;
-  // text
-  textPrimaryColor?: string;
-  textSecondaryColor?: string;
-  textDisabledColor?: string;
-  textInverseColor?: string;
-  // background
-  bgWindowColor?: string;
-  bgDefaultColor?: string;
-  bgSurfaceColor?: string;
-  bgHoverColor?: string;
-  // border
-  borderSubtleColor?: string;
-  borderStrongColor?: string;
-  // font
-  fontSans?: string;
-  fontHero?: string;
-  fontSize?: string;
-  fontWeightRegular?: string;
-  fontWeightMedium?: string;
-  fontWeightSemibold?: string;
-  fontWeightBold?: string;
-  fontSizeXss?: string;
-  fontSizeXs?: string;
-  fontSizeSm?: string;
-  fontSizeBase?: string;
-  fontSizeLg?: string;
-  fontSizeXl?: string;
-  // line
-  lineHeightNormal?: string;
-  lineHeightTight?: string;
-}
-export interface DasarThemeButton {
-  fontWeight?: string;
-  gap?: string;
-  heightXs?: string;
-  paddingHorizontalXs?: string;
-  iconSizeXs?: string;
-  heightSm?: string;
-  paddingHorizontalSm?: string;
-  iconSizeSm?: string;
-  heightMd?: string;
-  paddingHorizontalMd?: string;
-  iconSizeMd?: string;
-  heightLg?: string;
-  paddingHorizontalLg?: string;
-  iconSizeLg?: string;
-  heightXl?: string;
-  paddingHorizontalXl?: string;
-  iconSizeXl?: string;
-  radiusNone?: string;
-  radiusXs?: string;
-  radiusSm?: string;
-  radiusMd?: string;
-  radiusLg?: string;
-  radiusXl?: string;
-  radiusFull?: string;
-  disabledBg?: string;
-  disabledBorder?: string;
-  disabledColor?: string;
-  primaryBg?: string;
-  primaryBorder?: string;
-  primaryColor?: string;
-  primaryHoverBg?: string;
-  primaryHoverBorder?: string;
-  primaryFocusRing?: string;
-  primarySubtleBg?: string;
-  primarySubtleColor?: string;
-  primarySubtleHoverBg?: string;
-  primarySubtleHoverColor?: string;
-  primaryOutlineBorder?: string;
-  primaryOutlineColor?: string;
-  primaryOutlineHoverBg?: string;
-  successBg?: string;
-  successBorder?: string;
-  successColor?: string;
-  successFocusRing?: string;
-  successSubtleBg?: string;
-  successSubtleColor?: string;
-  successSubtleHoverBg?: string;
-  successSubtleHoverColor?: string;
-  successOutlineBorder?: string;
-  successOutlineColor?: string;
-  successOutlineHoverBg?: string;
-  warningBg?: string;
-  warningBorder?: string;
-  warningColor?: string;
-  warningFocusRing?: string;
-  warningSubtleBg?: string;
-  warningSubtleColor?: string;
-  warningSubtleHoverBg?: string;
-  warningSubtleHoverColor?: string;
-  warningOutlineBorder?: string;
-  warningOutlineColor?: string;
-  warningOutlineHoverBg?: string;
-  dangerBg?: string;
-  dangerBorder?: string;
-  dangerColor?: string;
-  dangerFocusRing?: string;
-  dangerSubtleBg?: string;
-  dangerSubtleColor?: string;
-  dangerSubtleHoverBg?: string;
-  dangerSubtleHoverColor?: string;
-  dangerOutlineBorder?: string;
-  dangerOutlineColor?: string;
-  dangerOutlineHoverBg?: string;
-  secondaryBg?: string;
-  secondaryBorder?: string;
-  secondaryColor?: string;
-  secondaryHoverBg?: string;
-  secondaryFocusRing?: string;
-  secondarySubtleBg?: string;
-  secondarySubtleColor?: string;
-  secondarySubtleHoverBg?: string;
-  secondarySubtleHoverColor?: string;
-  secondaryOutlineBorder?: string;
-  secondaryOutlineColor?: string;
-  secondaryOutlineHoverBg?: string;
-  ghostColor?: string;
-  ghostHoverBg?: string;
-  ghostHoverColor?: string;
-  ghostFocusRing?: string;
-}
-export interface DasarThemeChip {
-  closeMarginRight?: string;
-  closeMarginLeft?: string;
-  closePadding?: string;
-  closeHoverBg?: string;
-  innerGap?: string;
-}
-export interface DasarThemeInput {
-  wrapperGap?: string;
-  gap?: string;
-  color?: string;
-  labelFontsize?: string;
-  labelFontWeight?: string;
-  labelColor?: string;
-  labelRightFontsize?: string;
-  labelRightColor?: string;
-  heightXs?: string;
-  paddingHorizontalXs?: string;
-  heightSm?: string;
-  paddingHorizontalSm?: string;
-  heightMd?: string;
-  paddingHorizontalMd?: string;
-  heightLg?: string;
-  paddingHorizontalLg?: string;
-  heightXl?: string;
-  paddingHorizontalXl?: string;
-  radiusNone?: string;
-  radiusXs?: string;
-  radiusSm?: string;
-  radiusMd?: string;
-  radiusLg?: string;
-  radiusXl?: string;
-  radiusFull?: string;
-  outlineBg?: string;
-  outlineBorder?: string;
-  outlineHoverBorder?: string;
-  outlineFocusBorder?: string;
-  outlineFocusRing?: string;
-  filledBg?: string;
-  filledBorder?: string;
-  filledHoverBg?: string;
-  filledFocusBg?: string;
-  filledFocusBorder?: string;
-  filledFocusRing?: string;
-  errorBorder?: string;
-  errorFocusRing?: string;
-  disabledBg?: string;
-  disabledBorder?: string;
-  disabledOpacity?: string;
-  placeholderColor?: string;
-  autofillBg?: string;
-  autofillColor?: string;
-  hintFontSize?: string;
-  hintColor?: string;
-  hintErrorColor?: string;
-}
-export interface DasarThemeCalendar {
-  calendarBg?: string;
-  outlineBorder?: string;
-  outlineBg?: string;
-  padding?: string;
-  paddingMd?: string;
-  radiusNone?: string;
-  radiusXs?: string;
-  radiusSm?: string;
-  radiusMd?: string;
-  radiusLg?: string;
-  radiusXl?: string;
-  radiusFull?: string;
-  headerMarginBottom?: string;
-  headerGap?: string;
-  titleGap?: string;
-  chevronColor?: string;
-  titleFontWeight?: string;
-  titleColor?: string;
-  titleFontSize?: string;
-  actionsGap?: string;
-  gridBorder?: string;
-  gridRadiusNone?: string;
-  gridRadiusXs?: string;
-  gridRadiusSm?: string;
-  gridRadiusMd?: string;
-  gridRadiusLg?: string;
-  gridRadiusXl?: string;
-  gridRadiusFull?: string;
-  weekdayFontWeight?: string;
-  weekdayColor?: string;
-  weekdayPaddingBottom?: string;
-  weekdayFontSize?: string;
-  cellBg?: string;
-  otherMonthBg?: string;
-  dashboardCellPadding?: string;
-  dashboardCellMinHeight?: string;
-  dashboardCellPaddingSm?: string;
-  dashboardCellMinHeightSm?: string;
-  dashboardCellPaddingMd?: string;
-  dashboardCellMinHeightMd?: string;
-  dashboardCellHoverBg?: string;
-  dashboardBoxSize?: string;
-  todayColor?: string;
-  todayBg?: string;
-  selectedIndicator?: string;
-  dashboardSelectedBg?: string;
-  dropdownCellHeight?: string;
-  dropdownCellHoverBg?: string;
-  dropdownNumberFontWeight?: string;
-  dropdownNumberColor?: string;
-  dropdownNumberFontSize?: string;
-  dropdownBoxSize?: string;
-  dropdownOtherMonthColor?: string;
-  dropdownSelectedBg?: string;
-  dropdownSelectedColor?: string;
-  dropdownSelectedFontWeight?: string;
-  dropdownTodayBorder?: string;
-  dropdownTodayColor?: string;
-  pickerBorder?: string;
-  pickerBg?: string;
-  pickerRadius?: string;
-  pickerMaxHeight?: string;
-  pickerCellBorder?: string;
-  pickerCellFontWeight?: string;
-  pickerCellColor?: string;
-  pickerCellBg?: string;
-  pickerCellRadius?: string;
-  pickerCellHeight?: string;
-  pickerCellHoverBg?: string;
-  pickerCellHoverBorder?: string;
-  pickerSelectedBg?: string;
-  pickerSelectedColor?: string;
-  pickerSelectedBorder?: string;
-  pickerSelectedFontWeight?: string;
-}
-export interface DasarThemeDatepicker {
-  disabledOpacity?: string;
-  disabledBg?: string;
-  wrapperGap?: string;
-  errorBorder?: string;
-  errorFocusRing?: string;
-  labelFontsize?: string;
-  labelFontWeight?: string;
-  labelColor?: string;
-  labelMarginBottom?: string;
-  labelRightFontsize?: string;
-  labelRightFontWeight?: string;
-  labelRightColor?: string;
-  hintFontSize?: string;
-  hintColor?: string;
-  hintErrorColor?: string;
-  triggerColor?: string;
-  gap?: string;
-  radiusSm?: string;
-  triggerValueColor?: string;
-  iconColor?: string;
-  clearIconColor?: string;
-  heightXs?: string;
-  paddingHorizontalXs?: string;
-  heightSm?: string;
-  paddingHorizontalSm?: string;
-  heightMd?: string;
-  paddingHorizontalMd?: string;
-  heightLg?: string;
-  paddingHorizontalLg?: string;
-  heightXl?: string;
-  paddingHorizontalXl?: string;
-  radiusNone?: string;
-  radiusXs?: string;
-  radiusMd?: string;
-  radiusLg?: string;
-  radiusXl?: string;
-  radiusFull?: string;
-  outlineBg?: string;
-  outlineBorder?: string;
-  outlineHoverBorder?: string;
-  outlineFocusBorder?: string;
-  outlineFocusRing?: string;
-  filledBg?: string;
-  filledBorder?: string;
-  filledHoverBg?: string;
-  filledFocusBg?: string;
-  filledFocusBorder?: string;
-  filledFocusRing?: string;
-  subtleBg?: string;
-  subtleBorder?: string;
-  subtleHoverBg?: string;
-  subtleFocusBg?: string;
-  dropdownShadow?: string;
-  dropdownBg?: string;
-  dropdownBorder?: string;
-  dropdownRadius?: string;
-  dropdownZIndex?: string;
-  dropdownWidth?: string;
-}
-export interface DasarThemeSelect {
-  wrapperGap?: string;
-  labelFontsize?: string;
-  labelFontWeight?: string;
-  labelColor?: string;
-  labelRightFontsize?: string;
-  labelRightColor?: string;
-  paddingLeft?: string;
-  radiusSm?: string;
-  gap?: string;
-  color?: string;
-  outlineBg?: string;
-  outlineBorder?: string;
-  outlineHoverBorder?: string;
-  outlineFocusBorder?: string;
-  outlineFocusRing?: string;
-  filledBg?: string;
-  filledBorder?: string;
-  filledHoverBg?: string;
-  filledFocusBg?: string;
-  filledFocusBorder?: string;
-  filledFocusRing?: string;
-  errorBorder?: string;
-  errorFocusRing?: string;
-  disabledBg?: string;
-  disabledBorder?: string;
-  disabledOpacity?: string;
-  heightXs?: string;
-  paddingHorizontalXs?: string;
-  heightSm?: string;
-  paddingHorizontalSm?: string;
-  heightMd?: string;
-  paddingHorizontalMd?: string;
-  heightLg?: string;
-  paddingHorizontalLg?: string;
-  heightXl?: string;
-  paddingHorizontalXl?: string;
-  radiusNone?: string;
-  radiusXs?: string;
-  radiusMd?: string;
-  radiusLg?: string;
-  radiusXl?: string;
-  radiusFull?: string;
-  valueColor?: string;
-  placeholderColor?: string;
-  searchColor?: string;
-  searchPlaceholderColor?: string;
-  loaderColor?: string;
-  arrowColor?: string;
-  dropdownMaxHeight?: string;
-  dropdownBg?: string;
-  dropdownBorder?: string;
-  dropdownRadius?: string;
-  dropdownShadow?: string;
-  dropdownZIndex?: string;
-  optionPaddingY?: string;
-  optionPaddingX?: string;
-  optionFontSize?: string;
-  optionColor?: string;
-  optionHoverBg?: string;
-  optionSelectedBg?: string;
-  optionSelectedColor?: string;
-  optionSelectedFontWeight?: string;
-  optionDisabledColor?: string;
-  stateColor?: string;
-  hintFontSize?: string;
-  hintColor?: string;
-  hintErrorColor?: string;
-}
-export interface DasarThemeCard {
-  background?: string;
-  outlineBorder?: string;
-  elevatedBorder?: string;
-  elevatedShadow?: string;
-  radiusNone?: string;
-  radiusXs?: string;
-  radiusSm?: string;
-  radiusMd?: string;
-  radiusLg?: string;
-  radiusXl?: string;
-  radiusFull?: string;
-  normalHeaderPaddingVertical?: string;
-  normalHeaderPaddingHorizontal?: string;
-  normalBodyPaddingVertical?: string;
-  normalBodyPaddingHorizontal?: string;
-  normalActionsPadding?: string;
-  compactHeaderPadding?: string;
-  compactBodyPadding?: string;
-  compactActionsPadding?: string;
-  fontSizeSm?: string;
-  fontSizeMd?: string;
-  fontSizeLg?: string;
-  headerBorder?: string;
-  titleColor?: string;
-  titleFontWeight?: string;
-  bodyColor?: string;
-  captionColor?: string;
-  captionFontSize?: string;
-  actionsBackground?: string;
-  actionsGap?: string;
-}
-export interface DasarThemeTable {
-  radius?: string;
-  background?: string;
-  outlineBorder?: string;
-  filledBackground?: string;
-  filledBorder?: string;
-  filledRowBorder?: string;
-  filledRowBackground?: string;
-  elevatedBorder?: string;
-  elevatedShadow?: string;
-  radiusNone?: string;
-  borderlessBackground?: string;
-  fontSizeSm?: string;
-  fontSizeMd?: string;
-  fontSizeLg?: string;
-  compactPaddingVertical?: string;
-  compactPaddingHorizontal?: string;
-  normalPaddingVertical?: string;
-  normalPaddingHorizontal?: string;
-  relaxedPaddingVertical?: string;
-  relaxedPaddingHorizontal?: string;
-  color?: string;
-  headerBackground?: string;
-  headerFontWeight?: string;
-  headerColor?: string;
-  headerHoverBackground?: string;
-  headerContentGap?: string;
-  sortIndicatorSize?: string;
-  sortActiveColor?: string;
-  rowBorder?: string;
-  rowHoverBackground?: string;
-  rowHoverIndicatorWidth?: string;
-  rowHoverIndicatorColor?: string;
-  stripeBackground?: string;
-  expandBtnColor?: string;
-  expandBtnRadius?: string;
-  expandBtnHoverBackground?: string;
-  expandBtnHoverColor?: string;
-  stateCellPadding?: string;
-  stateContentGap?: string;
-  stateContentColor?: string;
-  spinnerTrack?: string;
-  spinnerColor?: string;
-  emptyContentGap?: string;
-  emptyTitleFontWeight?: string;
-  emptyTitleColor?: string;
-  emptyTitleFontSize?: string;
-  emptyDescColor?: string;
-  emptyDescFontSize?: string;
-  paginationPaddingVertical?: string;
-  paginationPaddingHorizontal?: string;
-  paginationBorder?: string;
-  paginationBackground?: string;
-}
-export interface DasarThemeMenu {
-  triggerPaddingHorizontal?: string;
-  triggerGap?: string;
-  outlineBorder?: string;
-  outlineBackground?: string;
-  outlineHoverBorder?: string;
-  outlineFocusBorder?: string;
-  outlineFocusRing?: string;
-  filledBorder?: string;
-  filledBackground?: string;
-  filledHoverBackground?: string;
-  filledFocusBackground?: string;
-  filledFocusBorder?: string;
-  filledFocusRing?: string;
-  disabledOpacity?: string;
-  heightSm?: string;
-  fontSizeSm?: string;
-  heightMd?: string;
-  fontSizeMd?: string;
-  heightLg?: string;
-  fontSizeLg?: string;
-  radiusNone?: string;
-  radiusXs?: string;
-  radiusSm?: string;
-  radiusMd?: string;
-  radiusLg?: string;
-  radiusXl?: string;
-  radiusFull?: string;
-  panelMinWidth?: string;
-  panelBackground?: string;
-  panelBorder?: string;
-  panelRadius?: string;
-  panelShadow?: string;
-  panelPadding?: string;
-  panelZIndex?: string;
-  panelOffset?: string;
-  itemGap?: string;
-  itemPaddingVertical?: string;
-  itemPaddingHorizontal?: string;
-  itemFontSize?: string;
-  itemColor?: string;
-  itemRadius?: string;
-  itemHoverBackground?: string;
-  itemHoverColor?: string;
-  itemDisabledColor?: string;
-  dividerHeight?: string;
-  dividerBackground?: string;
-  dividerMarginVertical?: string;
-}
-export interface DasarComponentCommonConfig {
-  size?: Extract<ScaleAttributeType, 'xs' | 'sm' | 'md' | 'lg' | 'xl'>;
-  radius?: ScaleAttributeType;
-}
-export type DasarComponentConfig = {
-  common?: DasarComponentCommonConfig;
-} & {
-  numberInput?: DasarNumberInputConfig;
-  datepicker?: DasarDatepickerConfig;
-  calendar?: DasarCalendarConfig;
-  select?: DasarSelectConfig;
-  button?: DasarButtonConfig;
-  input?: DasarInputConfig;
-  card?: DasarCardConfig;
-  chip?: DasarChipConfig;
-  icon?: DasarIconConfig;
-  menu?: DasarMenuConfig;
-  table?: DasarTableConfig;
-};
-export interface DasarThemeConfig {
-  mode: DasarThemeMode;
-  colors?: DasarThemeColors;
-  components?: DasarComponentConfig;
-  tokens?: {
-    light?: {
-      common?: DasarThemeCommon;
-      button?: DasarThemeButton;
-      input?: DasarThemeInput;
-      calendar?: DasarThemeCalendar;
-      datepicker?: DasarThemeDatepicker;
-      chip?: DasarThemeChip;
-      select?: DasarThemeSelect;
-      card?: DasarThemeCard;
-      menu?: DasarThemeMenu;
-      table?: DasarThemeTable;
-    };
-    dark?: {
-      common?: DasarThemeCommon;
-      button?: DasarThemeButton;
-      input?: DasarThemeInput;
-      calendar?: DasarThemeCalendar;
-      datepicker?: DasarThemeDatepicker;
-      chip?: DasarThemeChip;
-      select?: DasarThemeSelect;
-      card?: DasarThemeCard;
-      menu?: DasarThemeMenu;
-      table?: DasarThemeTable;
-    };
-  };
-}

package/projects/dasar-ui/src/lib/models/type.model.ts

@@ -1,11 +0,0 @@
-export type ClassType =
-  | string
-  | string[]
-  | Set<string>
-  | {
-      [klass: string]: any;
-    }
-  | null
-  | undefined;
-export type StyleType = Partial<CSSStyleDeclaration> | { [key: string]: any } | null;
-export type ScaleAttributeType = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'full';