@ironsource/shared-ui 1.4.3 → 2.0.0-rc.1

package/components/typography/v4/Typography.vue.js

@@ -0,0 +1,68 @@
+import { defineComponent, computed, openBlock, createBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, renderSlot } from 'vue';
+/* empty css                                                            */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
+
+import "../../../Typography.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Typography",
+  props: {
+    isTruncated: { type: Boolean },
+    variant: { default: "body1" }
+  },
+  setup(__props) {
+    const props = __props;
+    const variantToClassMap = {
+      title: "font-title",
+      h1: "font-heading-1",
+      h2: "font-heading-2",
+      h3: "font-heading-3",
+      h4: "font-heading-4",
+      h5: "font-heading-5",
+      h6: "font-heading-6",
+      body1: "font-body-1",
+      body2: "font-body-2",
+      subtitle1: "font-subtitle-1",
+      subtitle2: "font-subtitle-2",
+      button: "font-button",
+      caption: "font-caption",
+      tableLabel: "font-table-label",
+      inputLabel: "font-input-label",
+      tabLabel1: "font-tab-label1",
+      tabLabel2: "font-tab-label2",
+      chipLabel: "font-chip-label",
+      chart1: "font-chart-1",
+      chart2: "font-chart-2",
+      overline: "font-overline"
+    };
+    const tag = computed(() => {
+      switch (props.variant) {
+        case "title":
+          return "h1";
+        case "h1":
+        case "h2":
+        case "h3":
+        case "h4":
+        case "h5":
+        case "h6":
+          return props.variant;
+        default:
+          return "span";
+      }
+    });
+    const fontClass = computed(() => {
+      return variantToClassMap[props.variant];
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(unref(tag)), {
+        class: normalizeClass({ [unref(fontClass)]: true, truncate: __props.isTruncated })
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default", {}, void 0, true)
+        ]),
+        _: 3
+      }, 8, ["class"]);
+    };
+  }
+});
+var Typography = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fac69a9c"]]);
+
+export { Typography as default };

package/components/typography/v4/index.d.ts

@@ -0,0 +1,23 @@
+declare const TypographyTypesV4: () => import("vue").DefineComponent<{
+    isTruncated: {
+        type: import("vue").PropType<boolean>;
+    };
+    variant: {
+        type: import("vue").PropType<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "overline" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableLabel" | "inputLabel" | "tabLabel1" | "tabLabel2" | "chipLabel" | "chart1" | "chart2">;
+    } & {
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    isTruncated: {
+        type: import("vue").PropType<boolean>;
+    };
+    variant: {
+        type: import("vue").PropType<"button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "overline" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableLabel" | "inputLabel" | "tabLabel1" | "tabLabel2" | "chipLabel" | "chart1" | "chart2">;
+    } & {
+        default: string;
+    };
+}>>, {
+    variant: "button" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "title" | "overline" | "body1" | "body2" | "subtitle1" | "subtitle2" | "tableLabel" | "inputLabel" | "tabLabel1" | "tabLabel2" | "chipLabel" | "chart1" | "chart2";
+}>[];
+export { default as Typography } from './Typography.vue';
+export { TypographyTypesV4 };

package/components/typography/v4/index.vue.js

@@ -0,0 +1,6 @@
+import Typography from './Typography.vue.js';
+export { default as Typography } from './Typography.vue.js';
+
+const TypographyTypesV4 = () => [Typography];
+
+export { TypographyTypesV4 };

package/design-foundation.stories/border-radius/BorderRadiusData.d.ts

@@ -0,0 +1,5 @@
+export declare const borderRadiusData: {
+    name: string;
+    borderRadius: string;
+    cssVarName: string;
+}[];

package/design-foundation.stories/border-radius/BorderRadiusWrapper.vue.d.ts

@@ -0,0 +1,4 @@
+import '../../style/v4/colors.css';
+import '../../style/v4/border-radius.css';
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/design-foundation.stories/border-radius/index.d.ts

@@ -0,0 +1 @@
+export { default as BorderRadiusWrapper } from './BorderRadiusWrapper.vue';

package/design-foundation.stories/colors/ColorsData.d.ts

@@ -0,0 +1,114 @@
+export declare const colorPaletteLight: {
+    background: {
+        default: string;
+        neutral: string;
+        paper: string;
+        modalElevation: string;
+        paperElevation0: string;
+        paperElevation1: string;
+        paperElevation2: string;
+        paperElevation3: string;
+        paperElevation4: string;
+        paperElevation5: string;
+        paperElevation6: string;
+        paperElevation7: string;
+        paperElevation8: string;
+        paperElevation9: string;
+    };
+    action: {
+        primary: string;
+        active: string;
+        hover: string;
+        selected: string;
+        disabled: string;
+        disabledBackground: string;
+        focus: string;
+        outlinedBorder: string;
+    };
+    default: {
+        light: string;
+        main: string;
+        dark: string;
+        outlinedBorder: string;
+        contrastText: string;
+    };
+    common: {
+        white: string;
+        black: string;
+        inverseWhite: string;
+        inverseBlack: string;
+    };
+    text: {
+        primary: string;
+        secondary: string;
+        disabled: string;
+    };
+    divider: {
+        divider: string;
+    };
+    primary: {
+        lighter: string;
+        light: string;
+        main: string;
+        main8p: string;
+        main50p: string;
+        dark: string;
+        darker: string;
+        hover: string;
+        selected: string;
+        outlinedBorder: string;
+        contrastText: string;
+    };
+    info: {
+        lighter: string;
+        light: string;
+        main: string;
+        main8p: string;
+        main50p: string;
+        dark: string;
+        darker: string;
+        hover: string;
+        outlinedBorder: string;
+        contrastText: string;
+    };
+    success: {
+        lighter: string;
+        light: string;
+        main: string;
+        main8p: string;
+        main50p: string;
+        dark: string;
+        darker: string;
+        hover: string;
+        outlinedBorder: string;
+        contrastText: string;
+    };
+    warning: {
+        lighter: string;
+        light: string;
+        main: string;
+        main8p: string;
+        main50p: string;
+        dark: string;
+        darker: string;
+        hover: string;
+        outlinedBorder: string;
+        contrastText: string;
+    };
+    error: {
+        lighter: string;
+        light: string;
+        main: string;
+        main8p: string;
+        main50p: string;
+        dark: string;
+        darker: string;
+        hover: string;
+        outlinedBorder: string;
+        contrastText: string;
+    };
+    'A/B test': {
+        'A Control': string;
+        'B test': string;
+    };
+};

package/design-foundation.stories/colors/ColorsStoryWrapper.vue.d.ts

@@ -0,0 +1,3 @@
+import '../../style/v4/colors.css';
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/design-foundation.stories/colors/index.d.ts

@@ -0,0 +1 @@
+export { default as ColorsStoryWrapper } from './ColorsStoryWrapper.vue';

package/design-foundation.stories/elevations/ElevationStoryWrapper.vue.d.ts

@@ -0,0 +1,4 @@
+import '../../style/v4/colors.css';
+import '../../style/v4/elevations.css';
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/design-foundation.stories/elevations/ElevationsData.d.ts

@@ -0,0 +1,10 @@
+export declare const elevationsData: {
+    'x-Small': string;
+    Small: string;
+    Medium: string;
+    Large: string;
+    'x-Large': string;
+    'xx-Large': string;
+    'xxx-Large': string;
+    's-Large': string;
+};

package/design-foundation.stories/elevations/index.d.ts

@@ -0,0 +1 @@
+export { default as ElevationStoryWrapper } from './ElevationStoryWrapper.vue';

package/design-foundation.stories/typography/TypographyData.d.ts

@@ -0,0 +1,7 @@
+export declare const typographyData: {
+    variant: string;
+    weight: string;
+    size: string;
+    lineHeight: string;
+    letterSpacing: string;
+}[];

package/design-foundation.stories/typography/TypographyStoryWrapper.vue.d.ts

@@ -0,0 +1,3 @@
+import '../../style/v4/colors.css';
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/design-foundation.stories/typography/index.d.ts

@@ -0,0 +1 @@
+export { default as TypographyStoryWrapper } from './TypographyStoryWrapper.vue';