All files / molecule/stepper/src settings.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
1x
 
1x
 
 
 
 
1x
 
 
 
 
 
1x
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
export const BASE_CLASS = 'sui-MoleculeStepper'
 
export const ALIGNMENT = {
  HORIZONTAL: 'horizontal',
  VERTICAL: 'vertical'
}
 
export const DESIGN = {
  DEFAULT: 'default',
  COMPRESSED: 'compressed',
  BASIC: 'basic'
}
 
export const JUSTIFY_CONTENT = {
  /** inner-bars are going to be growing for getting 100% of the width **/
  LEGACY: 'legacy',
 
  /* Positional alignment */
  // START: 'start' /* Pack items from the start */,
  // END: 'end' /* Pack items from the end */,
  FLEX_START: 'flex-start' /* Pack flex items from the start */,
  CENTER: 'center' /* Pack items around the center */,
  FLEX_END: 'flex-end' /* Pack flex items from the end */,
  // LEFT: 'left' /* Pack items from the left */,
  // RIGHT: 'right' /* Pack items from the right */,
 
  /* Normal alignment */
  // NORMAL: 'normal',
 
  /* Distributed alignment */
  SPACE_BETWEEN:
    'space-between' /* Distribute items evenly. The first item is flush with the start, the last is flush with the end */,
  SPACE_AROUND: 'space-around' /* Distribute items evenly. Items have a half-size space on either end */,
  SPACE_EVENLY: 'space-evenly' /* Distribute items evenly. Items have equal space around them */
  // STRETCH:
  //   'stretch' /* Distribute items evenly. Stretch 'auto'-sized items to fit the container */
}