@preply/ds-web-core 0.93.0 → 0.95.0

package/dist/generated/breakpoints.scss

@@ -0,0 +1,45 @@
+/* AUTO GENERATED @Mon Jul 22 2024 14:42:42 GMT+0000 (Coordinated Universal Time) */
+
+$breakpoints: (
+    narrow-l: 400px,
+    medium-s: 700px,
+    medium-l: 880px,
+    wide-s: 1200px,
+    wide-l: 1900px,
+);
+
+$narrow-l: '(min-width: 400px)';
+$medium-s: '(min-width: 700px)';
+$medium-l: '(min-width: 880px)';
+$wide-s: '(min-width: 1200px)';
+$wide-l: '(min-width: 1900px)';
+
+@mixin narrow-l {
+    @media (min-width: 400px) {
+        @content;
+    }
+}
+
+@mixin medium-s {
+    @media (min-width: 700px) {
+        @content;
+    }
+}
+
+@mixin medium-l {
+    @media (min-width: 880px) {
+        @content;
+    }
+}
+
+@mixin wide-s {
+    @media (min-width: 1200px) {
+        @content;
+    }
+}
+
+@mixin wide-l {
+    @media (min-width: 1900px) {
+        @content;
+    }
+}

package/dist/generated/hover.less

@@ -1,4 +1,4 @@
-/* AUTO GENERATED @Tue Jul 16 2024 14:36:35 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Mon Jul 22 2024 14:42:42 GMT+0000 (Coordinated Universal Time) */
 
 .onHover(@styles) {
     @media (hover: hover) and (pointer: fine) {

package/dist/generated/hover.scss

@@ -0,0 +1,9 @@
+/* AUTO GENERATED @Mon Jul 22 2024 14:42:42 GMT+0000 (Coordinated Universal Time) */
+
+@mixin onHover {
+    @media (hover: hover) and (pointer: fine) {
+        &:hover {
+            @content;
+        }
+    }
+}

package/dist/generated/options.less

@@ -1,4 +1,4 @@
-/* AUTO GENERATED @Tue Jul 16 2024 14:36:32 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Mon Jul 22 2024 14:42:39 GMT+0000 (Coordinated Universal Time) */
 
 @ACTION_LINK_VARIANT_ACTIVE_COLOR_OPTIONS: accentDark, accentDarkInverted, neutral, neutralInverted,
     unsetColors;

package/dist/generated/options.scss

@@ -0,0 +1,137 @@
+/* AUTO GENERATED @Mon Jul 22 2024 14:42:39 GMT+0000 (Coordinated Universal Time) */
+
+$ACTION_LINK_VARIANT_ACTIVE_COLOR_OPTIONS: accentDark, accentDarkInverted, neutral, neutralInverted,
+    unsetColors;
+$ACTION_LINK_VARIANT_COLOR_OPTIONS: accentDark, accentDarkInverted, neutral, neutralInverted,
+    unsetColors;
+$ACTION_LINK_VARIANT_HOVER_COLOR_OPTIONS: accentDark, accentDarkInverted, neutral, neutralInverted,
+    unsetColors;
+$ACTION_VARIANT_ACTIVE_BORDER_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
+    dangerous, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
+$ACTION_VARIANT_DISABLED_BG_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
+    dangerous, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
+$ACTION_VARIANT_DISABLED_BORDER_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, ghost,
+    plain, dangerous, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature,
+    ai;
+$ACTION_VARIANT_DISABLED_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
+    dangerous, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
+$ACTION_VARIANT_HOVER_BORDER_COLOR_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
+    dangerous, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
+$ACTION_VARIANT_TEXT_DECORATION_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain,
+    dangerous, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
+$AVATAR_SIZE_OPTIONS: 2xs, xs, s, m, l, xl, 24, 32, 48, 64, 96, 160;
+$AVATAR_WITH_STATUS_SIZE_OPTIONS: 2xs, xs, m, xl, 64, 96, 160;
+$BADGE_ACCENT_OPTIONS: accent, positive, critical, warning, info, tertiary;
+$BADGE_COLOR_OPTIONS: gray, teal, green, blue, yellow, red, magenta;
+$BADGE_SIZE_OPTIONS: xs, s, m;
+$BOX_PADDING_OPTIONS: none, 3xs, 2xs, xs, s, m, l, xl;
+$BOX_RADIUS_OPTIONS: none, m, l, 2, 4, 8, 0, 2, 4, 8, 12, 16, 24, 32, 48, 64, 96, 160;
+$BUTTON_FONT_FAMILY_OPTIONS: large, default, medium, small;
+$BUTTON_FONT_SIZE_OPTIONS: large, medium, default, small;
+$BUTTON_FONT_WEIGHT_OPTIONS: large, medium, default, small;
+$BUTTON_HEIGHT_DS_INTERNAL_PRIMITIVE_OPTIONS: large, medium, small;
+$BUTTON_HORIZONTAL_PADDING_DS_INTERNAL_PRIMITIVE_OPTIONS: large, medium, small;
+$BUTTON_LETTER_SPACING_OPTIONS: large, medium, default, small;
+$BUTTON_LINE_HEIGHT_OPTIONS: large, medium, default, small;
+$BUTTON_SIZE_OPTIONS: xs, s, m, l, xl, large, medium, small;
+$BUTTON_VARIANT_OPTIONS: primary, secondary, tertiary, quaternary, ghost, plain, dangerous, critical,
+    onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
+$BUTTON_VERTICAL_PADDING_DS_INTERNAL_PRIMITIVE_OPTIONS: large, medium, small;
+$COLOR_BACKGROUND_OPTIONS: primary, secondary, tertiary, overlay, disabled, brand, brandB2b,
+    accentLight, accentDark, positiveLight, positiveDark, infoLight, infoDark, warningLight,
+    warningDark, criticalLight, criticalDark, statusOnline, statusOffline, primaryInverted,
+    secondaryInverted, tertiaryInverted;
+$COLOR_BACKGROUND_ACTION_ACTIVE_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary,
+    quaternary, ghost, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature,
+    ai;
+$COLOR_BACKGROUND_ACTION_HOVER_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary,
+    quaternary, ghost, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature,
+    ai;
+$COLOR_BACKGROUND_ACTION_REST_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary,
+    quaternary, ghost, critical, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature,
+    ai;
+$COLOR_BLUE_DS_INTERNAL_PRIMITIVE_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
+$COLOR_BORDER_OPTIONS: primary, secondary, secondary-opacity, focus, critical, tertiary, brand,
+    disabled, positive;
+$COLOR_BORDER_ACTION_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary, quaternary, ghost,
+    critical, disabled, inverted, classroom, primaryB2b, primaryTutor, newFeature, ai;
+$COLOR_GREY_DS_INTERNAL_PRIMITIVE_OPTIONS: 0, 50, 100, 200, 300, 400, 500, 600, 700, 800, 900,
+    900-72, 900-56, 900-15, 900-12, 900-6;
+$COLOR_GREY_OPACITY_DS_INTERNAL_PRIMITIVE_OPTIONS: 900-56;
+$COLOR_ICON_OPTIONS: primary, secondary, tertiary, positive, info, warning, critical, accentDark,
+    inverted, disabled;
+$COLOR_NAME_OPTIONS: white, gray-100, gray-200, gray-300, gray-400, gray-500, gray-600, teal-100,
+    teal-200, teal-300, teal-400, teal-500, green-100, green-200, green-300, green-400, green-500,
+    yellow-100, yellow-200, yellow-300, yellow-400, yellow-500, red-100, red-200, red-300, red-400,
+    red-500, blue-100, blue-200, blue-300, blue-400, blue-500, magenta-100, magenta-200, magenta-300,
+    magenta-400, magenta-500;
+$COLOR_PINK_DS_INTERNAL_PRIMITIVE_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
+$COLOR_RED_DS_INTERNAL_PRIMITIVE_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
+$COLOR_SCHEME_OPTIONS: base, banner, invert;
+$COLOR_TEAL_DS_INTERNAL_PRIMITIVE_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
+$COLOR_TEXT_OPTIONS: primary, secondary, tertiary, accentDark, placeholder, inverted, positive, info,
+    warning, critical, branded, error, selected, disabled, accent;
+$COLOR_TEXT_ACTION_DS_INTERNAL_PRIMITIVE_OPTIONS: primary, secondary, tertiary, quaternary, ghost,
+    critical, disabled, onColor, classroom, primaryB2b, primaryTutor, inverted, newFeature, ai;
+$COLOR_YELLOW_DS_INTERNAL_PRIMITIVE_OPTIONS: 50, 100, 200, 300, 400, 500, 600, 700, 800;
+$DROP_SHADOW_OPTIONS: 1, 2, 3;
+$DROP_SHADOW_ELEVATION_OPTIONS: 1, 2, 3;
+$DROP_SHADOW_SHADOW_BLUR_RADIUS_OPTIONS: 1, 2, 3;
+$DROP_SHADOW_SHADOW_COLOR_OPTIONS: 1, 2, 3;
+$DROP_SHADOW_SHADOW_OFFSET_X_OPTIONS: 1, 2, 3;
+$DROP_SHADOW_SHADOW_OFFSET_Y_OPTIONS: 1, 2, 3;
+$DROP_SHADOW_SHADOW_OPACITY_OPTIONS: 1, 2, 3;
+$HEADING_LEVEL_OPTIONS: h1, h2, h3, h4, h5;
+$HEADING_TAG_OPTIONS: h1, h2, h3, h4, h5, p, div;
+$HEADING_VARIANT_OPTIONS: massive, huge, extraLarge, large, medium, small;
+$ICON_SIZE_OPTIONS: 2xs, xs, s, m, l;
+$LAYOUT_ALIGN_ITEMS_OPTIONS: center, start, end, stretch, baseline;
+$LAYOUT_ALIGN_SELF_OPTIONS: stretch, center, start, end;
+$LAYOUT_FLEX_DIRECTION_OPTIONS: row, row-reverse, column, column-reverse;
+$LAYOUT_GAP_OPTIONS: none, 3xs, 2xs, xs, s, m, l, xl;
+$LAYOUT_JUSTIFY_CONTENT_OPTIONS: center, start, end, space-between, space-around, space-evenly;
+$LAYOUT_JUSTIFY_ITEMS_OPTIONS: stretch, center, start, end;
+$LAYOUT_PADDING_OPTIONS: none, 3xs, 2xs, xs, s, m, l, xl;
+$LAYOUT_TAG_OPTIONS: div, main, header, footer, article, section, ul, ol, li, p, span, fieldset,
+    table, th, tr, td, thead, tfoot, tbody, caption, figure, figcaption;
+$LINK_FONT_FAMILY_OPTIONS: large, default, small;
+$LINK_FONT_SIZE_OPTIONS: large, default, small;
+$LINK_FONT_WEIGHT_OPTIONS: large, default, small;
+$LINK_LINE_HEIGHT_OPTIONS: large, default, small;
+$LINK_TEXT_DECORATION_OPTIONS: large, default, small;
+$LINK_VARIANT_OPTIONS: accentDark, accentDarkInverted, neutral, neutralInverted, unsetColors;
+$PANEL_PADDING_OPTIONS: small, base, medium, large;
+$PREPLY_LOGO_VARIANT_OPTIONS: default, monochrome, ua;
+$RADIUS_OPTIONS: 0, 2, 4, 16, 8, 300;
+$SIZING_OPTIONS: 0, 1, 2, 4, 8, 12, 16, 24, 32, 40, 48, 64, 96, 160;
+$SPACING_OPTIONS: 0, 1, 2, 4, 8, 12, 16, 20, 24, 32, 48, 64, 96, 160;
+$SPINNER_ICON_COLOR_OPTIONS: normal, inverted;
+$SPINNER_SIZE_OPTIONS: default, large;
+$TEXT_ACCENT_OPTIONS: primary, secondary, tertiary, accentDark, placeholder, inverted, positive,
+    info, warning, critical, disabled, branded, selected, error, accent;
+$TEXT_HEADING_FONT_FAMILY_OPTIONS: massive, huge, extraLarge, large, medium, small;
+$TEXT_HEADING_FONT_SIZE_OPTIONS: massive, huge, extraLarge, large, medium, small;
+$TEXT_HEADING_FONT_WEIGHT_OPTIONS: massive, huge, extraLarge, large, medium, small;
+$TEXT_HEADING_LINE_HEIGHT_OPTIONS: massive, huge, extraLarge, large, medium, small;
+$TEXT_HIGHLIGHT_OPTIONS: blue, green, primary, secondary, tertiary, accent, positive, info, warning,
+    critical;
+$TEXT_INLINE_TAG_OPTIONS: span, strong, em;
+$TEXT_REGULAR_BODY_FONT_FAMILY_OPTIONS: large, default, small, caption;
+$TEXT_REGULAR_BODY_FONT_SIZE_OPTIONS: large, default, small, caption;
+$TEXT_REGULAR_BODY_FONT_WEIGHT_OPTIONS: large, default, small, caption;
+$TEXT_REGULAR_BODY_LINE_HEIGHT_OPTIONS: large, default, small, caption;
+$TEXT_SEMI_BOLD_BODY_FONT_FAMILY_OPTIONS: large, default, small, caption;
+$TEXT_SEMI_BOLD_BODY_FONT_SIZE_OPTIONS: large, default, small, caption;
+$TEXT_SEMI_BOLD_BODY_FONT_WEIGHT_OPTIONS: large, default, small, caption;
+$TEXT_SEMI_BOLD_BODY_LINE_HEIGHT_OPTIONS: large, default, small, caption;
+$TEXT_SIZE_OPTIONS: 2xs, xs, s, m, l, xl;
+$TEXT_TAG_OPTIONS: p, div, span;
+$TEXT_VARIANT_OPTIONS: caption-regular, caption-semibold, small-regular, small-regular-italic,
+    small-semibold, small-semibold-italic, default-regular, default-regular-italic, default-semibold,
+    default-semibold-italic, large-regular, large-regular-italic, large-semibold,
+    large-semibold-italic, xs, xs-medium, s, s-italic, s-medium, s-medium-italic, s-bold,
+    s-bold-italic, m, m-italic, m-medium, m-medium-italic, m-bold, m-bold-italic, l, l-italic,
+    l-medium, l-medium-italic, xl, xl-italic, xl-medium, xl-medium-italic;
+$TEXT_WEIGHT_OPTIONS: 400, 500, 700, normal, medium, bold;
+$THEME_OPTIONS: tokyo-ui, bold-ui, base-ui, preply-ui;
+$TOKYO_UI_ICON_SIZE_OPTIONS: 16, 24, 32, 48;

package/dist/generated/tokens.less

@@ -1,4 +1,4 @@
-/* AUTO GENERATED @Tue Jul 16 2024 14:36:33 GMT+0000 (Coordinated Universal Time) */
+/* AUTO GENERATED @Mon Jul 22 2024 14:42:40 GMT+0000 (Coordinated Universal Time) */
 
 @scheme-color: var(--aface6);
 @scheme-bgColor: var(--786b9e);