@preply/ds-web-core 0.94.0 → 0.96.0

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 (65) hide show
  1. package/dist/accessibility/aria/utils.js +1 -1
  2. package/dist/array/flatten.js +1 -1
  3. package/dist/color/module-color/hooks/useColorClassNames.js +1 -1
  4. package/dist/color-scheme/classes/ColorScheme.js +1 -1
  5. package/dist/color-scheme/colorSchemes.js +1 -1
  6. package/dist/color-scheme/hocs/withColorScheme.js +1 -1
  7. package/dist/color-scheme/hooks/useColorScheme.js +1 -1
  8. package/dist/color-scheme/providers/ColorSchemeProvider.js +1 -1
  9. package/dist/css-module/classNames.js +1 -1
  10. package/dist/dom/props/constants.js +1 -1
  11. package/dist/dom/props/index.js +1 -1
  12. package/dist/events/hooks/useFocusEvents.js +1 -1
  13. package/dist/field/constants.js +1 -1
  14. package/dist/field/hooks/useNumberField.js +1 -1
  15. package/dist/field/hooks/usePasswordField.js +1 -1
  16. package/dist/field/hooks/useSelectField.js +1 -1
  17. package/dist/field/hooks/useTextField.js +1 -1
  18. package/dist/field/hooks/useTextareaField.js +1 -1
  19. package/dist/field/options.js +1 -1
  20. package/dist/generated/breakpoints.less +1 -1
  21. package/dist/generated/breakpoints.scss +45 -0
  22. package/dist/generated/hover.less +1 -1
  23. package/dist/generated/hover.scss +9 -0
  24. package/dist/generated/options.less +2 -2
  25. package/dist/generated/options.scss +137 -0
  26. package/dist/generated/tokens.less +2 -1
  27. package/dist/generated/tokens.scss +1233 -0
  28. package/dist/hover/sc/mixins.js +1 -1
  29. package/dist/input/constants.js +1 -1
  30. package/dist/input/options.js +1 -1
  31. package/dist/input/private/utils.js +1 -1
  32. package/dist/input/utils/getInputProps.js +1 -1
  33. package/dist/input/utils/useForcedRef.js +1 -1
  34. package/dist/keyboard/index.js +1 -1
  35. package/dist/layout/hooks/useLayoutClassNames.js +1 -1
  36. package/dist/layout/hooks/useLayoutFlexClassNames.js +1 -1
  37. package/dist/layout/hooks/useLayoutGridClassNames.js +1 -1
  38. package/dist/layout/hooks/useLayoutGridResponsiveColumns.js +1 -1
  39. package/dist/layout/module-align-self/hooks/useAlignSelfClassNames.js +1 -1
  40. package/dist/layout/module-layout-gap/hooks/useLayoutGapClassnames.js +1 -1
  41. package/dist/layout/module-layout-hide/hooks/useLayoutHideClassnames.js +1 -1
  42. package/dist/layout/module-layout-padding/hooks/useLayoutPaddingClassnames.js +1 -1
  43. package/dist/layout/module-layout-relative/hooks/useLayoutRelativeClassnames.js +1 -1
  44. package/dist/responsive/sc/mixins.js +1 -1
  45. package/dist/ssr/classes/ServerStyleSheet.js +1 -1
  46. package/dist/ssr/hocs/withStyleExtract.js +1 -1
  47. package/dist/ssr/hooks/useClassNameExtract.js +1 -1
  48. package/dist/ssr/hooks/useHostname.js +1 -1
  49. package/dist/ssr/hooks/useStyleExtract.js +1 -1
  50. package/dist/theme/classes/Theme.js +1 -1
  51. package/dist/theme/hocs/withTheme.js +1 -1
  52. package/dist/theme/hooks/useSetTheme.js +1 -1
  53. package/dist/theme/hooks/useTheme.js +1 -1
  54. package/dist/theme/hooks/useThemes.js +1 -1
  55. package/dist/theme/providers/ThemeProvider.js +1 -1
  56. package/dist/theme/providers/ThemesProvider.js +1 -1
  57. package/dist/token/hocs/withGetToken.js +1 -1
  58. package/dist/token/hooks/useToken.js +1 -1
  59. package/dist/token/private/getToken.js +1 -1
  60. package/dist/token/util/getTokenVar.js +1 -1
  61. package/dist/typography/module-text-accent/hooks/useTextAccentClassnames.js +1 -1
  62. package/dist/typography/module-text-centered/hooks/useTextCenteredClassnames.js +1 -1
  63. package/dist/typography/module-text-weight/hooks/useTextWeightClassNames.js +1 -1
  64. package/dist/url/index.js +1 -1
  65. package/package.json +6 -6
@@ -0,0 +1,137 @@
1
+ /* AUTO GENERATED @Thu Jul 25 2024 09:00:41 GMT+0000 (Coordinated Universal Time) */
2
+
3
+ $ACTION_LINK_VARIANT_ACTIVE_COLOR_OPTIONS: accentDark, accentDarkInverted, neutral, neutralInverted,
4
+ unsetColors;
5
+ $ACTION_LINK_VARIANT_COLOR_OPTIONS: accentDark, accentDarkInverted, neutral, neutralInverted,
6
+ unsetColors;
7
+ $ACTION_LINK_VARIANT_HOVER_COLOR_OPTIONS: accentDark, accentDarkInverted, neutral, neutralInverted,
8
+ unsetColors;
9
+ $ACTION_VARIANT_ACTIVE_BORDER_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
10
+ dangerous, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
11
+ $ACTION_VARIANT_DISABLED_BG_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
12
+ dangerous, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
13
+ $ACTION_VARIANT_DISABLED_BORDER_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, ghost,
14
+ plain, dangerous, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature,
15
+ ai;
16
+ $ACTION_VARIANT_DISABLED_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
17
+ dangerous, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
18
+ $ACTION_VARIANT_HOVER_BORDER_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
19
+ dangerous, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
20
+ $ACTION_VARIANT_TEXT_DECORATION_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
21
+ dangerous, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
22
+ $AVATAR_SIZE_OPTIONS: 2xs, xs, s, m, l, xl, 24, 32, 48, 64, 96, 160;
23
+ $AVATAR_WITH_STATUS_SIZE_OPTIONS: 2xs, xs, m, xl, 64, 96, 160;
24
+ $BADGE_ACCENT_OPTIONS: accent, positive, critical, warning, info, tertiary;
25
+ $BADGE_COLOR_OPTIONS: gray, teal, green, blue, yellow, red, magenta;
26
+ $BADGE_SIZE_OPTIONS: xs, s, m;
27
+ $BOX_PADDING_OPTIONS: none, 3xs, 2xs, xs, s, m, l, xl;
28
+ $BOX_RADIUS_OPTIONS: none, m, l, 2, 4, 8, 0, 2, 4, 8, 12, 16, 24, 32, 48, 64, 96, 160;
29
+ $BUTTON_FONT_FAMILY_OPTIONS: large, default, medium, small;
30
+ $BUTTON_FONT_SIZE_OPTIONS: large, medium, default, small;
31
+ $BUTTON_FONT_WEIGHT_OPTIONS: large, medium, default, small;
32
+ $BUTTON_HEIGHT_DS_INTERNAL_PRIMITIVE_OPTIONS: large, medium, small;
33
+ $BUTTON_HORIZONTAL_PADDING_DS_INTERNAL_PRIMITIVE_OPTIONS: large, medium, small;
34
+ $BUTTON_LETTER_SPACING_OPTIONS: large, medium, default, small;
35
+ $BUTTON_LINE_HEIGHT_OPTIONS: large, medium, default, small;
36
+ $BUTTON_SIZE_OPTIONS: xs, s, m, l, xl, large, medium, small;
37
+ $BUTTON_VARIANT_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain, dangerous, critical,
38
+ onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
39
+ $BUTTON_VERTICAL_PADDING_DS_INTERNAL_PRIMITIVE_OPTIONS: large, medium, small;
40
+ $COLOR_BACKGROUND_OPTIONS: primary, secondary, tertiary, overlay, disabled, brand, brandB2b,
41
+ accentLight, accentDark, positiveLight, positiveDark, infoLight, infoDark, warningLight,
42
+ warningDark, criticalLight, criticalDark, statusOnline, statusOffline, primaryInverted,
43
+ secondaryInverted, tertiaryInverted;
44
+ $COLOR_BACKGROUND_ACTION_ACTIVE_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary,
45
+ quaternary, ghost, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature,
46
+ ai;
47
+ $COLOR_BACKGROUND_ACTION_HOVER_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary,
48
+ quaternary, ghost, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature,
49
+ ai;
50
+ $COLOR_BACKGROUND_ACTION_REST_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary,
51
+ quaternary, ghost, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature,
52
+ ai;
53
+ $COLOR_BLUE_DS_INTERNAL_PRIMITIVE_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
54
+ $COLOR_BORDER_OPTIONS: primary, secondary, secondary-opacity, focus, critical, tertiary, brand,
55
+ disabled, positive;
56
+ $COLOR_BORDER_ACTION_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary, quaternary, ghost,
57
+ critical, disabled, inverted, classroom, primaryB2b, primaryTutor, newFeature, ai;
58
+ $COLOR_GREY_DS_INTERNAL_PRIMITIVE_OPTIONS: 0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900,
59
+ 900-72, 900-56, 900-15, 900-12, 900-6;
60
+ $COLOR_GREY_OPACITY_DS_INTERNAL_PRIMITIVE_OPTIONS: 900-56;
61
+ $COLOR_ICON_OPTIONS: primary, secondary, tertiary, positive, info, warning, critical, accentDark,
62
+ inverted, disabled;
63
+ $COLOR_NAME_OPTIONS: white, gray-100, gray-200, gray-300, gray-400, gray-500, gray-600, teal-100,
64
+ teal-200, teal-300, teal-400, teal-500, green-100, green-200, green-300, green-400, green-500,
65
+ yellow-100, yellow-200, yellow-300, yellow-400, yellow-500, red-100, red-200, red-300, red-400,
66
+ red-500, blue-100, blue-200, blue-300, blue-400, blue-500, magenta-100, magenta-200, magenta-300,
67
+ magenta-400, magenta-500;
68
+ $COLOR_PINK_DS_INTERNAL_PRIMITIVE_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
69
+ $COLOR_RED_DS_INTERNAL_PRIMITIVE_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
70
+ $COLOR_SCHEME_OPTIONS: base, banner, invert;
71
+ $COLOR_TEAL_DS_INTERNAL_PRIMITIVE_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
72
+ $COLOR_TEXT_OPTIONS: primary, secondary, tertiary, accentDark, placeholder, inverted, positive, info,
73
+ warning, critical, branded, error, selected, disabled, accent;
74
+ $COLOR_TEXT_ACTION_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary, quaternary, ghost,
75
+ critical, disabled, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
76
+ $COLOR_YELLOW_DS_INTERNAL_PRIMITIVE_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
77
+ $DROP_SHADOW_OPTIONS: 1, 2, 3;
78
+ $DROP_SHADOW_ELEVATION_OPTIONS: 1, 2, 3;
79
+ $DROP_SHADOW_SHADOW_BLUR_RADIUS_OPTIONS: 1, 2, 3;
80
+ $DROP_SHADOW_SHADOW_COLOR_OPTIONS: 1, 2, 3;
81
+ $DROP_SHADOW_SHADOW_OFFSET_X_OPTIONS: 1, 2, 3;
82
+ $DROP_SHADOW_SHADOW_OFFSET_Y_OPTIONS: 1, 2, 3;
83
+ $DROP_SHADOW_SHADOW_OPACITY_OPTIONS: 1, 2, 3;
84
+ $HEADING_LEVEL_OPTIONS: h1, h2, h3, h4, h5;
85
+ $HEADING_TAG_OPTIONS: h1, h2, h3, h4, h5, p, div;
86
+ $HEADING_VARIANT_OPTIONS: massive, huge, extraLarge, large, medium, small;
87
+ $ICON_SIZE_OPTIONS: 2xs, xs, s, m, l;
88
+ $LAYOUT_ALIGN_ITEMS_OPTIONS: center, start, end, stretch, baseline;
89
+ $LAYOUT_ALIGN_SELF_OPTIONS: stretch, center, start, end;
90
+ $LAYOUT_FLEX_DIRECTION_OPTIONS: row, row-reverse, column, column-reverse;
91
+ $LAYOUT_GAP_OPTIONS: none, 3xs, 2xs, xs, s, m, l, xl;
92
+ $LAYOUT_JUSTIFY_CONTENT_OPTIONS: center, start, end, space-between, space-around, space-evenly;
93
+ $LAYOUT_JUSTIFY_ITEMS_OPTIONS: stretch, center, start, end;
94
+ $LAYOUT_PADDING_OPTIONS: none, 3xs, 2xs, xs, s, m, l, xl;
95
+ $LAYOUT_TAG_OPTIONS: div, main, header, footer, article, section, ul, ol, li, p, span, fieldset,
96
+ table, th, tr, td, thead, tfoot, tbody, caption, figure, figcaption;
97
+ $LINK_FONT_FAMILY_OPTIONS: large, default, small;
98
+ $LINK_FONT_SIZE_OPTIONS: large, default, small;
99
+ $LINK_FONT_WEIGHT_OPTIONS: large, default, small;
100
+ $LINK_LINE_HEIGHT_OPTIONS: large, default, small;
101
+ $LINK_TEXT_DECORATION_OPTIONS: large, default, small;
102
+ $LINK_VARIANT_OPTIONS: accentDark, accentDarkInverted, neutral, neutralInverted, unsetColors;
103
+ $PANEL_PADDING_OPTIONS: small, base, medium, large;
104
+ $PREPLY_LOGO_VARIANT_OPTIONS: default, monochrome, ua;
105
+ $RADIUS_OPTIONS: 0, 2, 4, 16, 8, 300;
106
+ $SIZING_OPTIONS: 0, 1, 2, 4, 8, 12, 16, 20, 24, 32, 40, 48, 64, 96, 160;
107
+ $SPACING_OPTIONS: 0, 1, 2, 4, 8, 12, 16, 20, 24, 32, 48, 64, 96, 160;
108
+ $SPINNER_ICON_COLOR_OPTIONS: normal, inverted;
109
+ $SPINNER_SIZE_OPTIONS: default, large;
110
+ $TEXT_ACCENT_OPTIONS: primary, secondary, tertiary, accentDark, placeholder, inverted, positive,
111
+ info, warning, critical, disabled, branded, selected, error, accent;
112
+ $TEXT_HEADING_FONT_FAMILY_OPTIONS: massive, huge, extraLarge, large, medium, small;
113
+ $TEXT_HEADING_FONT_SIZE_OPTIONS: massive, huge, extraLarge, large, medium, small;
114
+ $TEXT_HEADING_FONT_WEIGHT_OPTIONS: massive, huge, extraLarge, large, medium, small;
115
+ $TEXT_HEADING_LINE_HEIGHT_OPTIONS: massive, huge, extraLarge, large, medium, small;
116
+ $TEXT_HIGHLIGHT_OPTIONS: blue, green, primary, secondary, tertiary, accent, positive, info, warning,
117
+ critical;
118
+ $TEXT_INLINE_TAG_OPTIONS: span, strong, em;
119
+ $TEXT_REGULAR_BODY_FONT_FAMILY_OPTIONS: large, default, small, caption;
120
+ $TEXT_REGULAR_BODY_FONT_SIZE_OPTIONS: large, default, small, caption;
121
+ $TEXT_REGULAR_BODY_FONT_WEIGHT_OPTIONS: large, default, small, caption;
122
+ $TEXT_REGULAR_BODY_LINE_HEIGHT_OPTIONS: large, default, small, caption;
123
+ $TEXT_SEMI_BOLD_BODY_FONT_FAMILY_OPTIONS: large, default, small, caption;
124
+ $TEXT_SEMI_BOLD_BODY_FONT_SIZE_OPTIONS: large, default, small, caption;
125
+ $TEXT_SEMI_BOLD_BODY_FONT_WEIGHT_OPTIONS: large, default, small, caption;
126
+ $TEXT_SEMI_BOLD_BODY_LINE_HEIGHT_OPTIONS: large, default, small, caption;
127
+ $TEXT_SIZE_OPTIONS: 2xs, xs, s, m, l, xl;
128
+ $TEXT_TAG_OPTIONS: p, div, span;
129
+ $TEXT_VARIANT_OPTIONS: caption-regular, caption-semibold, small-regular, small-regular-italic,
130
+ small-semibold, small-semibold-italic, default-regular, default-regular-italic, default-semibold,
131
+ default-semibold-italic, large-regular, large-regular-italic, large-semibold,
132
+ large-semibold-italic, xs, xs-medium, s, s-italic, s-medium, s-medium-italic, s-bold,
133
+ s-bold-italic, m, m-italic, m-medium, m-medium-italic, m-bold, m-bold-italic, l, l-italic,
134
+ l-medium, l-medium-italic, xl, xl-italic, xl-medium, xl-medium-italic;
135
+ $TEXT_WEIGHT_OPTIONS: 400, 500, 700, normal, medium, bold;
136
+ $THEME_OPTIONS: tokyo-ui, bold-ui, base-ui, preply-ui;
137
+ $TOKYO_UI_ICON_SIZE_OPTIONS: 16, 24, 32, 48;
@@ -1,4 +1,4 @@
1
- /* AUTO GENERATED @Thu Jul 18 2024 09:39:40 GMT+0000 (Coordinated Universal Time) */
1
+ /* AUTO GENERATED @Thu Jul 25 2024 09:00:41 GMT+0000 (Coordinated Universal Time) */
2
2
 
3
3
  @scheme-color: var(--aface6);
4
4
  @scheme-bgColor: var(--786b9e);
@@ -1097,6 +1097,7 @@
1097
1097
  @sizing-8: var(--c484d1);
1098
1098
  @sizing-12: var(--10649b);
1099
1099
  @sizing-16: var(--9866ee);
1100
+ @sizing-20: var(--76ac8f);
1100
1101
  @sizing-24: var(--f316e1);
1101
1102
  @sizing-32: var(--7789ee);
1102
1103
  @sizing-40: var(--ece0fe);