@scaleflex/ui-tw 0.0.1

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

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

package/utils/types/palette/index.js

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

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

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

package/utils/types/position/index.js

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

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

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

package/utils/types/position/position.js

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

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+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

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

package/utils/types/shadows/index.js

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

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

@@ -0,0 +1,14 @@
+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

@@ -0,0 +1,14 @@
+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

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

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

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

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

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

package/utils/types/shape/index.js

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

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

@@ -0,0 +1 @@
+export { InputSize } from './input-size';

package/utils/types/size/index.js

@@ -0,0 +1 @@
+export { InputSize } from './input-size';

package/utils/types/size/input-size.d.ts

@@ -0,0 +1,4 @@
+export declare const InputSize: {
+    readonly Sm: "sm";
+    readonly Md: "md";
+};

package/utils/types/size/input-size.js

@@ -0,0 +1,4 @@
+export var InputSize = {
+  Sm: 'sm',
+  Md: 'md'
+};

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,58 @@
+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

@@ -0,0 +1,58 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,11 @@
+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

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

package/utils/types/typography/index.js

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

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

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

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

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

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

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

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

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

package/utils/types/values.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Type-only Object.values
+ */
+export type Values<E> = E extends Record<string, unknown> ? E[keyof E] : E extends unknown[] ? E[number] : unknown

package/utils/types/with.d.ts

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