),
};
diff --git a/packages/progress-bar/src/index.module.css b/packages/progress-bar/src/index.module.css
index 809c3bccca..2fab0db48b 100644
--- a/packages/progress-bar/src/index.module.css
+++ b/packages/progress-bar/src/index.module.css
@@ -1,8 +1,6 @@
@import './vars.css';
.container {
- background: var(--progressbar-bg-color);
-
display: flex;
overflow: hidden;
diff --git a/packages/progress-bar/src/inverted.module.css b/packages/progress-bar/src/inverted.module.css
new file mode 100644
index 0000000000..56d217033c
--- /dev/null
+++ b/packages/progress-bar/src/inverted.module.css
@@ -0,0 +1,5 @@
+@import './vars.css';
+
+.container {
+ background-color: var(--progressbar-bg-color-inverted);
+}
diff --git a/packages/progress-bar/src/vars.css b/packages/progress-bar/src/vars.css
index cd218ad9cd..0518ba340a 100644
--- a/packages/progress-bar/src/vars.css
+++ b/packages/progress-bar/src/vars.css
@@ -3,6 +3,7 @@
:root {
/* bg */
--progressbar-bg-color: var(--color-light-neutral-translucent-300);
+ --progressbar-bg-color-inverted: var(--color-light-neutral-translucent-300-inverted);
/* positive */
--progressbar-positive-color: var(--color-light-status-positive);
diff --git a/packages/pure-cell/CHANGELOG.md b/packages/pure-cell/CHANGELOG.md
index 17bbbae058..46af4e0c96 100644
--- a/packages/pure-cell/CHANGELOG.md
+++ b/packages/pure-cell/CHANGELOG.md
@@ -1,5 +1,13 @@
# Change Log
+## 4.13.4
+
+### Patch Changes
+
+- Обновлены зависимости
+ - typography@4.11.0
+ - comment@2.4.4
+
## 4.13.3
### Patch Changes
diff --git a/packages/pure-cell/package.json b/packages/pure-cell/package.json
index 0b66a0c795..909bac7445 100644
--- a/packages/pure-cell/package.json
+++ b/packages/pure-cell/package.json
@@ -1,6 +1,6 @@
{
"name": "@alfalab/core-components-pure-cell",
- "version": "4.13.3",
+ "version": "4.13.4",
"description": "",
"keywords": [],
"license": "MIT",
@@ -17,8 +17,8 @@
"dependencies": {
"@alfalab/core-components-amount": "^3.8.0",
"@alfalab/core-components-button": "^11.10.2",
- "@alfalab/core-components-typography": "^4.10.3",
- "@alfalab/core-components-comment": "^2.4.3",
+ "@alfalab/core-components-typography": "^4.11.0",
+ "@alfalab/core-components-comment": "^2.4.4",
"@alfalab/core-components-shared": "^0.14.0",
"@alfalab/hooks": "^1.13.0",
"@alfalab/data": "^1.8.0",
@@ -26,6 +26,6 @@
"react-merge-refs": "1.1.0",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/radio-group/package.json b/packages/radio-group/package.json
index f11ff55d00..84ebe6ca91 100644
--- a/packages/radio-group/package.json
+++ b/packages/radio-group/package.json
@@ -21,6 +21,6 @@
"tslib": "^2.4.0",
"@alfalab/core-components-shared": "^0.14.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/radio/package.json b/packages/radio/package.json
index 7843c1323c..20c3341173 100644
--- a/packages/radio/package.json
+++ b/packages/radio/package.json
@@ -21,6 +21,6 @@
"react-merge-refs": "^1.1.0",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/scrollbar/package.json b/packages/scrollbar/package.json
index 56b6c30262..dc022bcd49 100644
--- a/packages/scrollbar/package.json
+++ b/packages/scrollbar/package.json
@@ -28,6 +28,6 @@
"devDependencies": {
"@types/lodash.throttle": "^4.1.7"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/segmented-control/package.json b/packages/segmented-control/package.json
index bb2bbe361c..a90550bfd6 100644
--- a/packages/segmented-control/package.json
+++ b/packages/segmented-control/package.json
@@ -20,6 +20,6 @@
"react-merge-refs": "^1.1.0",
"@juggle/resize-observer": "^3.3.1"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/select-with-tags/CHANGELOG.md b/packages/select-with-tags/CHANGELOG.md
index 8bfe8b9bf2..9ee0533cfd 100644
--- a/packages/select-with-tags/CHANGELOG.md
+++ b/packages/select-with-tags/CHANGELOG.md
@@ -1,5 +1,13 @@
# Change Log
+## 8.5.6
+
+### Patch Changes
+
+- Обновлены зависимости
+ - bottom-sheet@6.17.11
+ - select@17.17.4
+
## 8.5.5
### Patch Changes
diff --git a/packages/select-with-tags/package.json b/packages/select-with-tags/package.json
index cf2add92c8..a2d1a5203e 100644
--- a/packages/select-with-tags/package.json
+++ b/packages/select-with-tags/package.json
@@ -1,6 +1,6 @@
{
"name": "@alfalab/core-components-select-with-tags",
- "version": "8.5.5",
+ "version": "8.5.6",
"description": "",
"keywords": [],
"license": "MIT",
@@ -15,9 +15,9 @@
},
"dependencies": {
"@alfalab/core-components-form-control": "^12.7.2",
- "@alfalab/core-components-select": "^17.17.3",
+ "@alfalab/core-components-select": "^17.17.4",
"@alfalab/core-components-tag": "^8.6.2",
- "@alfalab/core-components-bottom-sheet": "^6.17.10",
+ "@alfalab/core-components-bottom-sheet": "^6.17.11",
"@alfalab/core-components-mq": "^4.4.0",
"@alfalab/core-components-popover": "^6.3.3",
"@alfalab/hooks": "^1.13.0",
@@ -27,6 +27,6 @@
"tslib": "^2.4.0",
"@alfalab/core-components-shared": "^0.14.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/select/CHANGELOG.md b/packages/select/CHANGELOG.md
index 1a30057c89..3c896deee4 100644
--- a/packages/select/CHANGELOG.md
+++ b/packages/select/CHANGELOG.md
@@ -1,5 +1,13 @@
# Change Log
+## 17.17.4
+
+### Patch Changes
+
+- Обновлены зависимости
+ - bottom-sheet@6.17.11
+ - modal@9.8.4
+
## 17.17.3
### Patch Changes
diff --git a/packages/select/package.json b/packages/select/package.json
index 0c706241fd..9d567783c7 100644
--- a/packages/select/package.json
+++ b/packages/select/package.json
@@ -1,6 +1,6 @@
{
"name": "@alfalab/core-components-select",
- "version": "17.17.3",
+ "version": "17.17.4",
"description": "Select component",
"keywords": [],
"license": "MIT",
@@ -17,12 +17,12 @@
"dependencies": {
"@alfalab/core-components-badge": "^5.6.1",
"@alfalab/core-components-base-modal": "^5.8.4",
- "@alfalab/core-components-bottom-sheet": "^6.17.10",
+ "@alfalab/core-components-bottom-sheet": "^6.17.11",
"@alfalab/core-components-button": "^11.10.2",
"@alfalab/core-components-checkbox": "^4.7.2",
"@alfalab/core-components-form-control": "^12.7.2",
"@alfalab/core-components-input": "^15.3.2",
- "@alfalab/core-components-modal": "^9.8.3",
+ "@alfalab/core-components-modal": "^9.8.4",
"@alfalab/core-components-mq": "^4.4.0",
"@alfalab/core-components-popover": "^6.3.3",
"@alfalab/core-components-scrollbar": "^3.1.1",
@@ -39,6 +39,6 @@
"react-virtual": "^2.3.2",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/shared/package.json b/packages/shared/package.json
index cbc6fe696b..3977a99b86 100644
--- a/packages/shared/package.json
+++ b/packages/shared/package.json
@@ -20,6 +20,6 @@
"devDependencies": {
"@maskito/core": "^1.7.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/side-panel/CHANGELOG.md b/packages/side-panel/CHANGELOG.md
index 232a517731..20fff84fea 100644
--- a/packages/side-panel/CHANGELOG.md
+++ b/packages/side-panel/CHANGELOG.md
@@ -1,5 +1,12 @@
# Change Log
+## 5.8.4
+
+### Patch Changes
+
+- Обновлены зависимости
+ - navigation-bar-private@0.5.3
+
## 5.8.3
### Patch Changes
diff --git a/packages/side-panel/package.json b/packages/side-panel/package.json
index dcd35901b3..b2e6701fed 100644
--- a/packages/side-panel/package.json
+++ b/packages/side-panel/package.json
@@ -1,6 +1,6 @@
{
"name": "@alfalab/core-components-side-panel",
- "version": "5.8.3",
+ "version": "5.8.4",
"description": "SidePanel component",
"keywords": [],
"license": "MIT",
@@ -17,12 +17,12 @@
"@alfalab/core-components-base-modal": "^5.8.4",
"@alfalab/core-components-drawer": "^5.1.4",
"@alfalab/core-components-mq": "^4.4.0",
- "@alfalab/core-components-navigation-bar-private": "^0.5.2",
+ "@alfalab/core-components-navigation-bar-private": "^0.5.3",
"@alfalab/core-components-shared": "^0.14.0",
"classnames": "^2.3.1",
"react-merge-refs": "^1.1.0",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/skeleton/package.json b/packages/skeleton/package.json
index 7a7e24e37f..77b2727267 100644
--- a/packages/skeleton/package.json
+++ b/packages/skeleton/package.json
@@ -18,6 +18,6 @@
"classnames": "^2.3.1",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/slider-input/package.json b/packages/slider-input/package.json
index ef6cc185cd..db2a3f9ccb 100644
--- a/packages/slider-input/package.json
+++ b/packages/slider-input/package.json
@@ -20,6 +20,6 @@
"classnames": "^2.3.1",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/slider/package.json b/packages/slider/package.json
index 2d0a58940c..4a52108ec1 100644
--- a/packages/slider/package.json
+++ b/packages/slider/package.json
@@ -19,6 +19,6 @@
"nouislider": "^15.6.0",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/sortable-list/package.json b/packages/sortable-list/package.json
index 65acccdb1b..06ed74ba64 100644
--- a/packages/sortable-list/package.json
+++ b/packages/sortable-list/package.json
@@ -24,6 +24,6 @@
"classnames": "^2.3.1",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/space/package.json b/packages/space/package.json
index fd1afbc424..904552398d 100644
--- a/packages/space/package.json
+++ b/packages/space/package.json
@@ -17,6 +17,6 @@
"classnames": "^2.3.1",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/spinner/package.json b/packages/spinner/package.json
index ce5c3e8c68..03bda0d12a 100644
--- a/packages/spinner/package.json
+++ b/packages/spinner/package.json
@@ -20,6 +20,6 @@
"classnames": "^2.3.1",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/stack/package.json b/packages/stack/package.json
index bf391e1c98..71a984d368 100644
--- a/packages/stack/package.json
+++ b/packages/stack/package.json
@@ -18,6 +18,6 @@
"tslib": "^2.4.0",
"@alfalab/stack-context": "^1.16.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/status-badge/package.json b/packages/status-badge/package.json
index 97ffcd8135..3eb29403db 100644
--- a/packages/status-badge/package.json
+++ b/packages/status-badge/package.json
@@ -18,6 +18,6 @@
"classnames": "^2.3.1",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/status/package.json b/packages/status/package.json
index b56bbab7b7..de971a6195 100644
--- a/packages/status/package.json
+++ b/packages/status/package.json
@@ -17,6 +17,6 @@
"classnames": "^2.3.1",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/stepped-progress-bar/CHANGELOG.md b/packages/stepped-progress-bar/CHANGELOG.md
index 1dc09fa204..0c504b6173 100644
--- a/packages/stepped-progress-bar/CHANGELOG.md
+++ b/packages/stepped-progress-bar/CHANGELOG.md
@@ -1,5 +1,12 @@
# Change Log
+## 2.4.4
+
+### Patch Changes
+
+- Обновлены зависимости
+ - typography@4.11.0
+
## 2.4.3
### Patch Changes
diff --git a/packages/stepped-progress-bar/package.json b/packages/stepped-progress-bar/package.json
index b9f038a593..ce4febd442 100644
--- a/packages/stepped-progress-bar/package.json
+++ b/packages/stepped-progress-bar/package.json
@@ -1,6 +1,6 @@
{
"name": "@alfalab/core-components-stepped-progress-bar",
- "version": "2.4.3",
+ "version": "2.4.4",
"description": "",
"keywords": [],
"license": "MIT",
@@ -14,10 +14,10 @@
"react": "^16.9.0 || ^17.0.1 || ^18.0.0"
},
"dependencies": {
- "@alfalab/core-components-typography": "^4.10.3",
+ "@alfalab/core-components-typography": "^4.11.0",
"classnames": "^2.3.1",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/steps/package.json b/packages/steps/package.json
index 2862d3ff52..3d47344ca5 100644
--- a/packages/steps/package.json
+++ b/packages/steps/package.json
@@ -20,6 +20,6 @@
"classnames": "^2.3.1",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/switch/package.json b/packages/switch/package.json
index 9efe05a5a5..4894476b0f 100644
--- a/packages/switch/package.json
+++ b/packages/switch/package.json
@@ -21,6 +21,6 @@
"react-merge-refs": "^1.1.0",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/system-message/package.json b/packages/system-message/package.json
index 69494cef00..7738b06c47 100644
--- a/packages/system-message/package.json
+++ b/packages/system-message/package.json
@@ -19,6 +19,6 @@
"classnames": "^2.3.1",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/tab-bar/CHANGELOG.md b/packages/tab-bar/CHANGELOG.md
index 4607e25282..d4f0c7227f 100644
--- a/packages/tab-bar/CHANGELOG.md
+++ b/packages/tab-bar/CHANGELOG.md
@@ -1,5 +1,12 @@
# Change Log
+## 2.1.6
+
+### Patch Changes
+
+- Обновлены зависимости
+ - typography@4.11.0
+
## 2.1.5
### Patch Changes
diff --git a/packages/tab-bar/package.json b/packages/tab-bar/package.json
index 625a0b42ee..2c22c2ae23 100644
--- a/packages/tab-bar/package.json
+++ b/packages/tab-bar/package.json
@@ -1,6 +1,6 @@
{
"name": "@alfalab/core-components-tab-bar",
- "version": "2.1.5",
+ "version": "2.1.6",
"description": "",
"keywords": [],
"license": "MIT",
@@ -15,12 +15,12 @@
"react-dom": ">=16.8.0"
},
"dependencies": {
- "@alfalab/core-components-typography": "^4.10.3",
+ "@alfalab/core-components-typography": "^4.11.0",
"@alfalab/core-components-indicator": "^2.2.1",
"@alfalab/core-components-shared": "^0.14.0",
"classnames": "^2.3.1",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/table/CHANGELOG.md b/packages/table/CHANGELOG.md
index f782431518..9a7ee622eb 100644
--- a/packages/table/CHANGELOG.md
+++ b/packages/table/CHANGELOG.md
@@ -1,5 +1,20 @@
# Change Log
+## 2.8.0
+
+### Minor Changes
+
+
+
+### [#1462](https://github.com/core-ds/core-components/pull/1462)
+
+- Добавлен forwardRef для компонента TExpandableRow
+
+### Patch Changes
+
+- Обновлены зависимости
+ - select@17.17.4
+
## 2.7.5
### Patch Changes
diff --git a/packages/table/package.json b/packages/table/package.json
index 1edcb7fd73..a590dc1894 100644
--- a/packages/table/package.json
+++ b/packages/table/package.json
@@ -1,6 +1,6 @@
{
"name": "@alfalab/core-components-table",
- "version": "2.7.5",
+ "version": "2.8.0",
"description": "",
"keywords": [],
"license": "MIT",
@@ -17,10 +17,10 @@
"dependencies": {
"@alfalab/core-components-button": "^11.10.2",
"@alfalab/core-components-pagination": "^2.4.5",
- "@alfalab/core-components-select": "^17.17.3",
+ "@alfalab/core-components-select": "^17.17.4",
"classnames": "^2.3.1",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/table/src/components/texpandable-row/Component.tsx b/packages/table/src/components/texpandable-row/Component.tsx
index d1d42b1a93..9ea5107e7b 100644
--- a/packages/table/src/components/texpandable-row/Component.tsx
+++ b/packages/table/src/components/texpandable-row/Component.tsx
@@ -1,4 +1,4 @@
-import React, { ReactNode, useState } from 'react';
+import React, { forwardRef, ReactNode, useState } from 'react';
import cn from 'classnames';
import { TRow, TRowProps } from '../trow';
@@ -15,44 +15,51 @@ export type TExpandableRowProps = TRowProps & {
renderContent: (expanded: boolean) => ReactNode;
};
-export const TExpandableRow = ({
- className,
- selected,
- expanded,
- defaultExpanded = false,
- onToggle = () => null,
- renderContent = () => null,
- ...restProps
-}: TExpandableRowProps) => {
- const [expandedState, setExpandedState] = useState
(defaultExpanded);
-
- const uncontrolled = expanded === undefined;
-
- const isExpanded = (uncontrolled ? expandedState : expanded) as boolean;
-
- const handleToggle = () => {
- if (uncontrolled) {
- setExpandedState(!isExpanded);
- }
-
- onToggle(isExpanded);
- };
-
- return (
-
-
-
-
- {renderContent(isExpanded)}
-
-
- );
-};
+export const TExpandableRow = forwardRef(
+ (
+ {
+ className,
+ selected,
+ expanded,
+ defaultExpanded = false,
+ onToggle = () => null,
+ renderContent = () => null,
+ ...restProps
+ }: TExpandableRowProps,
+ ref,
+ ) => {
+ const [expandedState, setExpandedState] = useState(defaultExpanded);
+
+ const uncontrolled = expanded === undefined;
+
+ const isExpanded = (uncontrolled ? expandedState : expanded) as boolean;
+
+ const handleToggle = () => {
+ if (uncontrolled) {
+ setExpandedState(!isExpanded);
+ }
+
+ onToggle(isExpanded);
+ };
+
+ return (
+
+
+
+
+ {renderContent(isExpanded)}
+
+
+ );
+ },
+);
+
+TExpandableRow.displayName = 'TExpandableRow';
diff --git a/packages/tabs/CHANGELOG.md b/packages/tabs/CHANGELOG.md
index e5a9f02134..63c3ba48cf 100644
--- a/packages/tabs/CHANGELOG.md
+++ b/packages/tabs/CHANGELOG.md
@@ -1,5 +1,12 @@
# Change Log
+## 8.12.6
+
+### Patch Changes
+
+- Обновлены зависимости
+ - picker-button@11.12.6
+
## 8.12.5
### Patch Changes
diff --git a/packages/tabs/package.json b/packages/tabs/package.json
index aaad62659a..16c5c9f988 100644
--- a/packages/tabs/package.json
+++ b/packages/tabs/package.json
@@ -1,6 +1,6 @@
{
"name": "@alfalab/core-components-tabs",
- "version": "8.12.5",
+ "version": "8.12.6",
"description": "Tabs components",
"keywords": [],
"license": "MIT",
@@ -16,7 +16,7 @@
"dependencies": {
"@alfalab/core-components-keyboard-focusable": "^4.1.0",
"@alfalab/core-components-tag": "^8.6.2",
- "@alfalab/core-components-picker-button": "^11.12.5",
+ "@alfalab/core-components-picker-button": "^11.12.6",
"@alfalab/core-components-badge": "^5.6.1",
"@alfalab/core-components-mq": "^4.4.0",
"@alfalab/hooks": "^1.13.0",
@@ -34,6 +34,6 @@
"react": "^16.9.0 || ^17.0.1 || ^18.0.0",
"react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/tag/package.json b/packages/tag/package.json
index 1b27f976a5..70951992e7 100644
--- a/packages/tag/package.json
+++ b/packages/tag/package.json
@@ -21,6 +21,6 @@
"tslib": "^2.4.0",
"@alfalab/core-components-shared": "^0.14.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/text/package.json b/packages/text/package.json
index 7fe55db618..3a616df17f 100644
--- a/packages/text/package.json
+++ b/packages/text/package.json
@@ -17,6 +17,6 @@
"classnames": "^2.3.1",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/textarea/CHANGELOG.md b/packages/textarea/CHANGELOG.md
index f66205b4a5..5e98ba4447 100644
--- a/packages/textarea/CHANGELOG.md
+++ b/packages/textarea/CHANGELOG.md
@@ -1,5 +1,15 @@
# Change Log
+## 8.8.7
+
+### Patch Changes
+
+
+
+### [#1445](https://github.com/core-ds/core-components/pull/1445)
+
+- Повышена специфичность стилей
+
## 8.8.6
### Patch Changes
diff --git a/packages/textarea/package.json b/packages/textarea/package.json
index c0d7006b1e..9bd45a42df 100644
--- a/packages/textarea/package.json
+++ b/packages/textarea/package.json
@@ -1,6 +1,6 @@
{
"name": "@alfalab/core-components-textarea",
- "version": "8.8.6",
+ "version": "8.8.7",
"description": "",
"keywords": [],
"license": "MIT",
@@ -23,6 +23,6 @@
"react-textarea-autosize": "^8.3.4",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/textarea/src/index.module.css b/packages/textarea/src/index.module.css
index 341dc9084e..fbc95db247 100644
--- a/packages/textarea/src/index.module.css
+++ b/packages/textarea/src/index.module.css
@@ -112,7 +112,7 @@
padding: var(--form-control-sub-paddings);
}
-.textarea.hasInnerLabel.hasInnerLabel {
+.textarea.textarea.hasInnerLabel.hasInnerLabel {
padding-top: var(--gap-0);
padding-bottom: var(--gap-0);
}
@@ -181,7 +181,7 @@
}
/* Border нужен для того чтобы растянуть textarea на всю высоту FormControl , если заменить на padding, то лейбл не будет кликабельный */
-.textarea {
+.textarea.textarea {
&.size-48 {
border-top: var(--textarea-s-spacer) var(--textarea-spacer-style);
border-bottom: var(--textarea-s-spacer) var(--textarea-spacer-style);
diff --git a/packages/themes/CHANGELOG.md b/packages/themes/CHANGELOG.md
index 4eed248b42..3ea0aebb2c 100644
--- a/packages/themes/CHANGELOG.md
+++ b/packages/themes/CHANGELOG.md
@@ -1,5 +1,15 @@
# Change Log
+## 13.6.0
+
+### Minor Changes
+
+
+
+### [#1449](https://github.com/core-ds/core-components/pull/1449)
+
+- Обновление цветовых палитр
+
## 13.5.0
### Minor Changes
diff --git a/packages/themes/package.json b/packages/themes/package.json
index afe36502ff..2d672e5958 100644
--- a/packages/themes/package.json
+++ b/packages/themes/package.json
@@ -1,6 +1,6 @@
{
"name": "@alfalab/core-components-themes",
- "version": "13.5.0",
+ "version": "13.6.0",
"description": "",
"keywords": [],
"license": "MIT",
diff --git a/packages/themes/src/dark.css b/packages/themes/src/dark.css
index e2659bf09e..c00af57377 100644
--- a/packages/themes/src/dark.css
+++ b/packages/themes/src/dark.css
@@ -53,6 +53,12 @@
--color-light-neutral-100-inverted-hover: var(--color-dark-neutral-100-inverted-hover);
--color-light-neutral-100-inverted-press: var(--color-dark-neutral-100-inverted-press);
--color-light-neutral-100-press: var(--color-dark-neutral-100-press);
+ --color-light-neutral-1300: var(--color-dark-neutral-1300);
+ --color-light-neutral-1300-hover: var(--color-dark-neutral-1300-hover);
+ --color-light-neutral-1300-inverted: var(--color-dark-neutral-1300-inverted);
+ --color-light-neutral-1300-inverted-hover: var(--color-dark-neutral-1300-inverted-hover);
+ --color-light-neutral-1300-inverted-press: var(--color-dark-neutral-1300-inverted-press);
+ --color-light-neutral-1300-press: var(--color-dark-neutral-1300-press);
--color-light-neutral-1500: var(--color-dark-neutral-1500);
--color-light-neutral-1500-hover: var(--color-dark-neutral-1500-hover);
--color-light-neutral-1500-inverted: var(--color-dark-neutral-1500-inverted);
diff --git a/packages/themes/src/mixins/dark.css b/packages/themes/src/mixins/dark.css
index baf7a9ae1c..4855853fc8 100644
--- a/packages/themes/src/mixins/dark.css
+++ b/packages/themes/src/mixins/dark.css
@@ -53,6 +53,12 @@
--color-light-neutral-100-inverted-hover: var(--color-dark-neutral-100-inverted-hover);
--color-light-neutral-100-inverted-press: var(--color-dark-neutral-100-inverted-press);
--color-light-neutral-100-press: var(--color-dark-neutral-100-press);
+ --color-light-neutral-1300: var(--color-dark-neutral-1300);
+ --color-light-neutral-1300-hover: var(--color-dark-neutral-1300-hover);
+ --color-light-neutral-1300-inverted: var(--color-dark-neutral-1300-inverted);
+ --color-light-neutral-1300-inverted-hover: var(--color-dark-neutral-1300-inverted-hover);
+ --color-light-neutral-1300-inverted-press: var(--color-dark-neutral-1300-inverted-press);
+ --color-light-neutral-1300-press: var(--color-dark-neutral-1300-press);
--color-light-neutral-1500: var(--color-dark-neutral-1500);
--color-light-neutral-1500-hover: var(--color-dark-neutral-1500-hover);
--color-light-neutral-1500-inverted: var(--color-dark-neutral-1500-inverted);
diff --git a/packages/time-input/package.json b/packages/time-input/package.json
index 58b7792d24..02075d238e 100644
--- a/packages/time-input/package.json
+++ b/packages/time-input/package.json
@@ -18,6 +18,6 @@
"@alfalab/core-components-input": "^15.3.2",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/toast-plate/package.json b/packages/toast-plate/package.json
index a556693eb0..890dc99e14 100644
--- a/packages/toast-plate/package.json
+++ b/packages/toast-plate/package.json
@@ -23,6 +23,6 @@
"tslib": "^2.4.0",
"@alfalab/core-components-shared": "^0.14.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/toast/package.json b/packages/toast/package.json
index fb47237bb5..4eb40eff34 100644
--- a/packages/toast/package.json
+++ b/packages/toast/package.json
@@ -27,6 +27,6 @@
"tslib": "^2.4.0",
"@alfalab/core-components-shared": "^0.14.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/tooltip/CHANGELOG.md b/packages/tooltip/CHANGELOG.md
index 684b2f34a9..fa14744e75 100644
--- a/packages/tooltip/CHANGELOG.md
+++ b/packages/tooltip/CHANGELOG.md
@@ -1,5 +1,20 @@
# Change Log
+## 7.8.0
+
+### Minor Changes
+
+
+
+### [#1447](https://github.com/core-ds/core-components/pull/1447)
+
+- В мобильном tooltip изменен размер кнопки на 56 для соответствия дизайну (в мобильных приложениях используются кнопки этого размера)
+
+### Patch Changes
+
+- Обновлены зависимости
+ - bottom-sheet@6.17.11
+
## 7.7.3
### Patch Changes
diff --git a/packages/tooltip/package.json b/packages/tooltip/package.json
index 561f8aff24..c6f9e5266e 100644
--- a/packages/tooltip/package.json
+++ b/packages/tooltip/package.json
@@ -1,6 +1,6 @@
{
"name": "@alfalab/core-components-tooltip",
- "version": "7.7.3",
+ "version": "7.8.0",
"description": "Tooltip component",
"keywords": [],
"license": "MIT",
@@ -15,7 +15,7 @@
"react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
},
"dependencies": {
- "@alfalab/core-components-bottom-sheet": "^6.17.10",
+ "@alfalab/core-components-bottom-sheet": "^6.17.11",
"@alfalab/core-components-button": "^11.10.2",
"@alfalab/core-components-popover": "^6.3.3",
"@alfalab/core-components-mq": "^4.4.0",
@@ -24,6 +24,6 @@
"tslib": "^2.4.0",
"@alfalab/core-components-shared": "^0.14.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/tooltip/src/mobile/Component.mobile.tsx b/packages/tooltip/src/mobile/Component.mobile.tsx
index 64cb6643fb..73de80f3b3 100644
--- a/packages/tooltip/src/mobile/Component.mobile.tsx
+++ b/packages/tooltip/src/mobile/Component.mobile.tsx
@@ -43,7 +43,7 @@ export const TooltipMobile: React.FC = ({
+
{actionButtonTitle}
}
diff --git a/packages/typography/CHANGELOG.md b/packages/typography/CHANGELOG.md
index 926b611669..3d7d27819a 100644
--- a/packages/typography/CHANGELOG.md
+++ b/packages/typography/CHANGELOG.md
@@ -1,5 +1,16 @@
# Change Log
+## 4.11.0
+
+### Minor Changes
+
+
+
+### [#1464](https://github.com/core-ds/core-components/pull/1464)
+
+- Добавлены атомарные экспорты TitleDesktop, TitleMobile, TitleResponsive и Text
+- В package.json добавлено sideEffects:false
+
## 4.10.3
### Patch Changes
diff --git a/packages/typography/package.json b/packages/typography/package.json
index 53165ace6f..6663026cf5 100644
--- a/packages/typography/package.json
+++ b/packages/typography/package.json
@@ -1,6 +1,6 @@
{
"name": "@alfalab/core-components-typography",
- "version": "4.10.3",
+ "version": "4.11.0",
"description": "",
"keywords": [],
"license": "MIT",
@@ -10,6 +10,7 @@
"access": "public",
"directory": "dist"
},
+ "sideEffects": false,
"peerDependencies": {
"react": "^16.9.0 || ^17.0.1 || ^18.0.0"
},
@@ -21,6 +22,6 @@
"react-merge-refs": "^1.1.0",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/typography/src/component.tsx b/packages/typography/src/component.tsx
index f9aa7f498a..ffb52ea64e 100644
--- a/packages/typography/src/component.tsx
+++ b/packages/typography/src/component.tsx
@@ -17,3 +17,5 @@ export const Typography: {
TitleResponsive,
TitleMobile,
};
+
+export { Text, Title as TitleDesktop, TitleResponsive, TitleMobile };
diff --git a/packages/typography/src/docs/description.mdx b/packages/typography/src/docs/description.mdx
index e17e874f58..ff8aff2250 100644
--- a/packages/typography/src/docs/description.mdx
+++ b/packages/typography/src/docs/description.mdx
@@ -167,10 +167,10 @@ render(() => {
breakpoint={BREAKPOINT}
/>
- setMonospaceNumbers(!monospaceNumbers)}
- label='MonospaceNumbers'
+ setMonospaceNumbers(!monospaceNumbers)}
+ label='MonospaceNumbers'
/>
{Object.keys(VIEW_TYPES).map((view) => (
diff --git a/packages/typography/src/docs/development.mdx b/packages/typography/src/docs/development.mdx
index 27ae2eadd7..ba985da2ff 100644
--- a/packages/typography/src/docs/development.mdx
+++ b/packages/typography/src/docs/development.mdx
@@ -5,10 +5,15 @@ import { Typography } from '../component';
Актуальный набор текстовых стилей доступен в нескольких вариантах:
-1. Компоненты Typography.Title, Typography.TitleMobile, Typography.TitleResponsive и Typography.Text
-2. Миксины в core-components/vars/typography.css
+1. Атомарные компоненты TitleDesktop, TitleMobile, TitleResponsive и Text
+2. Компаунд-компоненты Typography.Title, Typography.TitleMobile, Typography.TitleResponsive и Typography.Text
+3. Миксины в core-components/vars/typography.css
```jsx
+// Атомарные импорты
+import { TitleDesktop, TitleMobile, TitleResponsive, Text } from '@alfalab/core-components/typography';
+
+// Компаунд импорт
import { Typography } from '@alfalab/core-components/typography';
@import '@alfalab/core-components/vars/typography.css';
@@ -26,8 +31,8 @@ import { Typography } from '@alfalab/core-components/typography';
## Styrene
-Если в вашем продукте используется шрифт Styrene, его необходимо подключить.
-Для всех Styrene-элементов должна быть включена настройка `font-feature-settings: 'ss01';`,
+Если в вашем продукте используется шрифт Styrene, его необходимо подключить.
+Для всех Styrene-элементов должна быть включена настройка `font-feature-settings: 'ss01';`,
и рекомендуем не забыть про сглаживание `-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;`.
```css
diff --git a/packages/underlay/package.json b/packages/underlay/package.json
index 353ed2d3b5..f55fd0d7a5 100644
--- a/packages/underlay/package.json
+++ b/packages/underlay/package.json
@@ -16,6 +16,6 @@
"dependencies": {
"classnames": "^2.3.1"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/underlay/src/__image_snapshots__/underlay-background-color-props-sprite-snap.png b/packages/underlay/src/__image_snapshots__/underlay-background-color-props-sprite-snap.png
index fe472d72f9..c507ac7b43 100644
--- a/packages/underlay/src/__image_snapshots__/underlay-background-color-props-sprite-snap.png
+++ b/packages/underlay/src/__image_snapshots__/underlay-background-color-props-sprite-snap.png
@@ -1,3 +1,3 @@
version https://git-lfs.github.com/spec/v1
-oid sha256:b1ec3120f58f1c36b145ab11a5cadb39d70677a0e460e87350d69acea11e5cb5
-size 22354
+oid sha256:de729b8aa7eb616273063fbc7991ba2f86ba5c3195b637c572d0f01b15780271
+size 23023
diff --git a/packages/universal-date-input/package.json b/packages/universal-date-input/package.json
index 32fb7606de..ec3678fcbb 100644
--- a/packages/universal-date-input/package.json
+++ b/packages/universal-date-input/package.json
@@ -27,8 +27,8 @@
"tslib": "^2.4.0"
},
"devDependencies": {
- "@alfalab/core-components-calendar": "^7.15.3"
+ "@alfalab/core-components-calendar": "^7.15.4"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/packages/vars/CHANGELOG.md b/packages/vars/CHANGELOG.md
index e2ea0833b4..f550af7297 100644
--- a/packages/vars/CHANGELOG.md
+++ b/packages/vars/CHANGELOG.md
@@ -1,5 +1,15 @@
# Change Log
+## 9.16.0
+
+### Minor Changes
+
+
+
+### [#1449](https://github.com/core-ds/core-components/pull/1449)
+
+- Обновление цветовых палитр
+
## 9.15.0
### Minor Changes
diff --git a/packages/vars/package.json b/packages/vars/package.json
index 8c3687fb5b..e2978a0e1c 100644
--- a/packages/vars/package.json
+++ b/packages/vars/package.json
@@ -1,6 +1,6 @@
{
"name": "@alfalab/core-components-vars",
- "version": "9.15.0",
+ "version": "9.16.0",
"description": "",
"keywords": [],
"license": "MIT",
diff --git a/packages/vars/src/colors-bluetint.css b/packages/vars/src/colors-bluetint.css
index 9f90e7273f..2a6afb370f 100644
--- a/packages/vars/src/colors-bluetint.css
+++ b/packages/vars/src/colors-bluetint.css
@@ -47,6 +47,12 @@
--color-dark-neutral-100-inverted-hover: #e7e8eb;
--color-dark-neutral-100-inverted-press: #dcdde1;
--color-dark-neutral-100-press: #29292c;
+ --color-dark-neutral-1300: #f2f3f5;
+ --color-dark-neutral-1300-hover: #d2d3d9;
+ --color-dark-neutral-1300-inverted: #212124;
+ --color-dark-neutral-1300-inverted-hover: #3f3f45;
+ --color-dark-neutral-1300-inverted-press: #5f5f66;
+ --color-dark-neutral-1300-press: #babbc2;
--color-dark-neutral-1500: #fff;
--color-dark-neutral-1500-hover: #babbc2;
--color-dark-neutral-1500-inverted: #121213;
@@ -98,8 +104,8 @@
--color-dark-neutral-translucent-1300: rgba(255, 255, 255, 0.94);
--color-dark-neutral-translucent-1300-hover: rgba(255, 255, 255, 0.7);
--color-dark-neutral-translucent-1300-inverted: rgba(3, 3, 6, 0.88);
- --color-dark-neutral-translucent-1300-inverted-hover: rgba(3, 3, 8, 0.8);
- --color-dark-neutral-translucent-1300-inverted-press: rgba(0, 0, 10, 0.71);
+ --color-dark-neutral-translucent-1300-inverted-hover: rgba(2, 2, 10, 0.76);
+ --color-dark-neutral-translucent-1300-inverted-press: rgba(1, 1, 12, 0.63);
--color-dark-neutral-translucent-1300-press: rgba(255, 255, 255, 0.6);
--color-dark-neutral-translucent-1500-hover: rgba(243, 245, 254, 0.75);
--color-dark-neutral-translucent-1500-inverted-hover: rgba(2, 2, 10, 0.76);
@@ -305,6 +311,12 @@
--color-light-neutral-100-inverted-hover: #212124;
--color-light-neutral-100-inverted-press: #29292c;
--color-light-neutral-100-press: #dcdde1;
+ --color-light-neutral-1300: #212124;
+ --color-light-neutral-1300-hover: #3f3f45;
+ --color-light-neutral-1300-inverted: #f2f3f5;
+ --color-light-neutral-1300-inverted-hover: #d2d3d9;
+ --color-light-neutral-1300-inverted-press: #babbc2;
+ --color-light-neutral-1300-press: #5f5f66;
--color-light-neutral-1500: #121213;
--color-light-neutral-1500-hover: #3f3f45;
--color-light-neutral-1500-inverted: #fff;
@@ -354,11 +366,11 @@
--color-light-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
--color-light-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
--color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
- --color-light-neutral-translucent-1300-hover: rgba(3, 3, 8, 0.8);
+ --color-light-neutral-translucent-1300-hover: rgba(2, 2, 10, 0.76);
--color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
--color-light-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
--color-light-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
- --color-light-neutral-translucent-1300-press: rgba(0, 0, 10, 0.71);
+ --color-light-neutral-translucent-1300-press: rgba(1, 1, 12, 0.63);
--color-light-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
--color-light-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
--color-light-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
@@ -527,7 +539,7 @@
--color-static-accent-secondary-inverted-hover: #dcdde1;
--color-static-accent-secondary-inverted-press: #d2d3d9;
--color-static-accent-secondary-press: #353539;
- --color-static-bg-primary-dark: #0e0e0e;
+ --color-static-bg-primary-dark: #121213;
--color-static-neutral-0: #fff;
--color-static-neutral-0-hover: #e7e8eb;
--color-static-neutral-0-inverted: #262629;
@@ -540,6 +552,12 @@
--color-static-neutral-100-inverted-hover: #212124;
--color-static-neutral-100-inverted-press: #29292c;
--color-static-neutral-100-press: #dcdde1;
+ --color-static-neutral-1300: #212124;
+ --color-static-neutral-1300-hover: #3f3f45;
+ --color-static-neutral-1300-inverted: #f2f3f5;
+ --color-static-neutral-1300-inverted-hover: #d2d3d9;
+ --color-static-neutral-1300-inverted-press: #babbc2;
+ --color-static-neutral-1300-press: #5f5f66;
--color-static-neutral-1500: #121213;
--color-static-neutral-1500-hover: #3f3f45;
--color-static-neutral-1500-inverted: #fff;
@@ -589,11 +607,11 @@
--color-static-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
--color-static-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
--color-static-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
- --color-static-neutral-translucent-1300-hover: rgba(3, 3, 8, 0.8);
+ --color-static-neutral-translucent-1300-hover: rgba(2, 2, 10, 0.76);
--color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
--color-static-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
--color-static-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
- --color-static-neutral-translucent-1300-press: rgba(0, 0, 10, 0.71);
+ --color-static-neutral-translucent-1300-press: rgba(1, 1, 12, 0.63);
--color-static-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
--color-static-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
--color-static-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
@@ -715,7 +733,7 @@
--color-dark-bg-opaque: rgba(255, 255, 255, 0.8); /* deprecated */
--color-dark-bg-overlay: rgba(0, 0, 0, 0.8); /* deprecated */
--color-dark-bg-positive-muted: #232d25; /* deprecated */
- --color-dark-bg-primary: #0e0e0e; /* deprecated */
+ --color-dark-bg-primary: #121213; /* deprecated */
--color-dark-bg-primary-grouped: #1a1a1d; /* deprecated */
--color-dark-bg-primary-inverted: #fff; /* deprecated */
--color-dark-bg-quaternary: #36363a; /* deprecated */
@@ -744,8 +762,8 @@
--color-dark-graphic-negative: #ff5431; /* deprecated */
--color-dark-graphic-neutral: #2a2a2c; /* deprecated */
--color-dark-graphic-positive: #17d055; /* deprecated */
- --color-dark-graphic-primary: #fff; /* deprecated */
- --color-dark-graphic-primary-inverted: #0e0e0e; /* deprecated */
+ --color-dark-graphic-primary: #f1f1f1; /* deprecated */
+ --color-dark-graphic-primary-inverted: #212124; /* deprecated */
--color-dark-graphic-quaternary: #27272a; /* deprecated */
--color-dark-graphic-quaternary-inverted: #e7e8ec; /* deprecated */
--color-dark-graphic-secondary: #898991; /* deprecated */
@@ -788,7 +806,7 @@
--color-light-bg-positive-muted: #dff8e5; /* deprecated */
--color-light-bg-primary: #fff; /* deprecated */
--color-light-bg-primary-grouped: #f2f2f6; /* deprecated */
- --color-light-bg-primary-inverted: #0e0e0e; /* deprecated */
+ --color-light-bg-primary-inverted: #121213; /* deprecated */
--color-light-bg-quaternary: #dcdee2; /* deprecated */
--color-light-bg-quaternary-inverted: #36363a; /* deprecated */
--color-light-bg-secondary: #f2f3f5; /* deprecated */
@@ -815,8 +833,8 @@
--color-light-graphic-negative: #ff5431; /* deprecated */
--color-light-graphic-neutral: #dcdcdd; /* deprecated */
--color-light-graphic-positive: #0cc44d; /* deprecated */
- --color-light-graphic-primary: #0e0e0e; /* deprecated */
- --color-light-graphic-primary-inverted: #fff; /* deprecated */
+ --color-light-graphic-primary: #212124; /* deprecated */
+ --color-light-graphic-primary-inverted: #f1f1f1; /* deprecated */
--color-light-graphic-quaternary: #e7e8ec; /* deprecated */
--color-light-graphic-quaternary-inverted: #27272a; /* deprecated */
--color-light-graphic-secondary: #898991; /* deprecated */
@@ -858,8 +876,8 @@
--color-static-bg-tertiary-light: #edeef0; /* deprecated */
--color-static-border-accent: #ef3124; /* deprecated */
--color-static-graphic-accent: #ef3124; /* deprecated */
- --color-static-graphic-dark: #0e0e0e; /* deprecated */
- --color-static-graphic-light: #fff; /* deprecated */
+ --color-static-graphic-dark: #212124; /* deprecated */
+ --color-static-graphic-light: #f1f1f1; /* deprecated */
--color-static-text-accent: #ef3124; /* deprecated */
--color-static-text-secondary-dark-transparent: rgba(3, 3, 16, 0.56); /* deprecated */
--color-static-text-secondary-light-transparent: rgba(235, 235, 245, 0.6); /* deprecated */
@@ -915,10 +933,10 @@
--color-light-text-secondary-shade-40: rgba(2, 2, 11, 0.73); /* deprecated */
--color-light-text-secondary-inverted-tint-20: rgba(241, 241, 252, 0.64); /* deprecated */
--color-light-text-secondary-inverted-tint-30: rgba(243, 243, 252, 0.685); /* deprecated */
- --color-static-bg-primary-dark-alpha-10: rgba(14, 14, 14, 0.1); /* deprecated */
- --color-static-bg-primary-dark-alpha-20: rgba(14, 14, 14, 0.2); /* deprecated */
- --color-static-bg-primary-dark-tint-15: rgb(50, 50, 50); /* deprecated */
- --color-static-bg-primary-dark-tint-20: rgb(62, 62, 62); /* deprecated */
+ --color-static-bg-primary-dark-alpha-10: rgba(18, 18, 19, 0.1); /* deprecated */
+ --color-static-bg-primary-dark-alpha-20: rgba(18, 18, 19, 0.2); /* deprecated */
+ --color-static-bg-primary-dark-tint-15: rgb(54, 54, 54); /* deprecated */
+ --color-static-bg-primary-dark-tint-20: rgb(65, 65, 66); /* deprecated */
--color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
--color-dark-bg-accent-alpha-30: rgba(239, 49, 36, 0.3); /* deprecated */
--color-dark-bg-accent-shade-15: rgb(203, 42, 31); /* deprecated */
@@ -927,18 +945,18 @@
--color-dark-bg-accent-tint-10: rgb(241, 70, 58); /* deprecated */
--color-dark-bg-accent-tint-15: rgb(241, 80, 69); /* deprecated */
--color-dark-bg-accent-tint-30: rgb(244, 111, 102); /* deprecated */
- --color-dark-bg-primary-alpha-4: rgba(14, 14, 14, 0.04); /* deprecated */
- --color-dark-bg-primary-alpha-8: rgba(14, 14, 14, 0.08); /* deprecated */
- --color-dark-bg-primary-alpha-12: rgba(14, 14, 14, 0.12); /* deprecated */
- --color-dark-bg-primary-alpha-15: rgba(14, 14, 14, 0.15); /* deprecated */
- --color-dark-bg-primary-alpha-16: rgba(14, 14, 14, 0.16); /* deprecated */
- --color-dark-bg-primary-alpha-20: rgba(14, 14, 14, 0.2); /* deprecated */
- --color-dark-bg-primary-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
- --color-dark-bg-primary-alpha-32: rgba(14, 14, 14, 0.32); /* deprecated */
- --color-dark-bg-primary-alpha-37: rgba(14, 14, 14, 0.37); /* deprecated */
- --color-dark-bg-primary-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
- --color-dark-bg-primary-tint-7: rgb(31, 31, 31); /* deprecated */
- --color-dark-bg-primary-tint-15: rgb(50, 50, 50); /* deprecated */
+ --color-dark-bg-primary-alpha-4: rgba(18, 18, 19, 0.04); /* deprecated */
+ --color-dark-bg-primary-alpha-8: rgba(18, 18, 19, 0.08); /* deprecated */
+ --color-dark-bg-primary-alpha-12: rgba(18, 18, 19, 0.12); /* deprecated */
+ --color-dark-bg-primary-alpha-15: rgba(18, 18, 19, 0.15); /* deprecated */
+ --color-dark-bg-primary-alpha-16: rgba(18, 18, 19, 0.16); /* deprecated */
+ --color-dark-bg-primary-alpha-20: rgba(18, 18, 19, 0.2); /* deprecated */
+ --color-dark-bg-primary-alpha-30: rgba(18, 18, 19, 0.3); /* deprecated */
+ --color-dark-bg-primary-alpha-32: rgba(18, 18, 19, 0.32); /* deprecated */
+ --color-dark-bg-primary-alpha-37: rgba(18, 18, 19, 0.37); /* deprecated */
+ --color-dark-bg-primary-alpha-40: rgba(18, 18, 19, 0.4); /* deprecated */
+ --color-dark-bg-primary-tint-7: rgb(35, 35, 36); /* deprecated */
+ --color-dark-bg-primary-tint-15: rgb(54, 54, 54); /* deprecated */
--color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03); /* deprecated */
--color-dark-bg-primary-inverted-alpha-4: rgba(255, 255, 255, 0.04); /* deprecated */
--color-dark-bg-primary-inverted-alpha-5: rgba(255, 255, 255, 0.05); /* deprecated */
@@ -1000,23 +1018,23 @@
--color-dark-graphic-positive-alpha-10: rgba(23, 208, 85, 0.1); /* deprecated */
--color-dark-graphic-positive-tint-10: rgb(46, 213, 102); /* deprecated */
--color-dark-graphic-positive-tint-30: rgb(93, 222, 136); /* deprecated */
- --color-dark-graphic-primary-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
- --color-dark-graphic-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
- --color-dark-graphic-primary-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */
- --color-dark-graphic-primary-alpha-60: rgba(255, 255, 255, 0.6); /* deprecated */
- --color-dark-graphic-primary-shade-15: rgb(217, 217, 217); /* deprecated */
- --color-dark-graphic-primary-shade-20: rgb(204, 204, 204); /* deprecated */
- --color-dark-graphic-primary-shade-30: rgb(179, 179, 179); /* deprecated */
- --color-dark-graphic-primary-tint-10: rgb(255, 255, 255); /* deprecated */
- --color-dark-graphic-primary-tint-30: rgb(255, 255, 255); /* deprecated */
- --color-dark-graphic-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
- --color-dark-graphic-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
- --color-dark-graphic-primary-inverted-alpha-50: rgba(14, 14, 14, 0.5); /* deprecated */
- --color-dark-graphic-primary-inverted-alpha-60: rgba(14, 14, 14, 0.6); /* deprecated */
- --color-dark-graphic-primary-inverted-tint-7: rgb(31, 31, 31); /* deprecated */
- --color-dark-graphic-primary-inverted-tint-10: rgb(38, 38, 38); /* deprecated */
- --color-dark-graphic-primary-inverted-tint-15: rgb(50, 50, 50); /* deprecated */
- --color-dark-graphic-primary-inverted-tint-30: rgb(86, 86, 86); /* deprecated */
+ --color-dark-graphic-primary-alpha-30: rgba(241, 241, 241, 0.3); /* deprecated */
+ --color-dark-graphic-primary-alpha-40: rgba(241, 241, 241, 0.4); /* deprecated */
+ --color-dark-graphic-primary-alpha-50: rgba(241, 241, 241, 0.5); /* deprecated */
+ --color-dark-graphic-primary-alpha-60: rgba(241, 241, 241, 0.6); /* deprecated */
+ --color-dark-graphic-primary-shade-15: rgb(205, 205, 205); /* deprecated */
+ --color-dark-graphic-primary-shade-20: rgb(193, 193, 193); /* deprecated */
+ --color-dark-graphic-primary-shade-30: rgb(169, 169, 169); /* deprecated */
+ --color-dark-graphic-primary-tint-10: rgb(242, 242, 242); /* deprecated */
+ --color-dark-graphic-primary-tint-30: rgb(245, 245, 245); /* deprecated */
+ --color-dark-graphic-primary-inverted-alpha-30: rgba(33, 33, 36, 0.3); /* deprecated */
+ --color-dark-graphic-primary-inverted-alpha-40: rgba(33, 33, 36, 0.4); /* deprecated */
+ --color-dark-graphic-primary-inverted-alpha-50: rgba(33, 33, 36, 0.5); /* deprecated */
+ --color-dark-graphic-primary-inverted-alpha-60: rgba(33, 33, 36, 0.6); /* deprecated */
+ --color-dark-graphic-primary-inverted-tint-7: rgb(49, 49, 51); /* deprecated */
+ --color-dark-graphic-primary-inverted-tint-10: rgb(55, 55, 58); /* deprecated */
+ --color-dark-graphic-primary-inverted-tint-15: rgb(66, 66, 69); /* deprecated */
+ --color-dark-graphic-primary-inverted-tint-30: rgb(100, 100, 102); /* deprecated */
--color-dark-graphic-quaternary-tint-10: rgb(61, 61, 63); /* deprecated */
--color-dark-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
--color-dark-graphic-secondary-tint-30: rgb(172, 172, 178); /* deprecated */
@@ -1076,24 +1094,24 @@
--color-light-bg-primary-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
--color-light-bg-primary-shade-7: rgb(237, 237, 237); /* deprecated */
--color-light-bg-primary-shade-15: rgb(217, 217, 217); /* deprecated */
- --color-light-bg-primary-inverted-alpha-3: rgba(14, 14, 14, 0.03); /* deprecated */
- --color-light-bg-primary-inverted-alpha-4: rgba(14, 14, 14, 0.04); /* deprecated */
- --color-light-bg-primary-inverted-alpha-5: rgba(14, 14, 14, 0.05); /* deprecated */
- --color-light-bg-primary-inverted-alpha-7: rgba(14, 14, 14, 0.07); /* deprecated */
- --color-light-bg-primary-inverted-alpha-8: rgba(14, 14, 14, 0.08); /* deprecated */
- --color-light-bg-primary-inverted-alpha-10: rgba(14, 14, 14, 0.1); /* deprecated */
- --color-light-bg-primary-inverted-alpha-12: rgba(14, 14, 14, 0.12); /* deprecated */
- --color-light-bg-primary-inverted-alpha-15: rgba(14, 14, 14, 0.15); /* deprecated */
- --color-light-bg-primary-inverted-alpha-16: rgba(14, 14, 14, 0.16); /* deprecated */
- --color-light-bg-primary-inverted-alpha-20: rgba(14, 14, 14, 0.2); /* deprecated */
- --color-light-bg-primary-inverted-alpha-24: rgba(14, 14, 14, 0.24); /* deprecated */
- --color-light-bg-primary-inverted-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
- --color-light-bg-primary-inverted-alpha-32: rgba(14, 14, 14, 0.32); /* deprecated */
- --color-light-bg-primary-inverted-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
- --color-light-bg-primary-inverted-alpha-50: rgba(14, 14, 14, 0.5); /* deprecated */
- --color-light-bg-primary-inverted-tint-7: rgb(31, 31, 31); /* deprecated */
- --color-light-bg-primary-inverted-tint-15: rgb(50, 50, 50); /* deprecated */
- --color-light-bg-primary-inverted-tint-20: rgb(62, 62, 62); /* deprecated */
+ --color-light-bg-primary-inverted-alpha-3: rgba(18, 18, 19, 0.03); /* deprecated */
+ --color-light-bg-primary-inverted-alpha-4: rgba(18, 18, 19, 0.04); /* deprecated */
+ --color-light-bg-primary-inverted-alpha-5: rgba(18, 18, 19, 0.05); /* deprecated */
+ --color-light-bg-primary-inverted-alpha-7: rgba(18, 18, 19, 0.07); /* deprecated */
+ --color-light-bg-primary-inverted-alpha-8: rgba(18, 18, 19, 0.08); /* deprecated */
+ --color-light-bg-primary-inverted-alpha-10: rgba(18, 18, 19, 0.1); /* deprecated */
+ --color-light-bg-primary-inverted-alpha-12: rgba(18, 18, 19, 0.12); /* deprecated */
+ --color-light-bg-primary-inverted-alpha-15: rgba(18, 18, 19, 0.15); /* deprecated */
+ --color-light-bg-primary-inverted-alpha-16: rgba(18, 18, 19, 0.16); /* deprecated */
+ --color-light-bg-primary-inverted-alpha-20: rgba(18, 18, 19, 0.2); /* deprecated */
+ --color-light-bg-primary-inverted-alpha-24: rgba(18, 18, 19, 0.24); /* deprecated */
+ --color-light-bg-primary-inverted-alpha-30: rgba(18, 18, 19, 0.3); /* deprecated */
+ --color-light-bg-primary-inverted-alpha-32: rgba(18, 18, 19, 0.32); /* deprecated */
+ --color-light-bg-primary-inverted-alpha-40: rgba(18, 18, 19, 0.4); /* deprecated */
+ --color-light-bg-primary-inverted-alpha-50: rgba(18, 18, 19, 0.5); /* deprecated */
+ --color-light-bg-primary-inverted-tint-7: rgb(35, 35, 36); /* deprecated */
+ --color-light-bg-primary-inverted-tint-15: rgb(54, 54, 54); /* deprecated */
+ --color-light-bg-primary-inverted-tint-20: rgb(65, 65, 66); /* deprecated */
--color-light-bg-quaternary-alpha-30: rgba(220, 222, 226, 0.3); /* deprecated */
--color-light-bg-quaternary-shade-7: rgb(205, 206, 210); /* deprecated */
--color-light-bg-quaternary-shade-10: rgb(198, 200, 203); /* deprecated */
@@ -1137,23 +1155,23 @@
--color-light-graphic-positive-alpha-10: rgba(12, 196, 77, 0.1); /* deprecated */
--color-light-graphic-positive-shade-10: rgb(11, 176, 69); /* deprecated */
--color-light-graphic-positive-shade-30: rgb(8, 137, 54); /* deprecated */
- --color-light-graphic-primary-alpha-30: rgba(14, 14, 14, 0.3); /* deprecated */
- --color-light-graphic-primary-alpha-40: rgba(14, 14, 14, 0.4); /* deprecated */
- --color-light-graphic-primary-alpha-50: rgba(14, 14, 14, 0.5); /* deprecated */
- --color-light-graphic-primary-alpha-60: rgba(14, 14, 14, 0.6); /* deprecated */
- --color-light-graphic-primary-tint-15: rgb(50, 50, 50); /* deprecated */
- --color-light-graphic-primary-tint-20: rgb(62, 62, 62); /* deprecated */
- --color-light-graphic-primary-tint-30: rgb(86, 86, 86); /* deprecated */
- --color-light-graphic-primary-shade-10: rgb(13, 13, 13); /* deprecated */
- --color-light-graphic-primary-shade-30: rgb(10, 10, 10); /* deprecated */
- --color-light-graphic-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3); /* deprecated */
- --color-light-graphic-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4); /* deprecated */
- --color-light-graphic-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5); /* deprecated */
- --color-light-graphic-primary-inverted-alpha-60: rgba(255, 255, 255, 0.6); /* deprecated */
- --color-light-graphic-primary-inverted-shade-7: rgb(237, 237, 237); /* deprecated */
- --color-light-graphic-primary-inverted-shade-10: rgb(230, 230, 230); /* deprecated */
- --color-light-graphic-primary-inverted-shade-15: rgb(217, 217, 217); /* deprecated */
- --color-light-graphic-primary-inverted-shade-30: rgb(179, 179, 179); /* deprecated */
+ --color-light-graphic-primary-alpha-30: rgba(33, 33, 36, 0.3); /* deprecated */
+ --color-light-graphic-primary-alpha-40: rgba(33, 33, 36, 0.4); /* deprecated */
+ --color-light-graphic-primary-alpha-50: rgba(33, 33, 36, 0.5); /* deprecated */
+ --color-light-graphic-primary-alpha-60: rgba(33, 33, 36, 0.6); /* deprecated */
+ --color-light-graphic-primary-tint-15: rgb(66, 66, 69); /* deprecated */
+ --color-light-graphic-primary-tint-20: rgb(77, 77, 80); /* deprecated */
+ --color-light-graphic-primary-tint-30: rgb(100, 100, 102); /* deprecated */
+ --color-light-graphic-primary-shade-10: rgb(30, 30, 32); /* deprecated */
+ --color-light-graphic-primary-shade-30: rgb(23, 23, 25); /* deprecated */
+ --color-light-graphic-primary-inverted-alpha-30: rgba(241, 241, 241, 0.3); /* deprecated */
+ --color-light-graphic-primary-inverted-alpha-40: rgba(241, 241, 241, 0.4); /* deprecated */
+ --color-light-graphic-primary-inverted-alpha-50: rgba(241, 241, 241, 0.5); /* deprecated */
+ --color-light-graphic-primary-inverted-alpha-60: rgba(241, 241, 241, 0.6); /* deprecated */
+ --color-light-graphic-primary-inverted-shade-7: rgb(224, 224, 224); /* deprecated */
+ --color-light-graphic-primary-inverted-shade-10: rgb(217, 217, 217); /* deprecated */
+ --color-light-graphic-primary-inverted-shade-15: rgb(205, 205, 205); /* deprecated */
+ --color-light-graphic-primary-inverted-shade-30: rgb(169, 169, 169); /* deprecated */
--color-light-graphic-quaternary-shade-10: rgb(208, 209, 212); /* deprecated */
--color-light-graphic-secondary-alpha-30: rgba(137, 137, 145, 0.3); /* deprecated */
--color-light-graphic-secondary-shade-30: rgb(96, 96, 102); /* deprecated */
@@ -1194,6 +1212,6 @@
--color-light-text-link-tint-50: rgb(149, 187, 247); /* deprecated */
--color-light-text-link-shade-20: rgb(34, 95, 191); /* deprecated */
--color-light-text-link-shade-40: rgb(25, 71, 143); /* deprecated */
- --color-static-graphic-light-shade-7: rgb(237, 237, 237); /* deprecated */
- --color-static-graphic-light-shade-15: rgb(217, 217, 217); /* deprecated */
+ --color-static-graphic-light-shade-7: rgb(224, 224, 224); /* deprecated */
+ --color-static-graphic-light-shade-15: rgb(205, 205, 205); /* deprecated */
}
diff --git a/packages/vars/src/colors-indigo.css b/packages/vars/src/colors-indigo.css
index 3414e8d502..952fd6cf0d 100644
--- a/packages/vars/src/colors-indigo.css
+++ b/packages/vars/src/colors-indigo.css
@@ -47,6 +47,12 @@
--color-dark-neutral-100-inverted-hover: #e7e8eb;
--color-dark-neutral-100-inverted-press: #dcdde1;
--color-dark-neutral-100-press: #29292c;
+ --color-dark-neutral-1300: #f2f3f5;
+ --color-dark-neutral-1300-hover: #d2d3d9;
+ --color-dark-neutral-1300-inverted: #212124;
+ --color-dark-neutral-1300-inverted-hover: #3f3f45;
+ --color-dark-neutral-1300-inverted-press: #5f5f66;
+ --color-dark-neutral-1300-press: #babbc2;
--color-dark-neutral-1500: #fff;
--color-dark-neutral-1500-hover: #babbc2;
--color-dark-neutral-1500-inverted: #121213;
@@ -96,11 +102,11 @@
--color-dark-neutral-translucent-100-inverted-press: rgba(5, 12, 41, 0.14);
--color-dark-neutral-translucent-100-press: rgba(222, 222, 238, 0.13);
--color-dark-neutral-translucent-1300: rgba(255, 255, 255, 0.94);
- --color-dark-neutral-translucent-1300-hover: rgba(245, 246, 253, 0.85);
+ --color-dark-neutral-translucent-1300-hover: rgba(255, 255, 255, 0.7);
--color-dark-neutral-translucent-1300-inverted: rgba(3, 3, 6, 0.88);
- --color-dark-neutral-translucent-1300-inverted-hover: rgba(3, 3, 8, 0.8);
- --color-dark-neutral-translucent-1300-inverted-press: rgba(0, 0, 10, 0.71);
- --color-dark-neutral-translucent-1300-press: rgba(243, 245, 254, 0.75);
+ --color-dark-neutral-translucent-1300-inverted-hover: rgba(2, 2, 10, 0.76);
+ --color-dark-neutral-translucent-1300-inverted-press: rgba(1, 1, 12, 0.63);
+ --color-dark-neutral-translucent-1300-press: rgba(255, 255, 255, 0.6);
--color-dark-neutral-translucent-1500-hover: rgba(243, 245, 254, 0.75);
--color-dark-neutral-translucent-1500-inverted-hover: rgba(2, 2, 10, 0.76);
--color-dark-neutral-translucent-1500-inverted-press: rgba(1, 1, 12, 0.63);
@@ -305,6 +311,12 @@
--color-light-neutral-100-inverted-hover: #212124;
--color-light-neutral-100-inverted-press: #29292c;
--color-light-neutral-100-press: #dcdde1;
+ --color-light-neutral-1300: #212124;
+ --color-light-neutral-1300-hover: #3f3f45;
+ --color-light-neutral-1300-inverted: #f2f3f5;
+ --color-light-neutral-1300-inverted-hover: #d2d3d9;
+ --color-light-neutral-1300-inverted-press: #babbc2;
+ --color-light-neutral-1300-press: #5f5f66;
--color-light-neutral-1500: #121213;
--color-light-neutral-1500-hover: #3f3f45;
--color-light-neutral-1500-inverted: #fff;
@@ -354,11 +366,11 @@
--color-light-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
--color-light-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
--color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
- --color-light-neutral-translucent-1300-hover: rgba(3, 3, 8, 0.8);
+ --color-light-neutral-translucent-1300-hover: rgba(2, 2, 10, 0.76);
--color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
--color-light-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
--color-light-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
- --color-light-neutral-translucent-1300-press: rgba(0, 0, 10, 0.71);
+ --color-light-neutral-translucent-1300-press: rgba(1, 1, 12, 0.63);
--color-light-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
--color-light-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
--color-light-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
@@ -540,6 +552,12 @@
--color-static-neutral-100-inverted-hover: #212124;
--color-static-neutral-100-inverted-press: #29292c;
--color-static-neutral-100-press: #dcdde1;
+ --color-static-neutral-1300: #212124;
+ --color-static-neutral-1300-hover: #3f3f45;
+ --color-static-neutral-1300-inverted: #f2f3f5;
+ --color-static-neutral-1300-inverted-hover: #d2d3d9;
+ --color-static-neutral-1300-inverted-press: #babbc2;
+ --color-static-neutral-1300-press: #5f5f66;
--color-static-neutral-1500: #121213;
--color-static-neutral-1500-hover: #3f3f45;
--color-static-neutral-1500-inverted: #fff;
@@ -589,11 +607,11 @@
--color-static-neutral-translucent-100-inverted-press: rgba(234, 234, 248, 0.15);
--color-static-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
--color-static-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
- --color-static-neutral-translucent-1300-hover: rgba(3, 3, 8, 0.8);
+ --color-static-neutral-translucent-1300-hover: rgba(2, 2, 10, 0.76);
--color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
--color-static-neutral-translucent-1300-inverted-hover: rgba(255, 255, 255, 0.7);
--color-static-neutral-translucent-1300-inverted-press: rgba(255, 255, 255, 0.6);
- --color-static-neutral-translucent-1300-press: rgba(0, 0, 10, 0.71);
+ --color-static-neutral-translucent-1300-press: rgba(1, 1, 12, 0.63);
--color-static-neutral-translucent-1500-hover: rgba(2, 2, 10, 0.76);
--color-static-neutral-translucent-1500-inverted-hover: rgba(243, 245, 254, 0.75);
--color-static-neutral-translucent-1500-inverted-press: rgba(239, 240, 252, 0.65);
diff --git a/packages/vars/src/colors-monochrome.css b/packages/vars/src/colors-monochrome.css
new file mode 100644
index 0000000000..98455875d1
--- /dev/null
+++ b/packages/vars/src/colors-monochrome.css
@@ -0,0 +1,192 @@
+:root {
+ --color-static-monochrome-black-2: rgba(0, 0, 0, 0.02);
+ --color-static-monochrome-black-4: rgba(0, 0, 0, 0.04);
+ --color-static-monochrome-black-6: rgba(0, 0, 0, 0.06);
+ --color-static-monochrome-black-8: rgba(0, 0, 0, 0.08);
+ --color-static-monochrome-black-10: rgba(0, 0, 0, 0.1);
+ --color-static-monochrome-black-12: rgba(0, 0, 0, 0.12);
+ --color-static-monochrome-black-16: rgba(0, 0, 0, 0.16);
+ --color-static-monochrome-black-20: rgba(0, 0, 0, 0.2);
+ --color-static-monochrome-black-24: rgba(0, 0, 0, 0.24);
+ --color-static-monochrome-black-32: rgba(0, 0, 0, 0.32);
+ --color-static-monochrome-black-40: rgba(0, 0, 0, 0.4);
+ --color-static-monochrome-black-44: rgba(0, 0, 0, 0.44);
+ --color-static-monochrome-black-48: rgba(0, 0, 0, 0.48);
+ --color-static-monochrome-black-56: rgba(0, 0, 0, 0.56);
+ --color-static-monochrome-black-64: rgba(0, 0, 0, 0.64);
+ --color-static-monochrome-black-72: rgba(0, 0, 0, 0.72);
+ --color-static-monochrome-black-80: rgba(0, 0, 0, 0.8);
+ --color-static-monochrome-black-88: rgba(0, 0, 0, 0.88);
+ --color-static-monochrome-black-100: #000;
+ --color-static-monochrome-white-2: rgba(255, 255, 255, 0.02);
+ --color-static-monochrome-white-4: rgba(255, 255, 255, 0.04);
+ --color-static-monochrome-white-6: rgba(255, 255, 255, 0.06);
+ --color-static-monochrome-white-8: rgba(255, 255, 255, 0.08);
+ --color-static-monochrome-white-10: rgba(255, 255, 255, 0.1);
+ --color-static-monochrome-white-12: rgba(255, 255, 255, 0.12);
+ --color-static-monochrome-white-16: rgba(255, 255, 255, 0.16);
+ --color-static-monochrome-white-20: rgba(255, 255, 255, 0.2);
+ --color-static-monochrome-white-24: rgba(255, 255, 255, 0.24);
+ --color-static-monochrome-white-32: rgba(255, 255, 255, 0.32);
+ --color-static-monochrome-white-40: rgba(255, 255, 255, 0.4);
+ --color-static-monochrome-white-44: rgba(255, 255, 255, 0.44);
+ --color-static-monochrome-white-48: rgba(255, 255, 255, 0.48);
+ --color-static-monochrome-white-56: rgba(255, 255, 255, 0.56);
+ --color-static-monochrome-white-64: rgba(255, 255, 255, 0.64);
+ --color-static-monochrome-white-72: rgba(255, 255, 255, 0.72);
+ --color-static-monochrome-white-80: rgba(255, 255, 255, 0.8);
+ --color-static-monochrome-white-88: rgba(255, 255, 255, 0.88);
+ --color-static-monochrome-white-100: #fff;
+ --color-light-monochrome-black-2: rgba(0, 0, 0, 0.02);
+ --color-light-monochrome-black-2-inverted: rgba(255, 255, 255, 0.02);
+ --color-light-monochrome-black-4: rgba(0, 0, 0, 0.04);
+ --color-light-monochrome-black-4-inverted: rgba(255, 255, 255, 0.04);
+ --color-light-monochrome-black-6: rgba(0, 0, 0, 0.06);
+ --color-light-monochrome-black-6-inverted: rgba(255, 255, 255, 0.06);
+ --color-light-monochrome-black-8: rgba(0, 0, 0, 0.08);
+ --color-light-monochrome-black-8-inverted: rgba(255, 255, 255, 0.08);
+ --color-light-monochrome-black-10: rgba(0, 0, 0, 0.1);
+ --color-light-monochrome-black-10-inverted: rgba(255, 255, 255, 0.1);
+ --color-light-monochrome-black-12: rgba(0, 0, 0, 0.12);
+ --color-light-monochrome-black-12-inverted: rgba(255, 255, 255, 0.12);
+ --color-light-monochrome-black-16: rgba(0, 0, 0, 0.16);
+ --color-light-monochrome-black-16-inverted: rgba(255, 255, 255, 0.16);
+ --color-light-monochrome-black-20: rgba(0, 0, 0, 0.2);
+ --color-light-monochrome-black-20-inverted: rgba(255, 255, 255, 0.2);
+ --color-light-monochrome-black-24: rgba(0, 0, 0, 0.24);
+ --color-light-monochrome-black-24-inverted: rgba(255, 255, 255, 0.24);
+ --color-light-monochrome-black-32: rgba(0, 0, 0, 0.32);
+ --color-light-monochrome-black-32-inverted: rgba(255, 255, 255, 0.32);
+ --color-light-monochrome-black-40: rgba(0, 0, 0, 0.4);
+ --color-light-monochrome-black-40-inverted: rgba(255, 255, 255, 0.4);
+ --color-light-monochrome-black-44: rgba(0, 0, 0, 0.44);
+ --color-light-monochrome-black-44-inverted: rgba(255, 255, 255, 0.44);
+ --color-light-monochrome-black-48: rgba(0, 0, 0, 0.48);
+ --color-light-monochrome-black-48-inverted: rgba(255, 255, 255, 0.48);
+ --color-light-monochrome-black-56: rgba(0, 0, 0, 0.56);
+ --color-light-monochrome-black-56-inverted: rgba(255, 255, 255, 0.56);
+ --color-light-monochrome-black-64: rgba(0, 0, 0, 0.64);
+ --color-light-monochrome-black-64-inverted: rgba(255, 255, 255, 0.64);
+ --color-light-monochrome-black-72: rgba(0, 0, 0, 0.72);
+ --color-light-monochrome-black-72-inverted: rgba(255, 255, 255, 0.72);
+ --color-light-monochrome-black-80: rgba(0, 0, 0, 0.8);
+ --color-light-monochrome-black-80-inverted: rgba(255, 255, 255, 0.8);
+ --color-light-monochrome-black-88: rgba(0, 0, 0, 0.88);
+ --color-light-monochrome-black-88-inverted: rgba(255, 255, 255, 0.88);
+ --color-light-monochrome-black-100: #000;
+ --color-light-monochrome-black-100-inverted: #fff;
+ --color-light-monochrome-white-2: rgba(255, 255, 255, 0.02);
+ --color-light-monochrome-white-2-inverted: rgba(0, 0, 0, 0.02);
+ --color-light-monochrome-white-4: rgba(255, 255, 255, 0.04);
+ --color-light-monochrome-white-4-inverted: rgba(0, 0, 0, 0.04);
+ --color-light-monochrome-white-6: rgba(255, 255, 255, 0.06);
+ --color-light-monochrome-white-6-inverted: rgba(0, 0, 0, 0.06);
+ --color-light-monochrome-white-8: rgba(255, 255, 255, 0.08);
+ --color-light-monochrome-white-8-inverted: rgba(0, 0, 0, 0.08);
+ --color-light-monochrome-white-10: rgba(255, 255, 255, 0.1);
+ --color-light-monochrome-white-10-inverted: rgba(0, 0, 0, 0.1);
+ --color-light-monochrome-white-12: rgba(255, 255, 255, 0.12);
+ --color-light-monochrome-white-12-inverted: rgba(0, 0, 0, 0.12);
+ --color-light-monochrome-white-16: rgba(255, 255, 255, 0.16);
+ --color-light-monochrome-white-16-inverted: rgba(0, 0, 0, 0.16);
+ --color-light-monochrome-white-20: rgba(255, 255, 255, 0.2);
+ --color-light-monochrome-white-20-inverted: rgba(0, 0, 0, 0.2);
+ --color-light-monochrome-white-24: rgba(255, 255, 255, 0.24);
+ --color-light-monochrome-white-24-inverted: rgba(0, 0, 0, 0.24);
+ --color-light-monochrome-white-32: rgba(255, 255, 255, 0.32);
+ --color-light-monochrome-white-32-inverted: rgba(0, 0, 0, 0.32);
+ --color-light-monochrome-white-40: rgba(255, 255, 255, 0.4);
+ --color-light-monochrome-white-40-inverted: rgba(0, 0, 0, 0.4);
+ --color-light-monochrome-white-44: rgba(255, 255, 255, 0.44);
+ --color-light-monochrome-white-44-inverted: rgba(0, 0, 0, 0.44);
+ --color-light-monochrome-white-48: rgba(255, 255, 255, 0.48);
+ --color-light-monochrome-white-48-inverted: rgba(0, 0, 0, 0.48);
+ --color-light-monochrome-white-56: rgba(255, 255, 255, 0.56);
+ --color-light-monochrome-white-56-inverted: rgba(0, 0, 0, 0.56);
+ --color-light-monochrome-white-64: rgba(255, 255, 255, 0.64);
+ --color-light-monochrome-white-64-inverted: rgba(0, 0, 0, 0.64);
+ --color-light-monochrome-white-72: rgba(255, 255, 255, 0.72);
+ --color-light-monochrome-white-72-inverted: rgba(0, 0, 0, 0.72);
+ --color-light-monochrome-white-80: rgba(255, 255, 255, 0.8);
+ --color-light-monochrome-white-80-inverted: rgba(0, 0, 0, 0.8);
+ --color-light-monochrome-white-88: rgba(255, 255, 255, 0.88);
+ --color-light-monochrome-white-88-inverted: rgba(0, 0, 0, 0.88);
+ --color-light-monochrome-white-100: #fff;
+ --color-light-monochrome-white-100-inverted: #000;
+ --color-dark-monochrome-black-2: rgba(255, 255, 255, 0.02);
+ --color-dark-monochrome-black-2-inverted: rgba(0, 0, 0, 0.02);
+ --color-dark-monochrome-black-4: rgba(255, 255, 255, 0.04);
+ --color-dark-monochrome-black-4-inverted: rgba(0, 0, 0, 0.04);
+ --color-dark-monochrome-black-6: rgba(255, 255, 255, 0.06);
+ --color-dark-monochrome-black-6-inverted: rgba(0, 0, 0, 0.06);
+ --color-dark-monochrome-black-8: rgba(255, 255, 255, 0.08);
+ --color-dark-monochrome-black-8-inverted: rgba(0, 0, 0, 0.08);
+ --color-dark-monochrome-black-10: rgba(255, 255, 255, 0.1);
+ --color-dark-monochrome-black-10-inverted: rgba(0, 0, 0, 0.1);
+ --color-dark-monochrome-black-12: rgba(255, 255, 255, 0.12);
+ --color-dark-monochrome-black-12-inverted: rgba(0, 0, 0, 0.12);
+ --color-dark-monochrome-black-16: rgba(255, 255, 255, 0.16);
+ --color-dark-monochrome-black-16-inverted: rgba(0, 0, 0, 0.16);
+ --color-dark-monochrome-black-20: rgba(255, 255, 255, 0.2);
+ --color-dark-monochrome-black-20-inverted: rgba(0, 0, 0, 0.2);
+ --color-dark-monochrome-black-24: rgba(255, 255, 255, 0.24);
+ --color-dark-monochrome-black-24-inverted: rgba(0, 0, 0, 0.24);
+ --color-dark-monochrome-black-32: rgba(255, 255, 255, 0.32);
+ --color-dark-monochrome-black-32-inverted: rgba(0, 0, 0, 0.32);
+ --color-dark-monochrome-black-40: rgba(255, 255, 255, 0.4);
+ --color-dark-monochrome-black-40-inverted: rgba(0, 0, 0, 0.4);
+ --color-dark-monochrome-black-44: rgba(255, 255, 255, 0.44);
+ --color-dark-monochrome-black-44-inverted: rgba(0, 0, 0, 0.44);
+ --color-dark-monochrome-black-48: rgba(255, 255, 255, 0.48);
+ --color-dark-monochrome-black-48-inverted: rgba(0, 0, 0, 0.48);
+ --color-dark-monochrome-black-56: rgba(255, 255, 255, 0.56);
+ --color-dark-monochrome-black-56-inverted: rgba(0, 0, 0, 0.56);
+ --color-dark-monochrome-black-64: rgba(255, 255, 255, 0.64);
+ --color-dark-monochrome-black-64-inverted: rgba(0, 0, 0, 0.64);
+ --color-dark-monochrome-black-72: rgba(255, 255, 255, 0.72);
+ --color-dark-monochrome-black-72-inverted: rgba(0, 0, 0, 0.72);
+ --color-dark-monochrome-black-80: rgba(255, 255, 255, 0.8);
+ --color-dark-monochrome-black-80-inverted: rgba(0, 0, 0, 0.8);
+ --color-dark-monochrome-black-88: rgba(255, 255, 255, 0.88);
+ --color-dark-monochrome-black-88-inverted: rgba(0, 0, 0, 0.88);
+ --color-dark-monochrome-black-100: #fff;
+ --color-dark-monochrome-black-100-inverted: #000;
+ --color-dark-monochrome-white-2: rgba(0, 0, 0, 0.02);
+ --color-dark-monochrome-white-2-inverted: rgba(255, 255, 255, 0.02);
+ --color-dark-monochrome-white-4: rgba(0, 0, 0, 0.04);
+ --color-dark-monochrome-white-4-inverted: rgba(255, 255, 255, 0.04);
+ --color-dark-monochrome-white-6: rgba(0, 0, 0, 0.06);
+ --color-dark-monochrome-white-6-inverted: rgba(255, 255, 255, 0.06);
+ --color-dark-monochrome-white-8: rgba(0, 0, 0, 0.08);
+ --color-dark-monochrome-white-8-inverted: rgba(255, 255, 255, 0.08);
+ --color-dark-monochrome-white-10: rgba(0, 0, 0, 0.1);
+ --color-dark-monochrome-white-10-inverted: rgba(255, 255, 255, 0.1);
+ --color-dark-monochrome-white-12: rgba(0, 0, 0, 0.12);
+ --color-dark-monochrome-white-12-inverted: rgba(255, 255, 255, 0.12);
+ --color-dark-monochrome-white-16: rgba(0, 0, 0, 0.16);
+ --color-dark-monochrome-white-16-inverted: rgba(255, 255, 255, 0.16);
+ --color-dark-monochrome-white-20: rgba(0, 0, 0, 0.2);
+ --color-dark-monochrome-white-20-inverted: rgba(255, 255, 255, 0.2);
+ --color-dark-monochrome-white-24: rgba(0, 0, 0, 0.24);
+ --color-dark-monochrome-white-24-inverted: rgba(255, 255, 255, 0.24);
+ --color-dark-monochrome-white-32: rgba(0, 0, 0, 0.32);
+ --color-dark-monochrome-white-32-inverted: rgba(255, 255, 255, 0.32);
+ --color-dark-monochrome-white-40: rgba(0, 0, 0, 0.4);
+ --color-dark-monochrome-white-40-inverted: rgba(255, 255, 255, 0.4);
+ --color-dark-monochrome-white-44: rgba(0, 0, 0, 0.44);
+ --color-dark-monochrome-white-44-inverted: rgba(255, 255, 255, 0.44);
+ --color-dark-monochrome-white-48: rgba(0, 0, 0, 0.48);
+ --color-dark-monochrome-white-48-inverted: rgba(255, 255, 255, 0.48);
+ --color-dark-monochrome-white-56: rgba(0, 0, 0, 0.56);
+ --color-dark-monochrome-white-56-inverted: rgba(255, 255, 255, 0.56);
+ --color-dark-monochrome-white-64: rgba(0, 0, 0, 0.64);
+ --color-dark-monochrome-white-64-inverted: rgba(255, 255, 255, 0.64);
+ --color-dark-monochrome-white-72: rgba(0, 0, 0, 0.72);
+ --color-dark-monochrome-white-72-inverted: rgba(255, 255, 255, 0.72);
+ --color-dark-monochrome-white-80: rgba(0, 0, 0, 0.8);
+ --color-dark-monochrome-white-80-inverted: rgba(255, 255, 255, 0.8);
+ --color-dark-monochrome-white-88: rgba(0, 0, 0, 0.88);
+ --color-dark-monochrome-white-88-inverted: rgba(255, 255, 255, 0.88);
+ --color-dark-monochrome-white-100: #000;
+ --color-dark-monochrome-white-100-inverted: #fff;
+}
diff --git a/packages/vars/src/colors-x5.css b/packages/vars/src/colors-x5.css
index c8ca48c793..33c589bce5 100644
--- a/packages/vars/src/colors-x5.css
+++ b/packages/vars/src/colors-x5.css
@@ -1,4 +1,5 @@
:root {
--color-static-brand-primary: #5faf2d;
--color-static-brand-secondary: #00afff;
+ --color-static-brand-orange: #f76100;
}
diff --git a/packages/with-suffix/package.json b/packages/with-suffix/package.json
index 99bd09376c..a931622f8c 100644
--- a/packages/with-suffix/package.json
+++ b/packages/with-suffix/package.json
@@ -20,6 +20,6 @@
"react-merge-refs": "^1.1.0",
"tslib": "^2.4.0"
},
- "themesVersion": "13.5.0",
- "varsVersion": "9.15.0"
+ "themesVersion": "13.6.0",
+ "varsVersion": "9.16.0"
}
diff --git a/yarn.lock b/yarn.lock
index 25ad6bc440..88bdcf4be8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -21168,10 +21168,10 @@ ui-primitives@^13.19.0:
resolved "https://registry.yarnpkg.com/ui-primitives/-/ui-primitives-13.19.0.tgz#1a7bfd2da12e49ae2b72b1705e86fadcd311cf8f"
integrity sha512-MIrL0P4izg0wDVEZtHOHpxB41oD6gBpL504lRnkUoFc+UXa10NWIBqPLh0dOR4HU25Qjrg4n3knF4aR7SfbzhA==
-ui-primitives@^20.8.0:
- version "20.8.0"
- resolved "https://registry.yarnpkg.com/ui-primitives/-/ui-primitives-20.8.0.tgz#30d73527924a213c92ede8d6990a21b1ca4f8f20"
- integrity sha512-1yHxst0bWDErpjWZB5FNqv8eqg7hh523yIP8WtDdzc7TIaQhgL4YAwCwcHyWgClqs7djVudPnUUE5YGJwSrIkw==
+ui-primitives@^22.7.0:
+ version "22.7.0"
+ resolved "https://registry.yarnpkg.com/ui-primitives/-/ui-primitives-22.7.0.tgz#cce0dce244b33b9fe465edd634ddecb145c45b80"
+ integrity sha512-cdbDvvxoe6/HLMSl3hIQFGi5QYiskAoVgC22xYjw1jCb7wdhqdsCW0llsk78dGnqtfHrRwi7BmHZwf3feeM8PQ==
unbox-primitive@^1.0.2:
version "1.0.2"