@pantheon-systems/pds-design-tokens 2.0.0-alpha.13 → 2.0.0-alpha.15

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 (9) hide show
  1. package/build/css/breakpoints.css +5 -5
  2. package/build/css/variables.dark.css +37 -37
  3. package/build/css/variables.global.css +23 -23
  4. package/build/css/variables.light.css +37 -37
  5. package/build/figma/tokens.json +2340 -2338
  6. package/build/js/variables.global.d.ts +26 -26
  7. package/build/js/variables.global.js +26 -26
  8. package/build/json/tokens.json +100 -100
  9. package/package.json +1 -1
package/build/js/variables.global.d.ts CHANGED
@@ -23,34 +23,34 @@ export const BORDER_RADIUS_BAR: string;
23
23
  export const BORDER_RADIUS_BUTTON: string;
24
24
  export const BORDER_RADIUS_CONTAINER: string;
25
25
  export const BORDER_RADIUS_INPUT: string;
26
- export const BP_SM: number;
27
- export const BP_MD: number;
28
- export const BP_LG: number;
26
+ export const BP_S: number;
27
+ export const BP_M: number;
28
+ export const BP_L: number;
29
29
  export const BP_XL: number;
30
- export const CONTAINER_MODAL_WIDTH_SM: string;
31
- export const CONTAINER_MODAL_WIDTH_MD: string;
32
- export const CONTAINER_MODAL_WIDTH_LG: string;
30
+ export const CONTAINER_MODAL_WIDTH_S: string;
31
+ export const CONTAINER_MODAL_WIDTH_M: string;
32
+ export const CONTAINER_MODAL_WIDTH_L: string;
33
33
  export const CONTAINER_MODAL_WIDTH_XL: string;
34
34
  export const CONTAINER_TOOLTIP_MAX_WIDTH: string;
35
35
  export const CONTAINER_DASHBOARD_NAVBAR_MAX_WIDTH: string;
36
36
  export const CONTAINER_PADDING_BASE: string;
37
- export const CONTAINER_PADDING_NARROW_BP_MD: string;
38
- export const CONTAINER_PADDING_NARROW_BP_LG: string;
39
- export const CONTAINER_PADDING_STANDARD_BP_MD: string;
40
- export const CONTAINER_PADDING_STANDARD_BP_LG: string;
41
- export const CONTAINER_PADDING_WIDE_BP_MD: string;
42
- export const CONTAINER_PADDING_WIDE_BP_LG: string;
37
+ export const CONTAINER_PADDING_NARROW_BP_M: string;
38
+ export const CONTAINER_PADDING_NARROW_BP_L: string;
39
+ export const CONTAINER_PADDING_STANDARD_BP_M: string;
40
+ export const CONTAINER_PADDING_STANDARD_BP_L: string;
41
+ export const CONTAINER_PADDING_WIDE_BP_M: string;
42
+ export const CONTAINER_PADDING_WIDE_BP_L: string;
43
43
  export const CONTAINER_MAX_WIDTH_NARROW: string;
44
44
  export const CONTAINER_MAX_WIDTH_STANDARD: string;
45
45
  export const CONTAINER_MAX_WIDTH_WIDE: string;
46
46
  export const CONTAINER_MAX_WIDTH_X_WIDE: string;
47
47
  export const GRID_COLUMNS_4_GAP: string;
48
- export const GRID_COLUMNS_12_BP_MD_GAP_NARROW: string;
49
- export const GRID_COLUMNS_12_BP_MD_GAP_STANDARD: string;
50
- export const GRID_COLUMNS_12_BP_MD_GAP_WIDE: string;
51
- export const GRID_COLUMNS_12_BP_LG_GAP_NARROW: string;
52
- export const GRID_COLUMNS_12_BP_LG_GAP_STANDARD: string;
53
- export const GRID_COLUMNS_12_BP_LG_GAP_WIDE: string;
48
+ export const GRID_COLUMNS_12_BP_M_GAP_NARROW: string;
49
+ export const GRID_COLUMNS_12_BP_M_GAP_STANDARD: string;
50
+ export const GRID_COLUMNS_12_BP_M_GAP_WIDE: string;
51
+ export const GRID_COLUMNS_12_BP_L_GAP_NARROW: string;
52
+ export const GRID_COLUMNS_12_BP_L_GAP_STANDARD: string;
53
+ export const GRID_COLUMNS_12_BP_L_GAP_WIDE: string;
54
54
  export const SPACING_DASHBOARD_NAV_ITEM_HEIGHT: string;
55
55
  export const SPACING_DASHBOARD_NAV_ITEM_PADDING: string;
56
56
  export const SPACING_STEPPER_INDICATOR_SIZE: string;
@@ -73,16 +73,16 @@ export const SPACING_3XS: string;
73
73
  export const SPACING_4XS: string;
74
74
  export const SPACING_5XS: string;
75
75
  export const SPACING_BUTTON_HEIGHT_XS: string;
76
- export const SPACING_BUTTON_HEIGHT_SM: string;
77
- export const SPACING_BUTTON_HEIGHT_MD: string;
78
- export const SPACING_BUTTON_HEIGHT_LG: string;
76
+ export const SPACING_BUTTON_HEIGHT_S: string;
77
+ export const SPACING_BUTTON_HEIGHT_M: string;
78
+ export const SPACING_BUTTON_HEIGHT_L: string;
79
79
  export const SPACING_BUTTON_PADDING_INLINE_XS: string;
80
- export const SPACING_BUTTON_PADDING_INLINE_SM: string;
81
- export const SPACING_BUTTON_PADDING_INLINE_MD: string;
82
- export const SPACING_BUTTON_PADDING_INLINE_LG: string;
80
+ export const SPACING_BUTTON_PADDING_INLINE_S: string;
81
+ export const SPACING_BUTTON_PADDING_INLINE_M: string;
82
+ export const SPACING_BUTTON_PADDING_INLINE_L: string;
83
83
  export const SPACING_BUTTON_GAP_INLINE_DEFAULT: string;
84
- export const SPACING_INPUT_HEIGHT_SM: string;
85
- export const SPACING_INPUT_HEIGHT_MD: string;
84
+ export const SPACING_INPUT_HEIGHT_S: string;
85
+ export const SPACING_INPUT_HEIGHT_M: string;
86
86
  export const Z_INDEX_NAVIGATION: number;
87
87
  export const Z_INDEX_DROPDOWN: number;
88
88
  export const Z_INDEX_NOTIFICATIONS: number;
package/build/js/variables.global.js CHANGED
@@ -23,34 +23,34 @@ export const BORDER_RADIUS_BAR = "3.5rem";
23
23
  export const BORDER_RADIUS_BUTTON = "3.5rem";
24
24
  export const BORDER_RADIUS_CONTAINER = "0.375rem";
25
25
  export const BORDER_RADIUS_INPUT = "0.25rem";
26
- export const BP_SM = 0;
27
- export const BP_MD = 768;
28
- export const BP_LG = 1280;
26
+ export const BP_S = 0;
27
+ export const BP_M = 768;
28
+ export const BP_L = 1280;
29
29
  export const BP_XL = 1440;
30
- export const CONTAINER_MODAL_WIDTH_SM = "25rem";
31
- export const CONTAINER_MODAL_WIDTH_MD = "37.5rem";
32
- export const CONTAINER_MODAL_WIDTH_LG = "47.5rem";
30
+ export const CONTAINER_MODAL_WIDTH_S = "25rem";
31
+ export const CONTAINER_MODAL_WIDTH_M = "37.5rem";
32
+ export const CONTAINER_MODAL_WIDTH_L = "47.5rem";
33
33
  export const CONTAINER_MODAL_WIDTH_XL = "67.5rem";
34
34
  export const CONTAINER_TOOLTIP_MAX_WIDTH = "12.5rem";
35
35
  export const CONTAINER_DASHBOARD_NAVBAR_MAX_WIDTH = "1440px";
36
36
  export const CONTAINER_PADDING_BASE = "1.5rem";
37
- export const CONTAINER_PADDING_NARROW_BP_MD = "12%";
38
- export const CONTAINER_PADDING_NARROW_BP_LG = "20%";
39
- export const CONTAINER_PADDING_STANDARD_BP_MD = "6%";
40
- export const CONTAINER_PADDING_STANDARD_BP_LG = "8%";
41
- export const CONTAINER_PADDING_WIDE_BP_MD = "5%";
42
- export const CONTAINER_PADDING_WIDE_BP_LG = "4%";
37
+ export const CONTAINER_PADDING_NARROW_BP_M = "12%";
38
+ export const CONTAINER_PADDING_NARROW_BP_L = "20%";
39
+ export const CONTAINER_PADDING_STANDARD_BP_M = "6%";
40
+ export const CONTAINER_PADDING_STANDARD_BP_L = "8%";
41
+ export const CONTAINER_PADDING_WIDE_BP_M = "5%";
42
+ export const CONTAINER_PADDING_WIDE_BP_L = "4%";
43
43
  export const CONTAINER_MAX_WIDTH_NARROW = "1024px";
44
44
  export const CONTAINER_MAX_WIDTH_STANDARD = "1200px";
45
45
  export const CONTAINER_MAX_WIDTH_WIDE = "1440px";
46
46
  export const CONTAINER_MAX_WIDTH_X_WIDE = "1600px";
47
47
  export const GRID_COLUMNS_4_GAP = "1.25rem";
48
- export const GRID_COLUMNS_12_BP_MD_GAP_NARROW = "1.25rem";
49
- export const GRID_COLUMNS_12_BP_MD_GAP_STANDARD = "1.5rem";
50
- export const GRID_COLUMNS_12_BP_MD_GAP_WIDE = "2rem";
51
- export const GRID_COLUMNS_12_BP_LG_GAP_NARROW = "1.5rem";
52
- export const GRID_COLUMNS_12_BP_LG_GAP_STANDARD = "2rem";
53
- export const GRID_COLUMNS_12_BP_LG_GAP_WIDE = "2.5rem";
48
+ export const GRID_COLUMNS_12_BP_M_GAP_NARROW = "1.25rem";
49
+ export const GRID_COLUMNS_12_BP_M_GAP_STANDARD = "1.5rem";
50
+ export const GRID_COLUMNS_12_BP_M_GAP_WIDE = "2rem";
51
+ export const GRID_COLUMNS_12_BP_L_GAP_NARROW = "1.5rem";
52
+ export const GRID_COLUMNS_12_BP_L_GAP_STANDARD = "2rem";
53
+ export const GRID_COLUMNS_12_BP_L_GAP_WIDE = "2.5rem";
54
54
  export const SPACING_DASHBOARD_NAV_ITEM_HEIGHT = "2.25rem";
55
55
  export const SPACING_DASHBOARD_NAV_ITEM_PADDING = "0.625rem";
56
56
  export const SPACING_STEPPER_INDICATOR_SIZE = "1.25rem";
@@ -73,16 +73,16 @@ export const SPACING_3XS = "0.375rem";
73
73
  export const SPACING_4XS = "0.25rem";
74
74
  export const SPACING_5XS = "0.125rem";
75
75
  export const SPACING_BUTTON_HEIGHT_XS = "1.5rem";
76
- export const SPACING_BUTTON_HEIGHT_SM = "2rem";
77
- export const SPACING_BUTTON_HEIGHT_MD = "2.5rem";
78
- export const SPACING_BUTTON_HEIGHT_LG = "3rem";
76
+ export const SPACING_BUTTON_HEIGHT_S = "2rem";
77
+ export const SPACING_BUTTON_HEIGHT_M = "2.5rem";
78
+ export const SPACING_BUTTON_HEIGHT_L = "3rem";
79
79
  export const SPACING_BUTTON_PADDING_INLINE_XS = "0.75rem";
80
- export const SPACING_BUTTON_PADDING_INLINE_SM = "1rem";
81
- export const SPACING_BUTTON_PADDING_INLINE_MD = "1.25rem";
82
- export const SPACING_BUTTON_PADDING_INLINE_LG = "1.5rem";
80
+ export const SPACING_BUTTON_PADDING_INLINE_S = "1rem";
81
+ export const SPACING_BUTTON_PADDING_INLINE_M = "1.25rem";
82
+ export const SPACING_BUTTON_PADDING_INLINE_L = "1.5rem";
83
83
  export const SPACING_BUTTON_GAP_INLINE_DEFAULT = "0.5rem";
84
- export const SPACING_INPUT_HEIGHT_SM = "2rem";
85
- export const SPACING_INPUT_HEIGHT_MD = "2.5rem";
84
+ export const SPACING_INPUT_HEIGHT_S = "2rem";
85
+ export const SPACING_INPUT_HEIGHT_M = "2.5rem";
86
86
  export const Z_INDEX_NAVIGATION = 100;
87
87
  export const Z_INDEX_DROPDOWN = 300;
88
88
  export const Z_INDEX_NOTIFICATIONS = 500;