ui-theme-igc-effect 1.4.11 → 1.4.13

package/dist/themes/igcEffect/_component/Theme_component_igcEffectSwitch.css

@@ -1,10 +1,39 @@
-.Theme_control_igcEffect .Switch_disabled .Switch-Input:disabled:checked {
-    --background-color: var(--color-control-bg-primary);
-    opacity: 0.4;
-    --content-color: var(--color-control-typo-primary);
-}
-
-.Theme_control_igcEffect .Switch_disabled .Switch-Input:disabled:not(:checked) {
-    --background-color: var(--color-control-bg-disable);
-    --content-color: var(--color-control-typo-primary);
-}
+.Theme_control_igcEffect .Switch_view_primary {
+    & .Switch-Input:disabled {
+        opacity: 0.4;
+        --background-color: var(--color-control-bg-disable);
+        --content-color: var(--color-control-typo-primary);
+
+        &:checked {
+            --background-color: var(--color-control-bg-primary);
+            --content-color: var(--color-control-typo-primary);
+        }
+    }
+
+    & .Switch-Input:not(:checked),
+    & .Switch-Input:not(:checked):hover {
+        --border-color: var(--color-control-bg-border-default);
+        --content-color: var(--color-bg-default);
+        --background-color: var(--color-control-bg-border-default);
+    }
+}
+
+.Theme_control_igcEffect .Switch_size_l {
+    --switch-circle-size: 18px;
+
+    & .Switch-Input {
+        height: 22px;
+
+        &::before {
+            box-shadow: 0px 2px 4px 0px rgba(0, 35, 11, 0.2);
+
+            transform: translateX(
+                calc((var(--box-height) - var(--switch-border-gap)) * -1 - 1px)
+            );
+        }
+
+        &:checked::before {
+            transform: translateX(-1px);
+        }
+    }
+}

package/dist/themes/igcEffect/_component/Theme_component_igcEffectTabs.css

@@ -1,25 +1,25 @@
-.Theme_control_igcEffect .Tabs .MixFocus {
-    --mix-focus-color-one: transparent;
-    --mix-focus-color-two: transparent;
-    --mix-focus-animation: none;
-}
-
-.Theme_control_igcEffect .Tabs .TabsLine_type_running {
-    --line-thickness: 4px;
-}
-
-.Theme_control_igcEffect .Tabs .ListItemGrid-Slot {
-    font-family: var(--font-primary);
-    line-height: 18px;
-}
-
-.Theme_control_igcEffect .Tabs .ListItemGrid-Slot_position_center {
-    color: var(--color-typo-primary);
-}
-
-.Theme_control_igcEffect
-    .Tabs
-    .TabsTab_checked
-    .ListItemGrid-Slot_position_center {
-    color: var(--color-typo-system);
-}
+.Theme_control_igcEffect .Tabs .MixFocus {
+    --mix-focus-color-one: transparent;
+    --mix-focus-color-two: transparent;
+    --mix-focus-animation: none;
+}
+
+.Theme_control_igcEffect .Tabs .TabsLine_type_running {
+    --line-thickness: 4px;
+}
+
+.Theme_control_igcEffect .Tabs .ListItemGrid-Slot {
+    font-family: var(--font-primary);
+    line-height: 18px;
+}
+
+.Theme_control_igcEffect .Tabs .ListItemGrid-Slot_position_center {
+    color: var(--color-typo-primary);
+}
+
+.Theme_control_igcEffect
+    .Tabs
+    .TabsTab_checked
+    .ListItemGrid-Slot_position_center {
+    color: var(--color-typo-system);
+}

package/dist/themes/igcEffect/_component/Theme_component_igcEffectTextField.css

@@ -1,43 +1,44 @@
-.Theme_control_igcEffect .TextField-Input::placeholder {
-    color: var(--color-control-typo-placeholder);
-}
-
-.Theme_control_igcEffect
-    .TextField-InputContainer.TextField-InputContainer_status_alert {
-    --container-border-color: var(--color-typo-alert);
-}
-
-.Theme_control_igcEffect
-    .TextField-InputContainer.TextField-InputContainer_status_warning {
-    --container-border-color: var(--color-typo-warning);
-}
-
-.Theme_control_igcEffect .TextField-InputContainer_view_default {
-    padding-left: 16px;
-    padding-right: 16px;
-}
-.Theme_control_igcEffect .TextField-ClearButton {
-    align-self: center;
-}
-
-.Theme_control_igcEffect .TextField-ClearButton .IconClear svg {
-    display: none;
-}
-
-.Theme_control_igcEffect .TextField-ClearButton .IconClear:before {
-    width: 12px;
-    height: 12px;
-    content: url('data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2212%22 viewBox%3D%220 0 12 12%22 fill%3D%22none%22    xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E    %3Cpath d%3D%22M11.8327 1.34187L10.6577 0.16687L5.99935 4.8252L1.34102 0.16687L0.166016 1.34187L4.82435 6.0002L0.166016 10.6585L1.34102 11.8335L5.99935 7.1752L10.6577 11.8335L11.8327 10.6585L7.17435 6.0002L11.8327 1.34187Z%22 fill%3D%22%233521FF%22%2F%3E%3C%2Fsvg%3E');
-}
-.Theme_control_igcEffect .TextField-InputContainer_view_default {
-    --control-radius: 2px;
-}
-.Theme_control_igcEffect
-    .TextField-InputContainer_view_default:not(
-        .TextField-InputContainer_disabled
-    ):hover,
-.Theme_control_igcEffect
-    .TextField-InputContainer_view_default.TextField-InputContainer_focus {
-    border-color: var(--color-control-bg-border-secondary);
-    box-shadow: 0px 0px 0px 4px var(--color-royal-blue);
-}
+.Theme_control_igcEffect .TextField-Input::placeholder {
+    color: var(--color-control-typo-placeholder);
+    font-weight: var(--font-weight-placeholder);
+}
+
+.Theme_control_igcEffect
+    .TextField-InputContainer.TextField-InputContainer_status_alert {
+    --container-border-color: var(--color-typo-alert);
+}
+
+.Theme_control_igcEffect
+    .TextField-InputContainer.TextField-InputContainer_status_warning {
+    --container-border-color: var(--color-typo-warning);
+}
+
+.Theme_control_igcEffect .TextField-InputContainer_view_default {
+    padding-left: 16px;
+    padding-right: 16px;
+}
+.Theme_control_igcEffect .TextField-ClearButton {
+    align-self: center;
+}
+
+.Theme_control_igcEffect .TextField-ClearButton .IconClear svg {
+    display: none;
+}
+
+.Theme_control_igcEffect .TextField-ClearButton .IconClear:before {
+    width: 12px;
+    height: 12px;
+    content: url('data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%2212%22 viewBox%3D%220 0 12 12%22 fill%3D%22none%22%0D    xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D    %3Cpath d%3D%22M11.8327 1.34187L10.6577 0.16687L5.99935 4.8252L1.34102 0.16687L0.166016 1.34187L4.82435 6.0002L0.166016 10.6585L1.34102 11.8335L5.99935 7.1752L10.6577 11.8335L11.8327 10.6585L7.17435 6.0002L11.8327 1.34187Z%22 fill%3D%22%233521FF%22%2F%3E%0D%3C%2Fsvg%3E%0D');
+}
+.Theme_control_igcEffect .TextField-InputContainer_view_default {
+    --control-radius: 2px;
+}
+.Theme_control_igcEffect
+    .TextField-InputContainer_view_default:not(
+        .TextField-InputContainer_disabled
+    ):hover,
+.Theme_control_igcEffect
+    .TextField-InputContainer_view_default.TextField-InputContainer_focus {
+    border-color: var(--color-control-bg-border-secondary);
+    box-shadow: 0px 0px 0px 4px var(--color-royal-blue);
+}

package/dist/themes/igcEffect/_component/Theme_component_igcEffectTooltip.css

@@ -1,5 +1,5 @@
-.Theme_control_igcEffect.Tooltip {
-    --tooltip-bg-color: var(--color-control-typo-primary);
-    --shadow-layer: 0px 0px 1px var(--color-shadow-layer-1),
-        0px 4px 8px var(--color-shadow-layer-1);
-}
+.Theme_control_igcEffect.Tooltip {
+    --tooltip-bg-color: var(--color-control-typo-primary);
+    --shadow-layer: 0px 0px 1px var(--color-shadow-layer-1),
+        0px 4px 8px var(--color-shadow-layer-1);
+}

package/dist/themes/igcEffect/_control/Theme_control_igcEffect.css

@@ -1,19 +1,19 @@
-.Theme_control_igcEffect {
-    --control-radius: 4px;
-    --control-border-width: 1px;
-    --control-height-l: var(--space-4xl);
-    --control-height-m: var(--space-3xl);
-    --control-height-s: var(--space-2xl);
-    --control-height-xs: var(--space-xl);
-    --control-box-size-s: var(--space-s);
-    --control-box-size-m: var(--space-m);
-    --control-box-size-l: var(--space-l);
-    --control-space-l: var(--space-xl);
-    --control-space-m: var(--space-l);
-    --control-space-s: var(--space-m);
-    --control-space-xs: var(--space-s);
-    --control-text-size-l: var(--size-text-l);
-    --control-text-size-m: var(--size-text-m);
-    --control-text-size-s: var(--size-text-s);
-    --control-text-size-xs: var(--size-text-xs);
-}
+.Theme_control_igcEffect {
+    --control-radius: 4px;
+    --control-border-width: 1px;
+    --control-height-l: var(--space-4xl);
+    --control-height-m: var(--space-3xl);
+    --control-height-s: var(--space-2xl);
+    --control-height-xs: var(--space-xl);
+    --control-box-size-s: var(--space-s);
+    --control-box-size-m: var(--space-m);
+    --control-box-size-l: var(--space-l);
+    --control-space-l: var(--space-xl);
+    --control-space-m: var(--space-l);
+    --control-space-s: var(--space-m);
+    --control-space-xs: var(--space-s);
+    --control-text-size-l: var(--size-text-l);
+    --control-text-size-m: var(--size-text-m);
+    --control-text-size-s: var(--size-text-s);
+    --control-text-size-xs: var(--size-text-xs);
+}

package/dist/themes/igcEffect/_font/Theme_font_igcEffect.css

@@ -1,107 +1,107 @@
-@font-face {
-    font-family: 'PT Root UI';
-    src:
-        url('pt-root-ui_vf.woff2') format('woff2'),
-        url('pt-root-ui_vf.woff') format('woff');
-    font-weight: 100;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'PT Root UI';
-    src:
-        url('pt-root-ui_vf.woff2') format('woff2'),
-        url('pt-root-ui_vf.woff') format('woff');
-    font-weight: 200;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'PT Root UI';
-    src:
-        url('pt-root-ui_light.woff2') format('woff2'),
-        url('pt-root-ui_light.woff') format('woff');
-    font-weight: 300;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'PT Root UI';
-    src:
-        url('pt-root-ui_regular.woff2') format('woff2'),
-        url('pt-root-ui_regular.woff') format('woff');
-    font-weight: normal;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'PT Root UI';
-    src:
-        url('pt-root-ui_regular.woff2') format('woff2'),
-        url('pt-root-ui_regular.woff') format('woff');
-    font-weight: 400;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'PT Root UI';
-    src:
-        url('pt-root-ui_medium.woff2') format('woff2'),
-        url('pt-root-ui_medium.woff') format('woff');
-    font-weight: 500;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'PT Root UI';
-    src:
-        url('pt-root-ui_vf.woff2') format('woff2'),
-        url('pt-root-ui_vf.woff') format('woff');
-    font-weight: 600;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'PT Root UI';
-    src:
-        url('pt-root-ui_bold.woff2') format('woff2'),
-        url('pt-root-ui_bold.woff') format('woff');
-    font-weight: 700;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'PT Root UI';
-    src:
-        url('pt-root-ui_bold.woff2') format('woff2'),
-        url('pt-root-ui_bold.woff') format('woff');
-    font-weight: bold;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'PT Root UI';
-    src:
-        url('pt-root-ui_vf.woff2') format('woff2'),
-        url('pt-root-ui_vf.woff') format('woff');
-    font-weight: 800;
-    font-style: normal;
-}
-
-@font-face {
-    font-family: 'PT Root UI';
-    src:
-        url('pt-root-ui_vf.woff2') format('woff2'),
-        url('pt-root-ui_vf.woff') format('woff');
-    font-weight: 900;
-    font-style: normal;
-}
-
-.Theme_font_igcEffect {
-    --font-primary: 'PT Root UI', -apple-system, BlinkMacSystemFont, 'Roboto',
-        'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
-        'Helvetica Neue', sans-serif;
-    --font-mono: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-        monospace;
-    font-family: var(--font-primary);
-}
+@font-face {
+    font-family: 'PT Root UI';
+    src:
+        url('pt-root-ui_vf.woff2') format('woff2'),
+        url('pt-root-ui_vf.woff') format('woff');
+    font-weight: 100;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'PT Root UI';
+    src:
+        url('pt-root-ui_vf.woff2') format('woff2'),
+        url('pt-root-ui_vf.woff') format('woff');
+    font-weight: 200;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'PT Root UI';
+    src:
+        url('pt-root-ui_light.woff2') format('woff2'),
+        url('pt-root-ui_light.woff') format('woff');
+    font-weight: 300;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'PT Root UI';
+    src:
+        url('pt-root-ui_regular.woff2') format('woff2'),
+        url('pt-root-ui_regular.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'PT Root UI';
+    src:
+        url('pt-root-ui_regular.woff2') format('woff2'),
+        url('pt-root-ui_regular.woff') format('woff');
+    font-weight: 400;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'PT Root UI';
+    src:
+        url('pt-root-ui_medium.woff2') format('woff2'),
+        url('pt-root-ui_medium.woff') format('woff');
+    font-weight: 500;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'PT Root UI';
+    src:
+        url('pt-root-ui_vf.woff2') format('woff2'),
+        url('pt-root-ui_vf.woff') format('woff');
+    font-weight: 600;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'PT Root UI';
+    src:
+        url('pt-root-ui_bold.woff2') format('woff2'),
+        url('pt-root-ui_bold.woff') format('woff');
+    font-weight: 700;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'PT Root UI';
+    src:
+        url('pt-root-ui_bold.woff2') format('woff2'),
+        url('pt-root-ui_bold.woff') format('woff');
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'PT Root UI';
+    src:
+        url('pt-root-ui_vf.woff2') format('woff2'),
+        url('pt-root-ui_vf.woff') format('woff');
+    font-weight: 800;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: 'PT Root UI';
+    src:
+        url('pt-root-ui_vf.woff2') format('woff2'),
+        url('pt-root-ui_vf.woff') format('woff');
+    font-weight: 900;
+    font-style: normal;
+}
+
+.Theme_font_igcEffect {
+    --font-primary: 'PT Root UI', -apple-system, BlinkMacSystemFont, 'Roboto',
+        'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
+        'Helvetica Neue', sans-serif;
+    --font-mono: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
+        monospace;
+    font-family: var(--font-primary);
+}

package/dist/themes/igcEffect/_shadow/Theme_shadow_igcEffect.css

@@ -1,8 +1,8 @@
-.Theme_shadow_igcEffect {
-    --shadow-group: 0px 2px 2px var(--color-shadow-group-1),
-        0px 2px 2px var(--color-shadow-group-2);
-    --shadow-layer: 0px 4px 4px var(--color-shadow-layer-1),
-        0px 4px 4px var(--color-shadow-layer-2);
-    --shadow-modal: 0px 4px 8px 0px var(--color-shadow-modal-1),
-        0px 0px 1px 0px var(--color-shadow-modal-2);
-}
+.Theme_shadow_igcEffect {
+    --shadow-group: 0px 2px 2px var(--color-shadow-group-1),
+        0px 2px 2px var(--color-shadow-group-2);
+    --shadow-layer: 0px 4px 4px var(--color-shadow-layer-1),
+        0px 4px 4px var(--color-shadow-layer-2);
+    --shadow-modal: 0px 4px 8px 0px var(--color-shadow-modal-1),
+        0px 0px 1px 0px var(--color-shadow-modal-2);
+}

package/dist/themes/igcEffect/_size/Theme_size_igcEffect.css

@@ -1,27 +1,27 @@
-.Theme_size_igcEffect {
-    --size-text-2xs: 10px;
-    --size-text-xs: 12px;
-    --size-text-s: 14px;
-    --size-text-m: 16px;
-    --size-text-l: 18px;
-    --size-text-xl: 20px;
-    --size-text-2xl: 24px;
-    --size-text-3xl: 32px;
-    --size-text-4xl: 48px;
-    --size-text-5xl: 72px;
-    --size-text-6xl: 96px;
-    --line-height-text-2xs: 1.1em;
-    --line-height-text-xs: 1.2em;
-    --line-height-text-s: 1.4em;
-    --line-height-text-m: 18px;
-    --line-height-text-l: 1.6em;
-    --font-weight-text-thin: 100;
-    --font-weight-text-extralight: 100;
-    --font-weight-text-light: 300;
-    --font-weight-text-regular: normal;
-    --font-weight-text-medium: 500;
-    --font-weight-text-semibold: 600;
-    --font-weight-text-bold: bold;
-    --font-weight-text-extrabold: 800;
-    --font-weight-text-black: 900;
-}
+.Theme_size_igcEffect {
+    --size-text-2xs: 10px;
+    --size-text-xs: 12px;
+    --size-text-s: 14px;
+    --size-text-m: 16px;
+    --size-text-l: 18px;
+    --size-text-xl: 20px;
+    --size-text-2xl: 24px;
+    --size-text-3xl: 32px;
+    --size-text-4xl: 48px;
+    --size-text-5xl: 72px;
+    --size-text-6xl: 96px;
+    --line-height-text-2xs: 1.1em;
+    --line-height-text-xs: 1.2em;
+    --line-height-text-s: 1.4em;
+    --line-height-text-m: 18px;
+    --line-height-text-l: 1.6em;
+    --font-weight-text-thin: 100;
+    --font-weight-text-extralight: 100;
+    --font-weight-text-light: 300;
+    --font-weight-text-regular: normal;
+    --font-weight-text-medium: 500;
+    --font-weight-text-semibold: 600;
+    --font-weight-text-bold: bold;
+    --font-weight-text-extrabold: 800;
+    --font-weight-text-black: 900;
+}

package/dist/themes/igcEffect/_space/Theme_space_igcEffect.css

@@ -1,14 +1,14 @@
-.Theme_space_igcEffect {
-    --space-3xs: 2px;
-    --space-2xs: 4px;
-    --space-xs: 8px;
-    --space-s: 12px;
-    --space-m: 16px;
-    --space-l: 20px;
-    --space-xl: 24px;
-    --space-2xl: 32px;
-    --space-3xl: 40px;
-    --space-4xl: 48px;
-    --space-5xl: 72px;
-    --space-6xl: 96px;
-}
+.Theme_space_igcEffect {
+    --space-3xs: 2px;
+    --space-2xs: 4px;
+    --space-xs: 8px;
+    --space-s: 12px;
+    --space-m: 16px;
+    --space-l: 20px;
+    --space-xl: 24px;
+    --space-2xl: 32px;
+    --space-3xl: 40px;
+    --space-4xl: 48px;
+    --space-5xl: 72px;
+    --space-6xl: 96px;
+}

package/package.json

@@ -1,36 +1,36 @@
-{
-  "name": "ui-theme-igc-effect",
-  "private": false,
-  "version": "1.4.11",
-  "type": "module",
-  "license": "MIT",
-  "files": [
-    "dist"
-  ],
-  "main": "./dist/index.js",
-  "exports": {
-    ".": {
-      "import": "./dist/index.js"
-    }
-  },
-  "scripts": {
-    "build:css": "npx postcss dist/**/*.css --replace",
-    "build:copy": "node --loader ts-node/esm ./scripts/copyToDist.ts",
-    "build:rmAssets": "node --loader ts-node/esm ./scripts/rmAssets.ts",
-    "build": "tsc --build && npm run build:copy && npm run build:css && npm run build:rmAssets && npm run prettier:dist",
-    "prettier:dist": "prettier --write dist --ignore-path ''"
-  },
-  "peerDependencies": {
-    "@consta/uikit": "4 - 5"
-  },
-  "devDependencies": {
-    "@types/node": "^20.11.5",
-    "postcss": "^8.4.33",
-    "postcss-cli": "^11.0.0",
-    "postcss-discard-comments": "^6.0.1",
-    "postcss-url": "^10.1.3",
-    "prettier": "^3.2.4",
-    "ts-node": "^10.9.2",
-    "typescript": "^5.2.2"
-  }
-}
+{
+  "name": "ui-theme-igc-effect",
+  "private": false,
+  "version": "1.4.13",
+  "type": "module",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "main": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build:css": "npx postcss dist/**/*.css --replace",
+    "build:copy": "node --loader ts-node/esm ./scripts/copyToDist.ts",
+    "build:rmAssets": "node --loader ts-node/esm ./scripts/rmAssets.ts",
+    "build": "tsc --build && npm run build:copy && npm run build:css && npm run build:rmAssets && npm run prettier:dist",
+    "prettier:dist": "prettier --write dist --ignore-path ''"
+  },
+  "peerDependencies": {
+    "@consta/uikit": "4 - 5"
+  },
+  "devDependencies": {
+    "@types/node": "^20.11.5",
+    "postcss": "^8.4.33",
+    "postcss-cli": "^11.0.0",
+    "postcss-discard-comments": "^6.0.1",
+    "postcss-url": "^10.1.3",
+    "prettier": "^3.2.4",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.2.2"
+  }
+}