chili-ui 0.5.0 → 0.7.0

package/chili/components/AutoComplete/theme.ts

@@ -3,12 +3,12 @@ import { defaultSuggestionListTheme } from '../../src/SuggestionList/theme';
 
 export const defaultAutoCompleteTheme = {
   ...defaultSuggestionListTheme,
-  closeIcon:                  'ld-input-icon',
-  input:                      'ld-input-element',
-  inputWrapper:               'ld-input-element-wrapper',
-  inputWrapperDisabled:       'ld-disabled',
-  inputWrapperFocused:        'ld-focused',
-  inputWrapperInvalid:        'ld-danger',
-  inputWrapperRequired:       'ld-required',
-  wrapper:                    'ld-autocomplete-wrapper',
+  closeIcon:                  'chili-input-icon',
+  input:                      'chili-input-element',
+  inputWrapper:               'chili-input-element-wrapper',
+  inputWrapperDisabled:       'chili-disabled',
+  inputWrapperFocused:        'chili-focused',
+  inputWrapperInvalid:        'chili-danger',
+  inputWrapperRequired:       'chili-required',
+  wrapper:                    'chili-autocomplete-wrapper',
 };

package/chili/components/Button/theme.ts

@@ -1,9 +1,9 @@
 /* eslint-disable key-spacing */
 export const defaultButtonTheme = {
   // todo replace classes when base theme is ready
-  disabled:                 'ld-btn-disabled',
-  loading:                  'ld-loading',
-  loadingIcon:              'ld-loading-icon',
-  wrapper:                  'ld-btn',
+  disabled:                 'chili-btn-disabled',
+  loading:                  'chili-loading',
+  loadingIcon:              'chili-loading-icon',
+  wrapper:                  'chili-btn',
 };
 /* eslint-enable key-spacing */

package/chili/components/ButtonGroup/theme.ts

@@ -1,13 +1,13 @@
 /* eslint-disable key-spacing */
 export const defaultButtonGroupTheme = {
   // todo replace classes when base theme is ready
-  button:                     'ld-button-group-item',
-  buttonActive:               'ld-button-active',
-  buttonFirst:                'ld-button-first',
-  buttonLast:                 'ld-button-last',
-  buttonsWrapper:             'ld-button-group-buttons-wrapper',
-  wrapper:                    'ld-button-group-wrapper',
-  wrapperDisabled:            'ld-button-disabled',
-  wrapperRequired:            'ld-required',
+  button:                     'chili-button-group-item',
+  buttonActive:               'chili-button-active',
+  buttonFirst:                'chili-button-first',
+  buttonLast:                 'chili-button-last',
+  buttonsWrapper:             'chili-button-group-buttons-wrapper',
+  wrapper:                    'chili-button-group-wrapper',
+  wrapperDisabled:            'chili-button-disabled',
+  wrapperRequired:            'chili-required',
 };
 /* eslint-enable key-spacing */

package/chili/components/CheckBox/theme.ts

@@ -1,11 +1,11 @@
 /* eslint-disable key-spacing */
 export const defaultCheckBoxTheme = {
-  input:                    'ld-checkbox-input',
-  label:                    'ld-checkbox-label',
-  icon:                     'ld-checkbox-icon',
-  iconChecked:              'ld-checked',
-  iconUnchecked:            'ld-unchecked',
-  invalid:                  'ld-checkbox-invalid',
-  required:                 'ld-checkbox-required',
+  input:                    'chili-checkbox-input',
+  label:                    'chili-checkbox-label',
+  icon:                     'chili-checkbox-icon',
+  iconChecked:              'chili-checked',
+  iconUnchecked:            'chili-unchecked',
+  invalid:                  'chili-checkbox-invalid',
+  required:                 'chili-checkbox-required',
 };
 /* eslint-enable key-spacing */

package/chili/components/Collapse/theme.ts

@@ -1,7 +1,7 @@
 /* eslint-disable key-spacing */
 export const defaultCollapseTheme = {
-  icon:         'ld-collapse-icon',
-  content:      'ld-collapse-content',
-  summary:      'ld-collapse-summary',
-  wrapper:      'ld-collapse-wrapper',
+  icon:         'chili-collapse-icon',
+  content:      'chili-collapse-content',
+  summary:      'chili-collapse-summary',
+  wrapper:      'chili-collapse-wrapper',
 };

package/chili/components/DropDownSelect/theme.ts

@@ -3,16 +3,16 @@ import { defaultSuggestionListTheme } from '../../src/SuggestionList/theme';
 
 export const defaultDropDownSelectTheme = {
   ...defaultSuggestionListTheme,
-  input:                      'ld-input-element',
-  inputWrapper:               'ld-input-element-wrapper',
-  inputWrapperDisabled:       'ld-disabled',
-  inputWrapperFocused:        'ld-focused',
-  inputWrapperInvalid:        'ld-danger',
-  inputWrapperRequired:       'ld-required',
-  clearIcon:                  'ld-input-icon',
-  selectIcon:                 'ld-input-icon',
-  selectIconClosed:           'ld-closed',
-  selectIconOpened:           'ld-opened',
-  wrapper:                    'ld-dropdownselect-wrapper',
+  input:                      'chili-input-element',
+  inputWrapper:               'chili-input-element-wrapper',
+  inputWrapperDisabled:       'chili-disabled',
+  inputWrapperFocused:        'chili-focused',
+  inputWrapperInvalid:        'chili-danger',
+  inputWrapperRequired:       'chili-required',
+  clearIcon:                  'chili-input-icon',
+  selectIcon:                 'chili-input-icon',
+  selectIconClosed:           'chili-closed',
+  selectIconOpened:           'chili-opened',
+  wrapper:                    'chili-dropdownselect-wrapper',
 };
 /* eslint-enable key-spacing */

package/chili/components/Icon/icons.tsx

@@ -50,9 +50,6 @@ export const ICON_PATHS: Record<Icons, React.ReactNode[]> = {
     <path key="0" d="M17.94 17.94A10.94 10.94 0 0 1 12 20c-7 0-11-8-11-8a21.08 21.08 0 0 1 5.07-6.88" />,
     <path key="1" d="M1 1l22 22" />,
   ],
-  [Icons.Github]: [
-    <path key="0" d="M12 2a10 10 0 0 0-3.16 19.49c.5.09.68-.22.68-.48 0-.24-.01-1-.02-1.82-2.78.6-3.37-1.34-3.37-1.34-.45-1.17-1.1-1.48-1.1-1.48-.9-.61.07-.6.07-.6 1 .07 1.53 1.04 1.53 1.04.89 1.52 2.34 1.08 2.91.83.09-.64.35-1.08.63-1.33-2.22-.25-4.55-1.11-4.55-4.94 0-1.09.39-1.98 1.03-2.68-.1-.26-.45-1.3.1-2.71 0 0 .84-.27 2.75 1.03a9.56 9.56 0 0 1 5 0c1.91-1.3 2.75-1.03 2.75-1.03.55 1.41.2 2.45.1 2.71.64.7 1.03 1.59 1.03 2.68 0 3.84-2.34 4.69-4.57 4.94.36.31.69.92.69 1.86 0 1.34-.01 2.42-.01 2.75 0 .27.18.58.69.48A10 10 0 0 0 12 2z" />,
-  ],
   [Icons.Loader]: [
     <circle key="0" cx="12" cy="12" r="10" />,
   ],

package/chili/components/Icon/types.ts

@@ -1,14 +1,14 @@
 import type { SVGProps } from 'react';
 
 export type IconProps = {
-  fill?: string | null;
-  icon: `${Icons}`;
-  shouldRender?: boolean;
-  size?: number | string | null;
-  stroke?: string | null;
-  strokeOpacity?: number | string | null;
-  strokeWidth?: number | string | null;
-  [x: string]: unknown;
+  fill?: string | null,
+  icon: `${Icons}`,
+  shouldRender?: boolean,
+  size?: number | string | null,
+  stroke?: string | null,
+  strokeOpacity?: number | string | null,
+  strokeWidth?: number | string | null,
+  [x: string]: unknown,
 } & Omit<SVGProps<SVGSVGElement>, 'fill' | 'stroke' | 'strokeOpacity' | 'strokeWidth'>;
 
 export enum Icons {
@@ -25,7 +25,6 @@ export enum Icons {
   Circle = 'circle',
   Eye = 'eye',
   EyeOff = 'eye-off',
-  Github = 'github',
   Loader = 'loader',
   MinusSquare = 'minus-square',
   PlusSquare = 'plus-square',

package/chili/components/Input/theme.ts

@@ -1,13 +1,13 @@
 /* eslint-disable key-spacing */
 export const defaultInputTheme = {
-  closeIcon:                'ld-input-icon',
-  input:                    'ld-input-element',
-  inputWrapper:             'ld-input-element-wrapper',
-  wrapper:                  'ld-input-wrapper',
+  closeIcon:                'chili-input-icon',
+  input:                    'chili-input-element',
+  inputWrapper:             'chili-input-element-wrapper',
+  wrapper:                  'chili-input-wrapper',
 
-  inputWrapperDisabled:     'ld-disabled',
-  inputWrapperFocused:      'ld-focused',
-  inputWrapperInvalid:      'ld-danger',
-  inputWrapperRequired:     'ld-required',
+  inputWrapperDisabled:     'chili-disabled',
+  inputWrapperFocused:      'chili-focused',
+  inputWrapperInvalid:      'chili-danger',
+  inputWrapperRequired:     'chili-required',
 };
 /* eslint-enable key-spacing */

package/chili/components/Loader/theme.ts

@@ -1,9 +1,9 @@
 /* eslint-disable key-spacing */
 export const defaultLoaderTheme = {
-  container:                'ld-loader-container',
-  element:                  'ld-loader-element',
-  fullscreen:               'ld-loader-fullscreen',
-  wrapper:                  'ld-loader-wrapper',
-  bodyOverflow:             'ld-loader-global',
+  container:                'chili-loader-container',
+  element:                  'chili-loader-element',
+  fullscreen:               'chili-loader-fullscreen',
+  wrapper:                  'chili-loader-wrapper',
+  bodyOverflow:             'chili-loader-global',
 };
 /* eslint-enable key-spacing */

package/chili/components/MaskedInput/theme.ts

@@ -1,10 +1,10 @@
 /* eslint-disable key-spacing */
 export const defaultMaskedInputTheme = {
-  inputWrapperInvalid:      'ld-danger',
-  inputWrapperDisabled:     'ld-disabled',
-  inputWrapperFocused:      'ld-focused',
-  inputWrapperRequired:     'ld-required',
-  inputWrapper:             'ld-input-element-wrapper',
-  input:                    'ld-input-element',
-  wrapper:                  'ld-input-wrapper',
+  inputWrapperInvalid:      'chili-danger',
+  inputWrapperDisabled:     'chili-disabled',
+  inputWrapperFocused:      'chili-focused',
+  inputWrapperRequired:     'chili-required',
+  inputWrapper:             'chili-input-element-wrapper',
+  input:                    'chili-input-element',
+  wrapper:                  'chili-input-wrapper',
 };

package/chili/components/Modal/theme.ts

@@ -1,10 +1,10 @@
 /* eslint-disable key-spacing */
 export const defaultModalTheme = {
-  body:       'ld-modal-body',
-  cross:      'ld-modal-cross',
-  footer:     'ld-modal-footer',
-  header:     'ld-modal-header',
-  window:     'ld-modal-window',
-  wrapper:    'ld-modal-wrapper',
+  body:       'chili-modal-body',
+  cross:      'chili-modal-cross',
+  footer:     'chili-modal-footer',
+  header:     'chili-modal-header',
+  window:     'chili-modal-window',
+  wrapper:    'chili-modal-wrapper',
 };
 /* eslint-enable key-spacing */

package/chili/components/MultiSelect/theme.ts

@@ -2,20 +2,20 @@
 import { defaultSuggestionListTheme } from '../../src/SuggestionList/theme';
 
 export const defaultMultiSelectTheme = {
-  checkBoxWrapper:           'ld-multiselect-checkbox-wrapper',
-  checkBoxContainer:         'ld-multiselect-checkbox-container',
-  checkBoxLabel:             'ld-multiselect-checkbox-label',
-  clearIcon:                 'ld-multiselect-clear-icon',
-  input:                     'ld-multiselect-input',
-  inputWrapper:              'ld-multiselect-input-wrapper',
-  inputWrapperDisabled:      'ld-disabled',
-  inputWrapperFocused:       'ld-focused',
-  inputWrapperInvalid:       'ld-danger',
-  inputWrapperRequired:      'ld-required',
-  placeholder:               'ld-multiselect-placeholder',
-  tagsContainer:             'ld-multiselect-tags-container',
-  tagsUnion:                 'ld-multiselect-tags-union',
-  wrapper:                   'ld-multiselect-wrapper',
+  checkBoxWrapper:           'chili-multiselect-checkbox-wrapper',
+  checkBoxContainer:         'chili-multiselect-checkbox-container',
+  checkBoxLabel:             'chili-multiselect-checkbox-label',
+  clearIcon:                 'chili-multiselect-clear-icon',
+  input:                     'chili-multiselect-input',
+  inputWrapper:              'chili-multiselect-input-wrapper',
+  inputWrapperDisabled:      'chili-disabled',
+  inputWrapperFocused:       'chili-focused',
+  inputWrapperInvalid:       'chili-danger',
+  inputWrapperRequired:      'chili-required',
+  placeholder:               'chili-multiselect-placeholder',
+  tagsContainer:             'chili-multiselect-tags-container',
+  tagsUnion:                 'chili-multiselect-tags-union',
+  wrapper:                   'chili-multiselect-wrapper',
   /** SuggestionList theme */
   ...defaultSuggestionListTheme,
 };

package/chili/components/NumericRange/theme.ts

@@ -2,9 +2,9 @@ import { defaultNumericTextBoxTheme } from '../NumericTextBox/theme';
 
 /* eslint-disable key-spacing */
 export const defaultNumericRangeTheme = {
-  delimiter: 'ld-numeric-range-delimiter',
+  delimiter: 'chili-numeric-range-delimiter',
   from:      defaultNumericTextBoxTheme,
   to:        defaultNumericTextBoxTheme,
-  wrapper:  'ld-numeric-range-wrapper',
+  wrapper:  'chili-numeric-range-wrapper',
 };
 /* eslint-enable key-spacing */

package/chili/components/NumericTextBox/theme.ts

@@ -1,14 +1,14 @@
 /* eslint-disable key-spacing */
 export const defaultNumericTextBoxTheme = {
-  arrowButtons:             'ld-numeric-arrows',
-  arrowDown:                'ld-numeric-arrow-down',
-  arrowUp:                  'ld-numeric-arrow-up',
-  input:                    'ld-input-element',
-  inputWrapper:             'ld-input-element-wrapper',
-  inputWrapperDisabled:     'ld-disabled',
-  inputWrapperFocused:      'ld-focused',
-  inputWrapperInvalid:      'ld-danger',
-  inputWrapperRequired:     'ld-required',
-  wrapper:                  'ld-numeric-wrapper',
+  arrowButtons:             'chili-numeric-arrows',
+  arrowDown:                'chili-numeric-arrow-down',
+  arrowUp:                  'chili-numeric-arrow-up',
+  input:                    'chili-input-element',
+  inputWrapper:             'chili-input-element-wrapper',
+  inputWrapperDisabled:     'chili-disabled',
+  inputWrapperFocused:      'chili-focused',
+  inputWrapperInvalid:      'chili-danger',
+  inputWrapperRequired:     'chili-required',
+  wrapper:                  'chili-numeric-wrapper',
 };
 /* eslint-enable key-spacing */

package/chili/components/Pagination/theme.ts

@@ -1,22 +1,22 @@
 /* eslint-disable key-spacing */
 export const defaultPaginationTheme = {
-  wrapper:                    'ld-pagination-wrapper',
-  button:                     'ld-pagination-button',
-  controlButtons:             'ld-pagination-controls',
-  controlFirst:               'ld-pagination-first',
-  controlPrev:                'ld-pagination-prev',
-  controlNext:                'ld-pagination-next',
-  controlLast:                'ld-pagination-last',
-  disabled:                   'ld-pagination-disabled',
-  iconFirst:                  'ld-pagination-icon-first',
-  iconPrev:                   'ld-pagination-icon-prev',
-  iconNext:                   'ld-pagination-icon-next',
-  iconLast:                   'ld-pagination-icon-last',
-  infoLabel:                  'ld-pagination-info-label',
-  numberButtons:              'ld-pagination-numbers',
-  numberSelected:             'ld-pagination-number-selected',
-  options:                    'ld-pagination-options',
-  optionsLabel:               'ld-pagination-options-label',
-  optionsWrapper:             'ld-pagination-options-wrapper',
+  wrapper:                    'chili-pagination-wrapper',
+  button:                     'chili-pagination-button',
+  controlButtons:             'chili-pagination-controls',
+  controlFirst:               'chili-pagination-first',
+  controlPrev:                'chili-pagination-prev',
+  controlNext:                'chili-pagination-next',
+  controlLast:                'chili-pagination-last',
+  disabled:                   'chili-pagination-disabled',
+  iconFirst:                  'chili-pagination-icon-first',
+  iconPrev:                   'chili-pagination-icon-prev',
+  iconNext:                   'chili-pagination-icon-next',
+  iconLast:                   'chili-pagination-icon-last',
+  infoLabel:                  'chili-pagination-info-label',
+  numberButtons:              'chili-pagination-numbers',
+  numberSelected:             'chili-pagination-number-selected',
+  options:                    'chili-pagination-options',
+  optionsLabel:               'chili-pagination-options-label',
+  optionsWrapper:             'chili-pagination-options-wrapper',
 };
 /* eslint-enable key-spacing */

package/chili/components/Password/theme.ts

@@ -1,16 +1,16 @@
 /* eslint-disable key-spacing */
 export const defaultPasswordTheme = {
-  closeIcon:                'ld-input-icon',
-  input:                    'ld-input-element',
-  inputWrapper:             'ld-input-element-wrapper',
-  inputWrapperDisabled:     'ld-disabled',
-  inputWrapperFocused:      'ld-focused',
-  inputWrapperInvalid:      'ld-danger',
-  inputWrapperRequired:     'ld-required',
-  isHiddenIcon:             'ld-input-icon',
-  isVisibleIcon:            'ld-input-icon',
-  messageWrapper:           'ld-password-message-wrapper',
-  ruleMessage:              'ld-password-rule-message',
-  wrapper:                  'ld-password-wrapper',
+  closeIcon:                'chili-input-icon',
+  input:                    'chili-input-element',
+  inputWrapper:             'chili-input-element-wrapper',
+  inputWrapperDisabled:     'chili-disabled',
+  inputWrapperFocused:      'chili-focused',
+  inputWrapperInvalid:      'chili-danger',
+  inputWrapperRequired:     'chili-required',
+  isHiddenIcon:             'chili-input-icon',
+  isVisibleIcon:            'chili-input-icon',
+  messageWrapper:           'chili-password-message-wrapper',
+  ruleMessage:              'chili-password-rule-message',
+  wrapper:                  'chili-password-wrapper',
 };
 /* eslint-enable key-spacing */

package/chili/components/ProgressBar/theme.ts

@@ -1,7 +1,7 @@
 /* eslint-disable key-spacing */
 export const defaultProgressBarTheme = {
-  fill:                     'ld-progressbar-fill',
-  value:                    'ld-progressbar-value',
-  wrapper:                  'ld-progressbar-wrapper',
+  fill:                     'chili-progressbar-fill',
+  value:                    'chili-progressbar-value',
+  wrapper:                  'chili-progressbar-wrapper',
 };
 /* eslint-enable key-spacing */

package/chili/components/Radio/theme.ts

@@ -1,8 +1,8 @@
 /* eslint-disable key-spacing */
 export const defaultRadioTheme = {
-  input:                    'ld-radio-input',
-  item:                     'ld-radio-button',
-  label:                    'ld-radio-label',
-  wrapper:                  'ld-radio-wrapper',
+  input:                    'chili-radio-input',
+  item:                     'chili-radio-button',
+  label:                    'chili-radio-label',
+  wrapper:                  'chili-radio-wrapper',
 };
 /* eslint-enable key-spacing */

package/chili/components/Rating/theme.ts

@@ -1,9 +1,9 @@
 /* eslint-disable key-spacing */
 export const defaultRatingTheme = {
-  disabled:     'ld-rating-disabled',
-  invalid:      'ld-rating-invalid',
-  item:         'ld-rating-item',
-  itemFilled:   'ld-filled',
-  itemWrapper:  'ld-rating-item-wrapper',
-  wrapper:      'ld-rating-wrapper',
+  disabled:     'chili-rating-disabled',
+  invalid:      'chili-rating-invalid',
+  item:         'chili-rating-item',
+  itemFilled:   'chili-filled',
+  itemWrapper:  'chili-rating-item-wrapper',
+  wrapper:      'chili-rating-wrapper',
 };

package/chili/components/Switcher/theme.ts

@@ -1,10 +1,10 @@
 /* eslint-disable key-spacing */
 export const defaultSwitcherTheme = {
-  active:                   'ld-switcher-active',
-  disabled:                 'ld-switcher-disabled',
-  handle:                   'ld-switcher-handler',
-  label:                    'ld-switcher-label',
-  switcher:                 'ld-switcher',
-  wrapper:                  'ld-switcher-wrapper',
+  active:                   'chili-switcher-active',
+  disabled:                 'chili-switcher-disabled',
+  handle:                   'chili-switcher-handler',
+  label:                    'chili-switcher-label',
+  switcher:                 'chili-switcher',
+  wrapper:                  'chili-switcher-wrapper',
 };
 /* eslint-enable key-spacing */

package/chili/components/Tabs/theme.ts

@@ -1,14 +1,14 @@
 /* eslint-disable key-spacing */
 export const defaultTabsTheme = {
-  arrowLeft:                'ld-tabs-arrow ld-tabs-arrow-left',
-  arrowRight:               'ld-tabs-arrow ld-tabs-arrow-right',
-  container:                'ld-tabs-container',
-  content:                  'ld-tabs-content',
-  scroll:                   'ld-tab-scroll',
-  tab:                      'ld-tab',
-  tabActive:                'ld-tab-active',
-  tabDisabled:              'ld-tab-disabled',
-  tabsBar:                  'ld-tabs-bar',
-  wrapper:                  'ld-tabs-wrapper',
+  arrowLeft:                'chili-tabs-arrow chili-tabs-arrow-left',
+  arrowRight:               'chili-tabs-arrow chili-tabs-arrow-right',
+  container:                'chili-tabs-container',
+  content:                  'chili-tabs-content',
+  scroll:                   'chili-tab-scroll',
+  tab:                      'chili-tab',
+  tabActive:                'chili-tab-active',
+  tabDisabled:              'chili-tab-disabled',
+  tabsBar:                  'chili-tabs-bar',
+  wrapper:                  'chili-tabs-wrapper',
 };
 /* eslint-enable key-spacing */

package/chili/components/Tags/theme.ts

@@ -1,7 +1,7 @@
 /* eslint-disable key-spacing */
 export const defaultTagsTheme = {
-  closeIcon:                  'ld-tag-icon',
-  tag:                        'ld-tag',
-  wrapper:                    'ld-tags-wrapper',
+  closeIcon:                  'chili-tag-icon',
+  tag:                        'chili-tag',
+  wrapper:                    'chili-tags-wrapper',
 };
 /* eslint-enable key-spacing */

package/chili/components/Textarea/theme.ts

@@ -1,10 +1,10 @@
 /* eslint-disable key-spacing */
 export const defaultTextAreaTheme = {
-  input:                  'ld-textarea',
-  wrapper:                'ld-textarea-wrapper',
-  inputFocused:           'ld-focused',
-  inputDisabled:          'ld-disabled',
-  inputInvalid:           'ld-danger',
-  inputRequired:          'ld-required',
+  input:                  'chili-textarea',
+  wrapper:                'chili-textarea-wrapper',
+  inputFocused:           'chili-focused',
+  inputDisabled:          'chili-disabled',
+  inputInvalid:           'chili-danger',
+  inputRequired:          'chili-required',
 };
 /* eslint-enable key-spacing */

package/chili/components/Tooltip/theme.ts

@@ -1,10 +1,10 @@
 /* eslint-disable key-spacing */
 export const defaultTooltipTheme = {
-  tooltip:                  'ld-tooltip',
-  top:                      'ld-tooltip ld-top',
-  left:                     'ld-tooltip ld-left',
-  right:                    'ld-tooltip ld-right',
-  bottom:                   'ld-tooltip ld-bottom',
-  wrapper:                  'ld-tooltip-wrapper',
+  tooltip:                  'chili-tooltip',
+  top:                      'chili-tooltip chili-top',
+  left:                     'chili-tooltip chili-left',
+  right:                    'chili-tooltip chili-right',
+  bottom:                   'chili-tooltip chili-bottom',
+  wrapper:                  'chili-tooltip-wrapper',
 };
 /* eslint-enable key-spacing */

package/chili/components/Validation/theme.ts

@@ -1,6 +1,6 @@
 /* eslint-disable key-spacing */
 export const defaultValidationTheme = {
-  invalidMessage:                  'ld-invalid-message',
-  invalidMessagesList:             'ld-invalid-messages-list',
+  invalidMessage:                  'chili-invalid-message',
+  invalidMessagesList:             'chili-invalid-messages-list',
 };
 /* eslint-enable key-spacing */

package/chili/src/CalendarBase/theme.ts

@@ -1,41 +1,41 @@
 /* eslint-disable key-spacing */
 export const defaultCalendarTheme = {
-  buttonDisabled:         'ld-calendar-button-disabled',
-  dateCell:               'ld-calendar-date',
-  dateCellActive:         'ld-calendar-date-active',
-  dateCellDayOff:         'ld-calendar-date-day-off',
-  dateCellDifferentMonth: 'ld-calendar-date-different-month',
-  dateCellDisabled:       'ld-calendar-date-disabled',
-  dateCellSelected:       'ld-calendar-date-selected',
-  dateCellToday:          'ld-calendar-date-today',
-  dateRow:                'ld-calendar-date-row',
-  dateView:               'ld-calendar-date-view',
-  footer:                 'ld-calendar-footer',
-  header:                 'ld-calendar-header',
-  invalid:                'ld-calendar-invalid',
-  monthCell:              'ld-calendar-month-cell',
-  monthCellActive:        'ld-calendar-month-cell-active',
-  monthCellDisabled:      'ld-calendar-month-cell-disabled',
-  monthRow:               'ld-calendar-month-row',
-  monthView:              'ld-calendar-month-view',
-  nextButton:             'ld-calendar-next-button',
-  nextIcon:               'ld-calendar-next-icon',
-  prevButton:             'ld-calendar-prev-button',
-  prevIcon:               'ld-calendar-prev-icon',
-  standalone:             'ld-calendar-standalone',
-  standaloneWrapper:       'ld-calendar-standalone-wrapper',
-  title:                  'ld-calendar-title',
-  titleDisabled:          'ld-calendar-title-disabled',
-  weekDay:                'ld-calendar-week-day',
-  weekDaysRow:            'ld-calendar-week-days-row',
-  wrapper:                'ld-calendar-wrapper',
-  wrapperTop:             'ld-calendar-top',
-  wrapperRight:           'ld-calendar-right',
-  yearCell:               'ld-calendar-year-cell',
-  yearCellActive:         'ld-calendar-year-cell-active',
-  yearCellDisabled:       'ld-calendar-year-cell-disabled',
-  yearCellDifferentDecade:'ld-calendar-year-cell-different-decade',
-  yearRow:                'ld-calendar-year-row',
-  yearView:               'ld-calendar-year-view',
+  buttonDisabled:         'chili-calendar-button-disabled',
+  dateCell:               'chili-calendar-date',
+  dateCellActive:         'chili-calendar-date-active',
+  dateCellDayOff:         'chili-calendar-date-day-off',
+  dateCellDifferentMonth: 'chili-calendar-date-different-month',
+  dateCellDisabled:       'chili-calendar-date-disabled',
+  dateCellSelected:       'chili-calendar-date-selected',
+  dateCellToday:          'chili-calendar-date-today',
+  dateRow:                'chili-calendar-date-row',
+  dateView:               'chili-calendar-date-view',
+  footer:                 'chili-calendar-footer',
+  header:                 'chili-calendar-header',
+  invalid:                'chili-calendar-invalid',
+  monthCell:              'chili-calendar-month-cell',
+  monthCellActive:        'chili-calendar-month-cell-active',
+  monthCellDisabled:      'chili-calendar-month-cell-disabled',
+  monthRow:               'chili-calendar-month-row',
+  monthView:              'chili-calendar-month-view',
+  nextButton:             'chili-calendar-next-button',
+  nextIcon:               'chili-calendar-next-icon',
+  prevButton:             'chili-calendar-prev-button',
+  prevIcon:               'chili-calendar-prev-icon',
+  standalone:             'chili-calendar-standalone',
+  standaloneWrapper:       'chili-calendar-standalone-wrapper',
+  title:                  'chili-calendar-title',
+  titleDisabled:          'chili-calendar-title-disabled',
+  weekDay:                'chili-calendar-week-day',
+  weekDaysRow:            'chili-calendar-week-days-row',
+  wrapper:                'chili-calendar-wrapper',
+  wrapperTop:             'chili-calendar-top',
+  wrapperRight:           'chili-calendar-right',
+  yearCell:               'chili-calendar-year-cell',
+  yearCellActive:         'chili-calendar-year-cell-active',
+  yearCellDisabled:       'chili-calendar-year-cell-disabled',
+  yearCellDifferentDecade:'chili-calendar-year-cell-different-decade',
+  yearRow:                'chili-calendar-year-row',
+  yearView:               'chili-calendar-year-view',
 };
 /* eslint-enable key-spacing */