@scaleflex/ui-tw 0.0.2 → 0.0.5

package/utils/types/palette/color.js

@@ -1,133 +0,0 @@
-export var Color = {
-  TextPrimary: 'txt-primary',
-  TextSecondary: 'txt-secondary',
-  TextSecondaryInvert: 'txt-secondary-invert',
-  TextPlaceholder: 'txt-placeholder',
-  TextWarning: 'txt-warning',
-  TextError: 'txt-error',
-  TextInfo: 'txt-info',
-  AccentPrimary: 'accent-primary',
-  AccentPrimaryHover: 'accent-primary-hover',
-  AccentPrimaryActive: 'accent-primary-active',
-  AccentPrimaryDisabled: 'accent-primary-disabled',
-  AccentSecondaryDisabled: 'accent-secondary-disabled',
-  AccentStateless: 'accent-stateless',
-  AccentStateless_0_4_Opacity: 'accent-stateless_0_4_opacity',
-  Accent_0_5_5_Opacity: 'accent_0_5_5_opacity',
-  Accent_0_5_Opacity: 'accent_0_5_opacity',
-  Accent_0_7_Opacity: 'accent_0_7_opacity',
-  Accent_1_2_Opacity: 'accent_1_2_opacity',
-  Accent_1_8_Opacity: 'accent_1_8_opacity',
-  Accent_2_8_Opacity: 'accent_2_8_opacity',
-  Accent_4_0_Opacity: 'accent_4_0_opacity',
-  BackgroundGrey: 'bg-grey',
-  BackgroundStateless: 'bg-stateless',
-  BackgroundActive: 'bg-active',
-  BackgroundBaseLight: 'bg-base-light',
-  BackgroundBaseMedium: 'bg-base-medium',
-  BackgroundPrimary: 'bg-primary',
-  BackgroundPrimaryLight: 'bg-primary-light',
-  BackgroundPrimaryHover: 'bg-primary-hover',
-  BackgroundPrimaryActive: 'bg-primary-active',
-  BackgroundPrimaryStateless: 'bg-primary-stateless',
-  BackgroundPrimary_0_5_Opacity: 'bg-primary-0-5-opacity',
-  BackgroundSecondary: 'bg-secondary',
-  BackgroundHover: 'bg-hover',
-  BackgroundGreen: 'bg-green',
-  BackgroundGreenMedium: 'bg-green-medium',
-  BackgroundBlue: 'bg-blue',
-  BackgroundRed: 'bg-red',
-  BackgroundRedLight: 'bg-red-light',
-  BackgroundRedMedium: 'background-red-medium',
-  BackgroundOrange: 'bg-orange',
-  BackgroundTooltip: 'bg-tooltip',
-  IconsPrimary: 'icon-primary',
-  IconsPrimaryOpacity_0_6: 'icons-primary-opacity-0-6',
-  IconsSecondary: 'icons-secondary',
-  IconsPlaceholder: 'icons-placeholder',
-  IconsInvert: 'icons-invert',
-  IconsMuted: 'icons-muted',
-  IconsPrimaryHover: 'icons-primary-hover',
-  IconsSecondaryHover: 'icons-secondary-hover',
-  ButtonPrimaryText: 'btn-primary-text',
-  ButtonPrimaryText_0_6: 'btn-primary-text-0-6',
-  ButtonPrimaryText_0_4: 'btn-primary-text-0-4',
-  ButtonDisabledText: 'btn-disabled-text',
-  ButtonSecondaryText: 'btn-secondary-text',
-  LinkPrimary: 'link-primary',
-  LinkStateless: 'link-stateless',
-  LinkHover: 'link-hover',
-  LinkActive: 'link-active',
-  LinkMuted: 'link-muted',
-  LinkPressed: 'link-pressed',
-  BordersPrimary: 'borders-primary',
-  BordersPrimaryHover: 'borders-primary-hover',
-  BordersSecondary: 'borders-secondary',
-  BordersStrong: 'borders-strong',
-  BordersInvert: 'borders-invert',
-  BorderHoverBottom: 'border-hover-bottom',
-  BorderActiveBottom: 'border-active-bottom',
-  BorderPrimaryStateless: 'border-primary-stateless',
-  BordersDisabled: 'borders-disabled',
-  BordersButton: 'borders-button',
-  BordersItem: 'borders-item',
-  BordersBaseLight: 'borders-base-light',
-  BordersBaseMedium: 'borders-base-medium',
-  BordersGreen: 'borders-green',
-  BordersGreenMedium: 'borders-green-medium',
-  BordersRed: 'borders-red',
-  ActiveSecondary: 'active-secondary',
-  ActiveSecondaryHover: 'active-secondary-hover',
-  Tag: 'tag',
-  StatesErrorDisabledText: 'states-error-disabled-text',
-  Error: 'error',
-  Error_0_28_Opacity: 'error-0-28-opacity',
-  Error_0_12_Opacity: 'error-0-12-opacity',
-  ErrorHover: 'error-hover',
-  ErrorActive: 'error-active',
-  Success: 'success',
-  SuccessHover: 'success-hover',
-  SuccessActive: 'success-Active',
-  Warning: 'warning',
-  WarningHover: 'warning-hover',
-  WarningActive: 'warning-active',
-  Info: 'info',
-  Modified: 'modified',
-  Red: 'red',
-  Orange: 'orange',
-  Salad: 'salad',
-  Green: 'green',
-  Blue: 'blue',
-  Indigo: 'indigo',
-  Violet: 'violet',
-  Pink: 'pink',
-  GradientRight: 'gradient-right',
-  Extra_0_3_Overlay: 'extra-0-3-overlay',
-  GradientRightActive: 'gradient-right-active',
-  GradientRightHover: 'gradient-right-hover',
-  Extra_0_5_Overlay: 'extra-0-5-overlay',
-  Extra_0_7_Overlay: 'extra-0-7-overlay',
-  Extra_0_9_Overlay: 'extra-0-9-overlay',
-  Red_0_1_Overlay: 'red-0-1-overlay',
-  Orange_0_1_Overlay: 'orange-0-1-overlay',
-  Accent_0_8_Overlay: 'accent-0-8-overlay',
-  Green_0_2_Overlay: 'green-0-2-Overlay',
-  WHITE_0_7_8_Overlay: 'white-0-7-8-overlay',
-  Link: 'link',
-  Camera: 'camera',
-  GoogleDrive: 'google-drive',
-  Dropbox: 'dropbox',
-  OneDrive: 'one-drive',
-  Device: 'device',
-  Instagram: 'instagram',
-  FreeImages: 'free-images',
-  FreeIcons: 'free-icons',
-  Canvas: 'canvas',
-  Box: 'box',
-  ScreenCast: 'screen-cast',
-  Unsplash: 'unsplash',
-  LightShadow: 'light-shadow',
-  MediumShadow: 'medium-shadow',
-  LargeShadow: 'large-shadow',
-  XLargeShadow: 'x-large-shadow'
-};

package/utils/types/palette/index.d.ts

@@ -1 +0,0 @@
-export * from './color';

package/utils/types/palette/index.js

@@ -1 +0,0 @@
-export * from './color';

package/utils/types/position/index.d.ts

@@ -1 +0,0 @@
-export * from './position';

package/utils/types/position/index.js

@@ -1 +0,0 @@
-export * from './position';

package/utils/types/position/position.d.ts

@@ -1,6 +0,0 @@
-export declare const Position: {
-    readonly Left: "left";
-    readonly Right: "right";
-    readonly Top: "top";
-    readonly Bottom: "bottom";
-};

package/utils/types/position/position.js

@@ -1,6 +0,0 @@
-export var Position = {
-  Left: 'left',
-  Right: 'right',
-  Top: 'top',
-  Bottom: 'bottom'
-};

package/utils/types/prop-types/index.d.ts

@@ -1 +0,0 @@
-export * from './record';

package/utils/types/prop-types/index.js

@@ -1 +0,0 @@
-export * from './record';

package/utils/types/prop-types/record.d.ts

@@ -1 +0,0 @@
-export declare const record: <T extends string, P>(keys: T[], valueType: P) => Record<T, P>;

package/utils/types/prop-types/record.js

@@ -1,6 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-export var record = function record(keys, valueType) {
-  return keys.reduce(function (toObject, key) {
-    return Object.assign(toObject, _defineProperty({}, key, valueType));
-  }, {});
-};

package/utils/types/shadows/index.d.ts

@@ -1 +0,0 @@
-export * from './shadows';

package/utils/types/shadows/index.js

@@ -1 +0,0 @@
-export * from './shadows';

package/utils/types/shadows/shadows.d.ts

@@ -1,14 +0,0 @@
-export declare const Shadows: {
-    readonly ShadowSm: "shadow-sm";
-    readonly ShadowMd: "shadow-md";
-    readonly ShadowLg: "shadow-lg";
-    readonly ShadowXl: "shadow-xl";
-    readonly Label: "label";
-    readonly Header: "header";
-    readonly HeaderPopup: "header-popup";
-    readonly FooterPopup: "footer-popup";
-    readonly LeftPanelMd: "left-panel-md";
-    readonly RightPanelMd: "right-panel-md";
-    readonly LeftPanelSm: "left-panel-sm";
-    readonly RightPanelSm: "right-panel-sm";
-};

package/utils/types/shadows/shadows.js

@@ -1,14 +0,0 @@
-export var Shadows = {
-  ShadowSm: 'shadow-sm',
-  ShadowMd: 'shadow-md',
-  ShadowLg: 'shadow-lg',
-  ShadowXl: 'shadow-xl',
-  Label: 'label',
-  Header: 'header',
-  HeaderPopup: 'header-popup',
-  FooterPopup: 'footer-popup',
-  LeftPanelMd: 'left-panel-md',
-  RightPanelMd: 'right-panel-md',
-  LeftPanelSm: 'left-panel-sm',
-  RightPanelSm: 'right-panel-sm'
-};

package/utils/types/shape/border-radius-size.d.ts

@@ -1,5 +0,0 @@
-export declare const BorderRadiusSize: {
-    readonly Sm: "sm";
-    readonly Md: "md";
-    readonly Lg: "lg";
-};

package/utils/types/shape/border-radius-size.js

@@ -1,5 +0,0 @@
-export var BorderRadiusSize = {
-  Sm: 'sm',
-  Md: 'md',
-  Lg: 'lg'
-};

package/utils/types/shape/index.d.ts

@@ -1 +0,0 @@
-export * from './border-radius-size';

package/utils/types/shape/index.js

@@ -1 +0,0 @@
-export * from './border-radius-size';

package/utils/types/stylable-component.d.ts

@@ -1,7 +0,0 @@
-export type StylableComponent<S extends string | string[] = undefined> = (S extends undefined
-  ? Record<string, never>
-  : {
-      customProperties?: Partial<Record<S extends string ? S : S[number], string | undefined>>
-    }) & {
-  className?: string
-}

package/utils/types/typography/font-variant.d.ts

@@ -1,58 +0,0 @@
-export declare const FontVariant: {
-    readonly TextExtraSmall: "text-extra-small";
-    readonly TextSmall: "text-small";
-    readonly TextSmallUp: "text-small-up";
-    readonly TextMedium: "text-medium";
-    readonly TextLarge: "text-large";
-    readonly TextExtraLarge: "text-extra-large";
-    readonly TextXExtraLarge: "text-x-extra-large";
-    readonly TitleH6: "title-h6";
-    readonly TitleH5: "title-h5";
-    readonly TitleH4: "title-h4";
-    readonly TitleH3: "title-h3";
-    readonly TitleH2: "title-h2";
-    readonly TitleH1: "title-h1";
-    readonly LabelExtraSmall: "label-extra-small";
-    readonly LabelExtraSmallEmphasis: "label-extra-small-emphasis";
-    readonly LabelExtraSmallUp: "label-extra-small-up";
-    readonly LabelSmall: "label-small";
-    readonly LabelSmallEmphasis: "label-small-emphasis";
-    readonly LabelSmallUp: "label-small-up";
-    readonly LabelSmallUpEmphasis: "label-small-up-emphasis";
-    readonly LabelMedium: "label-medium";
-    readonly LabelMediumEmphasis: "label-medium-emphasis";
-    readonly LabelLarge: "label-large";
-    readonly LabelLargeEmphasis: "label-large-emphasis";
-    readonly LabelLargeUp: "label-large-up";
-    readonly LabelExtraLargeEmphasis: "label-extra-large-emphasis";
-    readonly LabelExtraLarge: "label-extra-large";
-    readonly LabelXExtraLargeEmphasis: "label-x-extra-large-emphasis";
-    readonly LabelXExtraLarge: "label-x-extra-large";
-    readonly LabelXXExtraLargeEmphasis: "label-x-x-extra-large-emphasis";
-    readonly LabelXXExtraLarge: "label-x-x-extra-large";
-    readonly LabelXXXExtraLarge: "label-x-x-x-extra-large";
-    readonly ButtonSmEmphasis: "btn-sm-emphasis";
-    readonly ButtonSm: "btn-sm";
-    readonly ButtonSmUpEmphasis: "btn-sm-up-emphasis";
-    readonly ButtonSmUp: "btn-sm-up";
-    readonly ButtonMdEmphasis: "btn-md-emphasis";
-    readonly ButtonMd: "btn-md";
-    readonly ButtonLgEmphasis: "btn-lg-emphasis";
-    readonly ButtonLg: "btn-lg";
-    readonly ButtonLgUpEmphasis: "btn-lg-up-emphasis";
-    readonly ButtonLgUp: "btn-lg-up";
-    readonly LinkSmall: "link-small";
-    readonly LinkSmallEmphasis: "link-small-emphasis";
-    readonly LinkSmallUp: "link-small-up";
-    readonly LinkSmallUpEmphasis: "link-small-up-emphasis";
-    readonly LinkMedium: "link-medium";
-    readonly LinkMediumEmphasis: "link-medium-emphasis";
-    readonly LinkLarge: "link-large";
-    readonly LinkLargeEmphasis: "link-large-emphasis";
-    readonly LinkLargeUp: "link-large-up";
-    readonly LinkLargeUpEmphasis: "link-large-up-emphasis";
-    readonly InputSm: "input-sm";
-    readonly InputSmUp: "input-sm-up";
-    readonly InputMd: "input-md";
-    readonly InputLg: "input-lg";
-};

package/utils/types/typography/font-variant.js

@@ -1,58 +0,0 @@
-export var FontVariant = {
-  TextExtraSmall: 'text-extra-small',
-  TextSmall: 'text-small',
-  TextSmallUp: 'text-small-up',
-  TextMedium: 'text-medium',
-  TextLarge: 'text-large',
-  TextExtraLarge: 'text-extra-large',
-  TextXExtraLarge: 'text-x-extra-large',
-  TitleH6: 'title-h6',
-  TitleH5: 'title-h5',
-  TitleH4: 'title-h4',
-  TitleH3: 'title-h3',
-  TitleH2: 'title-h2',
-  TitleH1: 'title-h1',
-  LabelExtraSmall: 'label-extra-small',
-  LabelExtraSmallEmphasis: 'label-extra-small-emphasis',
-  LabelExtraSmallUp: 'label-extra-small-up',
-  LabelSmall: 'label-small',
-  LabelSmallEmphasis: 'label-small-emphasis',
-  LabelSmallUp: 'label-small-up',
-  LabelSmallUpEmphasis: 'label-small-up-emphasis',
-  LabelMedium: 'label-medium',
-  LabelMediumEmphasis: 'label-medium-emphasis',
-  LabelLarge: 'label-large',
-  LabelLargeEmphasis: 'label-large-emphasis',
-  LabelLargeUp: 'label-large-up',
-  LabelExtraLargeEmphasis: 'label-extra-large-emphasis',
-  LabelExtraLarge: 'label-extra-large',
-  LabelXExtraLargeEmphasis: 'label-x-extra-large-emphasis',
-  LabelXExtraLarge: 'label-x-extra-large',
-  LabelXXExtraLargeEmphasis: 'label-x-x-extra-large-emphasis',
-  LabelXXExtraLarge: 'label-x-x-extra-large',
-  LabelXXXExtraLarge: 'label-x-x-x-extra-large',
-  ButtonSmEmphasis: 'btn-sm-emphasis',
-  ButtonSm: 'btn-sm',
-  ButtonSmUpEmphasis: 'btn-sm-up-emphasis',
-  ButtonSmUp: 'btn-sm-up',
-  ButtonMdEmphasis: 'btn-md-emphasis',
-  ButtonMd: 'btn-md',
-  ButtonLgEmphasis: 'btn-lg-emphasis',
-  ButtonLg: 'btn-lg',
-  ButtonLgUpEmphasis: 'btn-lg-up-emphasis',
-  ButtonLgUp: 'btn-lg-up',
-  LinkSmall: 'link-small',
-  LinkSmallEmphasis: 'link-small-emphasis',
-  LinkSmallUp: 'link-small-up',
-  LinkSmallUpEmphasis: 'link-small-up-emphasis',
-  LinkMedium: 'link-medium',
-  LinkMediumEmphasis: 'link-medium-emphasis',
-  LinkLarge: 'link-large',
-  LinkLargeEmphasis: 'link-large-emphasis',
-  LinkLargeUp: 'link-large-up',
-  LinkLargeUpEmphasis: 'link-large-up-emphasis',
-  InputSm: 'input-sm',
-  InputSmUp: 'input-sm-up',
-  InputMd: 'input-md',
-  InputLg: 'input-lg'
-};

package/utils/types/typography/font-weight.d.ts

@@ -1,11 +0,0 @@
-export declare const FontWeight: {
-    readonly Thin: 100;
-    readonly ExtraLight: 200;
-    readonly Light: 300;
-    readonly Regular: 400;
-    readonly Medium: 500;
-    readonly SemiBold: 600;
-    readonly Bold: 700;
-    readonly ExtraBold: 800;
-    readonly Black: 900;
-};

package/utils/types/typography/font-weight.js

@@ -1,11 +0,0 @@
-export var FontWeight = {
-  Thin: 100,
-  ExtraLight: 200,
-  Light: 300,
-  Regular: 400,
-  Medium: 500,
-  SemiBold: 600,
-  Bold: 700,
-  ExtraBold: 800,
-  Black: 900
-};

package/utils/types/typography/index.d.ts

@@ -1,4 +0,0 @@
-export * from './text-align';
-export * from './font-weight';
-export * from './text-decoration';
-export * from './font-variant';

package/utils/types/typography/index.js

@@ -1,4 +0,0 @@
-export * from './text-align';
-export * from './font-weight';
-export * from './text-decoration';
-export * from './font-variant';

package/utils/types/typography/text-align.d.ts

@@ -1,5 +0,0 @@
-export declare const TextAlign: {
-    readonly Left: "left";
-    readonly Center: "center";
-    readonly Right: "right";
-};

package/utils/types/typography/text-align.js

@@ -1,5 +0,0 @@
-export var TextAlign = {
-  Left: 'left',
-  Center: 'center',
-  Right: 'right'
-};

package/utils/types/typography/text-decoration.d.ts

@@ -1,5 +0,0 @@
-export declare const TextDecoration: {
-    readonly Underline: "underline";
-    readonly Italic: "italic";
-    readonly LineThrough: "line-through";
-};

package/utils/types/typography/text-decoration.js

@@ -1,5 +0,0 @@
-export var TextDecoration = {
-  Underline: 'underline',
-  Italic: 'italic',
-  LineThrough: 'line-through'
-};

package/utils/types/with.d.ts

@@ -1,4 +0,0 @@
-/**
- * Intersects two types
- */
-export type With<T, W> = T extends undefined ? W : W & T