@rovula/ui 0.0.65 → 0.0.67

package/dist/theme/themes/xspector/transparent.css

@@ -1,68 +0,0 @@
-:root[data-theme="xspector"]{
-  --main-transparency-primary-8: rgba(221 205 0 / 0.08);
-  --main-transparency-primary-12: rgba(221 205 0 / 0.12);
-  --main-transparency-primary-16: rgba(221 205 0 / 0.16);
-  --main-transparency-primary-24: rgba(221 205 0 / 0.24);
-  --main-transparency-primary-32: rgba(221 205 0 / 0.32);
-  --main-transparency-primary-48: rgba(221 205 0 / 0.48);
-  --main-transparency-secondary-8: rgba(158 158 158 / 0.08);
-  --main-transparency-secondary-12: rgba(158 158 158 / 0.12);
-  --main-transparency-secondary-16: rgba(158 158 158 / 0.16);
-  --main-transparency-secondary-24: rgba(158 158 158 / 0.24);
-  --main-transparency-secondary-32: rgba(158 158 158 / 0.32);
-  --main-transparency-secondary-48: rgba(158 158 158 / 0.48);
-  --main-transparency-tertiary-8: rgba(173 202 214 / 0.08);
-  --main-transparency-tertiary-12: rgba(173 202 214 / 0.12);
-  --main-transparency-tertiary-16: rgba(173 202 214 / 0.16);
-  --main-transparency-tertiary-24: rgba(173 202 214 / 0.24);
-  --main-transparency-tertiary-32: rgba(173 202 214 / 0.32);
-  --main-transparency-tertiary-48: rgba(173 202 214 / 0.48);
-  --other-transparency-info-8: rgba(41 152 255 / 0.08);
-  --other-transparency-info-12: rgba(41 152 255 / 0.12);
-  --other-transparency-info-16: rgba(41 152 255 / 0.16);
-  --other-transparency-info-24: rgba(41 152 255 / 0.24);
-  --other-transparency-info-32: rgba(41 152 255 / 0.32);
-  --other-transparency-info-48: rgba(41 152 255 / 0.48);
-  --other-transparency-success-8: rgba(84 214 44 / 0.08);
-  --other-transparency-success-12: rgba(84 214 44 / 0.12);
-  --other-transparency-success-16: rgba(84 214 44 / 0.16);
-  --other-transparency-success-24: rgba(84 214 44 / 0.24);
-  --other-transparency-success-32: rgba(84 214 44 / 0.32);
-  --other-transparency-success-48: rgba(84 214 44 / 0.48);
-  --other-transparency-warning-8: rgba(255 193 7 / 0.08);
-  --other-transparency-warning-12: rgba(255 193 7 / 0.12);
-  --other-transparency-warning-16: rgba(255 193 7 / 0.16);
-  --other-transparency-warning-24: rgba(255 193 7 / 0.24);
-  --other-transparency-warning-32: rgba(255 193 7 / 0.32);
-  --other-transparency-warning-48: rgba(255 193 7 / 0.48);
-  --other-transparency-error-8: rgba(255 72 66 / 0.08);
-  --other-transparency-error-12: rgba(255 72 66 / 0.12);
-  --other-transparency-error-16: rgba(255 72 66 / 0.16);
-  --other-transparency-error-24: rgba(255 72 66 / 0.24);
-  --other-transparency-error-32: rgba(255 72 66 / 0.32);
-  --other-transparency-error-48: rgba(255 72 66 / 0.48);
-  --other-transparency-grey-8: rgba(158 158 158 / 0.08);
-  --other-transparency-grey-12: rgba(158 158 158 / 0.12);
-  --other-transparency-grey-16: rgba(158 158 158 / 0.16);
-  --other-transparency-grey-24: rgba(158 158 158 / 0.24);
-  --other-transparency-grey-32: rgba(158 158 158 / 0.32);
-  --other-transparency-grey-48: rgba(158 158 158 / 0.48);
-  --other-transparency-grey2-8: rgba(145 158 171 / 0.08);
-  --other-transparency-grey2-12: rgba(145 158 171 / 0.12);
-  --other-transparency-grey2-16: rgba(145 158 171 / 0.16);
-  --other-transparency-grey2-24: rgba(145 158 171 / 0.24);
-  --other-transparency-grey2-32: rgba(145 158 171 / 0.32);
-  --other-transparency-grey2-48: rgba(145 158 171 / 0.48);
-  --other-transparency-white-08: rgba(255 255 255 / 0.08);
-  --other-transparency-white-12: rgba(255 255 255 / 0.12);
-  --other-transparency-white-16: rgba(255 255 255 / 0.16);
-  --other-transparency-white-24: rgba(255 255 255 / 0.24);
-  --other-transparency-white-32: rgba(255 255 255 / 0.32);
-  --other-transparency-white-48: rgba(255 255 255 / 0.48);
-  --other-transparency-black-08: rgba(0 0 0 / 0.08);
-  --other-transparency-black-12: rgba(0 0 0 / 0.12);
-  --other-transparency-black-16: rgba(0 0 0 / 0.16);
-  --other-transparency-black-24: rgba(0 0 0 / 0.24);
-  --other-transparency-black-32: rgba(0 0 0 / 0.32);
-  --other-transparency-black-48: rgba(0 0 0 / 0.48);
-}

package/dist/theme/themes/xspector/typography.css

@@ -1,27 +0,0 @@
-:root[data-theme="xspector"]{
-  /* TYPE */
-  --h1-family: "Poppins";
-  --h2-family: "Poppins";
-  --h3-family: "Poppins";
-  --h4-family: "Poppins";
-  --h5-family: "Poppins";
-  --h6-family: "Poppins";
-  --subtitle2-family: "Poppins";
-  --subtitle3-family: "Poppins";
-  --subtitle4-family: "Poppins";
-  --subtitle5-family: "Poppins";
-  --subtitle6-family: "Poppins";
-  --body1-family: "Poppins";
-  --body2-family: "Poppins";
-  --body3-family: "Poppins";
-  --body4-family: "Poppins";
-  --small1-family: "Poppins";
-  --small2-family: "Poppins";
-  --small3-family: "Poppins";
-  --small4-family: "Poppins";
-  --small5-family: "Poppins";
-  --label-label1-family: "Poppins";
-  --label-label2-family: "Poppins";
-  --button-button-l-family: "Poppins";
-  --button-button-ms-family: "Poppins";
-}

package/dist/theme/tokens/baseline.css

@@ -1,12 +0,0 @@
-@import url(palette.css);
-@import url(state.css);
-@import url(color.css);
-@import url(transparent.css);
-@import url(variables.css);
-@import url(typography.css);
-@import url(components/button.css);
-@import url(components/action-button.css);
-@import url(components/loading.css);
-@import url(components/navbar.css);
-@import url(components/dropdown-menu.css);
-@import url(components/switch.css);

package/dist/theme/tokens/color.css

@@ -1,78 +0,0 @@
-
-:root {
-  /* Base from design */
-  --input-color-default-text: #9e9e9e;
-  --input-color-default-stroke: #cfcfcf;
-  --input-color-filled-text: #4f4f4f;
-  --input-color-active-stroke: #9e9e9e;
-  --input-color-disable-text: #919eab;
-  --input-color-disable-stroke: #e7ebed;
-  --input-color-disable-bg: #f2f5f5;
-  --input-color-label-bg: #ffffff;/* #2d2e30; */
-  --input-color-error: #ed2f15;
-
-  /* Function button */
-  --function-default-solid: #1e3249;
-  --function-default-hover: #35475b;
-  --function-default-hover-bg: rgba(30 50 73 / 0.08);
-  --function-default-stroke: rgba(30 50 73 / 0.48);
-  --function-default-icon: #ffffff;
-  --function-default-outline-icon: #1e3249;
-  --function-active-solid: #9b8f00;
-  --function-active-hover: #b1a400;
-  --function-active-hover-bg: rgba(221 205 0 / 0.08);
-  --function-active-stroke: rgba(177 164 0 / 0.48);
-  --function-active-icon: #ffffff;
-
-  --text-black: #000000;
-  --text-dark: #18283a;
-  --text-medium: #4b5b6d;
-  --text-light: #8e98a4;
-  --text-grey-dark: #4f4f4f;
-  --text-grey-medium: #7e7e7e;
-  --text-grey-light: #9e9e9e;
-  --text-white: #ffffff;
-
-  --base-color-bg: #f5f5f5;
-  --base-color-bg2: #f5f5f5;
-  --base-color-bg3: #d8d8d8;
-  --base-color-workspace-stroke: #e2e2e2;
-  --base-color-guideline-stroke: #c5c5c5;
-  --base-color-popup: #ffffff;
-  --base-color-popup-hightlight: #343638;
-  --base-color-popup-curtain: rgba(0 0 0 / 0.6);
-  --common-white: #ffffff;
-  --common-black: #000000;
-
-  /* ------- Addon base ---------- */
-  --background: var(--base-color-bg);
-  --foreground: var(--common-black);
-
-  --primary: var(--primary-ramps-primary-100);
-  --secondary: var(--secondary-ramps-secondary-100);
-  --tertiary: var(--tertiary-ramps-tertiary-100);
-  --info: var(--info-info-100);
-  --success: var(--success-success-100);
-  --warning: var(--warning-warning-100);
-  --error: var(--error-error-100);
-  --grey: var(--grey-grey-100);
-  --grey2: var(--grey2-grey2-100);
-
-  --primary-foreground: var(--state-color-primary-text-solid);
-  --secondary-foreground:  var(--state-color-secondary-text-solid);
-  --tertiary-foreground: var(--state-color-tertiary-text-solid);
-  --info-foreground: var(--state-color-info-text-solid);
-  --success-foreground:  var(--state-color-success-text-solid);
-  --warning-foreground:  var(--state-color-warning-text-solid);
-  --error-foreground:  var(--state-color-error-text-solid);
-  --grey-foreground: var(--common-black);
-  --grey2-foreground: var(--common-black);
-
-  --surface: var(--base-color-bg);
-  --surface-foreground: var(--common-black);
-
-  --primary-foreground: var(--common-white);
-  --secondary-foreground: var(--common-white);
-  
-  --base-color-popup-foreground: var(--text-dark);
-}

package/dist/theme/tokens/components/action-button.css

@@ -1,127 +0,0 @@
-:root {
-  /* --------------------------------------------------------------------------------- */
-  /* Action Button Component Tokens                                                    */
-  /* --------------------------------------------------------------------------------- */
-  /* Naming Convention: --[component]-[mode]-[state]-[property]                        */
-  /* Mone:   [solid, outline, icon]                                                    */
-  /* States: [default, hover, pressed, active, active-pressed active-hover disabled]   */
-  /* --------------------------------------------------------------------------------- */
-
-  /* ------------------------------------------------------------------ */
-  /* Solid Mode Tokens                                                  */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --action-button-solid-default-bg: var(--function-default-solid);
-  --action-button-solid-default-border: var(--function-default-solid);
-  --action-button-solid-default-text: var(--function-default-icon);
-
-  /* Hover State */
-  --action-button-solid-hover-bg: var(--function-default-hover);
-  --action-button-solid-hover-border: var(--function-default-hover);
-  --action-button-solid-hover-text: var(--function-default-icon);
-
-  /* Pressed State */
-  --action-button-solid-pressed-bg: var(--function-default-solid);
-  --action-button-solid-pressed-border: var(--function-default-solid);
-  --action-button-solid-pressed-text: var(--function-default-icon);
-
-  /* Active State */
-  --action-button-solid-active-bg: var(--function-active-solid);
-  --action-button-solid-active-border: var(--function-active-solid);
-  --action-button-solid-active-text: var(--function-active-icon);
-
-  /* Active Hover State */
-  --action-button-solid-active-hover-bg: var(--function-active-hover);
-  --action-button-solid-active-hover-border: var(--function-active-hover);
-  --action-button-solid-active-hover-text: var(--function-active-icon);
-
-  /* Active Pressed State */
-  --action-button-solid-active-pressed-bg: var(--function-active-solid);
-  --action-button-solid-active-pressed-border: var(--function-active-solid);
-  --action-button-solid-active-pressed-text: var(--function-active-icon);
-
-  /* Disabled State */
-  --action-button-solid-disabled-bg: var(--state-color-disable-solid);
-  --action-button-solid-disabled-border: var(--state-color-disable-solid);
-  --action-button-solid-disabled-text: var(--state-color-disable-outline);
-
-
-  /* ------------------------------------------------------------------ */
-  /* Outline Mode Tokens                                                */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --action-button-outline-default-bg: transparent;
-  --action-button-outline-default-border: var(--function-default-stroke);
-  --action-button-outline-default-text: var(--function-default-outline-icon);
-
-  /* Hover State */
-  --action-button-outline-hover-bg: var(--function-default-hover-bg);
-  --action-button-outline-hover-border: var(--function-default-hover);
-  --action-button-outline-hover-text: var(--function-default-hover);
-
-  /* Pressed State */
-  --action-button-outline-pressed-bg: var(--function-default-hover-bg);
-  --action-button-outline-pressed-border: var(--function-default-stroke);
-  --action-button-outline-pressed-text: var(--function-default-outline-icon);
-
-  /* Active State */
-  --action-button-outline-active-bg: transparent;
-  --action-button-outline-active-border: var(--function-active-stroke);
-  --action-button-outline-active-text: var(--function-active-solid);
-
-  /* Active Hover State */
-  --action-button-outline-active-hover-bg:  var(--function-active-hover-bg);;
-  --action-button-outline-active-hover-border: var(--function-active-hover);
-  --action-button-outline-active-hover-text: var(--function-active-hover);
-
-  /* Active Pressed State */
-  --action-button-outline-active-pressed-bg: var(--function-active-hover-bg);;
-  --action-button-outline-active-pressed-border: var(--function-active-stroke);
-  --action-button-outline-active-pressed-text: var(--function-active-solid);
-
-  /* Disabled State */
-  --action-button-outline-disabled-bg: transparent;
-  --action-button-outline-disabled-border: var(--state-color-disable-outline);
-  --action-button-outline-disabled-text: var(--state-color-disable-outline);
-
-  /* ------------------------------------------------------------------ */
-  /* Icon Mode Tokens                                                  */
-  /* ------------------------------------------------------------------ */
-
-  /* Default State */
-  --action-button-icon-default-bg: transparent;
-  --action-button-icon-default-border: transparent;
-  --action-button-icon-default-text: var(--function-default-outline-icon);
-
-  /* Hover State */
-  --action-button-icon-hover-bg: var(--function-default-hover-bg);
-  --action-button-icon-hover-border: transparent;
-  --action-button-icon-hover-text: var(--function-default-hover);
-
-  /* Pressed State */
-  --action-button-icon-pressed-bg: transparent;
-  --action-button-icon-pressed-border: transparent;
-  --action-button-icon-pressed-text: var(--function-default-outline-icon);
-
-  /* Active State */
-  --action-button-icon-active-bg: transparent;
-  --action-button-icon-active-border: transparent;
-  --action-button-icon-active-text: var(--function-active-solid);
-
-  /* Active Hover State */
-  --action-button-icon-active-hover-bg: var(--function-active-hover-bg);
-  --action-button-icon-active-hover-border: transparent;
-  --action-button-icon-active-hover-text: var(--function-active-hover);
-
-  /* Active Pressed State */
-  --action-button-icon-active-pressed-bg: transparent;
-  --action-button-icon-active-pressed-border: transparent;
-  --action-button-icon-active-pressed-text: var(--function-active-solid);
-
-  /* Disabled State */
-  --action-button-icon-disabled-bg: transparent;
-  --action-button-icon-disabled-border: transparent;
-  --action-button-icon-disabled-text: var(--state-color-disable-outline);
-}