@central-design-system/components 4.0.0-alpha.4 → 4.0.0-alpha.5

package/src/styles/component-settings.scss

@@ -0,0 +1,75 @@
+// Генерируется build/plugins/generate-component-settings.ts — не редактировать руками.
+// Агрегат публичных SASS-переменных: глобальные настройки + переменные всех компонентов.
+// Цель для configFile плагина @central-design-system/vite-plugin (docs/sass-variables.md).
+
+@forward './settings';
+@forward '../components/CdsApp/styles/CdsApp.variables';
+@forward '../components/CdsAutocomplete/styles/CdsAutocomplete.variables';
+@forward '../components/CdsAvatar/styles/CdsAvatar.variables';
+@forward '../components/CdsBadge/styles/CdsBadge.variables';
+@forward '../components/CdsBreadcrumbs/styles/CdsBreadcrumbs.variables';
+@forward '../components/CdsButton/styles/CdsButton.variables';
+@forward '../components/CdsButtonGroup/styles/CdsButtonGroup.variables';
+@forward '../components/CdsButtonToggle/styles/CdsButtonToggle.variables';
+@forward '../components/CdsCarousel/styles/CdsCarousel.variables';
+@forward '../components/CdsCheckbox/styles/CdsCheckbox.variables';
+@forward '../components/CdsCheckboxButton/styles/CdsCheckboxButton.variables';
+@forward '../components/CdsCombobox/styles/CdsCombobox.variables';
+@forward '../components/CdsCounter/styles/CdsCounter.variables';
+@forward '../components/CdsDateInput/styles/CdsDateInput.variables';
+@forward '../components/CdsDatePicker/styles/CdsDatePicker.variables';
+@forward '../components/CdsDescription/styles/CdsDescription.variables';
+@forward '../components/CdsDivider/styles/CdsDivider.variables';
+@forward '../components/CdsDrawer/styles/CdsDrawer.variables';
+@forward '../components/CdsEmptyState/styles/CdsEmptyState.variables';
+@forward '../components/CdsExpandablePanel/styles/CdsExpandablePanel.variables';
+@forward '../components/CdsField/styles/CdsField.variables';
+@forward '../components/CdsFileInput/styles/CdsFileInput.variables';
+@forward '../components/CdsFileUpload/styles/CdsFileUpload.variables';
+@forward '../components/CdsFooter/styles/CdsFooter.variables';
+@forward '../components/CdsForm/styles/CdsForm.variables';
+@forward '../components/CdsFunctionalButton/styles/CdsFunctionalButton.variables';
+@forward '../components/CdsHeader/styles/CdsHeader.variables';
+@forward '../components/CdsHighlight/styles/CdsHighlight.variables';
+@forward '../components/CdsIcon/styles/CdsIcon.variables';
+@forward '../components/CdsImage/styles/CdsImage.variables';
+@forward '../components/CdsInput/styles/CdsInput.variables';
+@forward '../components/CdsLabel/styles/CdsLabel.variables';
+@forward '../components/CdsLayout/styles/CdsLayout.variables';
+@forward '../components/CdsLink/styles/CdsLink.variables';
+@forward '../components/CdsList/styles/CdsList.variables';
+@forward '../components/CdsLoader/styles/CdsLoader.variables';
+@forward '../components/CdsMenu/styles/CdsMenu.variables';
+@forward '../components/CdsMessages/styles/CdsMessages.variables';
+@forward '../components/CdsModal/styles/CdsModal.variables';
+@forward '../components/CdsNotification/styles/CdsNotification.variables';
+@forward '../components/CdsNotificationAlert/styles/CdsNotificationAlert.variables';
+@forward '../components/CdsOtpInput/styles/CdsOtpInput.variables';
+@forward '../components/CdsOverlay/styles/CdsOverlay.variables';
+@forward '../components/CdsPagination/styles/CdsPagination.variables';
+@forward '../components/CdsProgressBar/styles/CdsProgressBar.variables';
+@forward '../components/CdsProgressCircle/styles/CdsProgressCircle.variables';
+@forward '../components/CdsRadio/styles/CdsRadio.variables';
+@forward '../components/CdsRadioGroup/styles/CdsRadioGroup.variables';
+@forward '../components/CdsResponsive/styles/CdsResponsive.variables';
+@forward '../components/CdsSelect/styles/CdsSelect.variables';
+@forward '../components/CdsSkeletonLoader/styles/CdsSkeletonLoader.variables';
+@forward '../components/CdsSlideGroup/styles/CdsSlideGroup.variables';
+@forward '../components/CdsSlideView/styles/CdsSlideView.variables';
+@forward '../components/CdsStages/styles/CdsStages.variables';
+@forward '../components/CdsStatus/styles/CdsStatus.variables';
+@forward '../components/CdsSteps/styles/CdsSteps.variables';
+@forward '../components/CdsTable/styles/CdsTable.variables';
+@forward '../components/CdsTabs/styles/CdsTabs.variables';
+@forward '../components/CdsTag/styles/CdsTag.variables';
+@forward '../components/CdsTagGroup/styles/CdsTagGroup.variables';
+@forward '../components/CdsTextArea/styles/CdsTextArea.variables';
+@forward '../components/CdsTextInput/styles/CdsTextInput.variables';
+@forward '../components/CdsTimePicker/styles/CdsTimePicker.variables';
+@forward '../components/CdsToast/styles/CdsToast.variables';
+@forward '../components/CdsToggle/styles/CdsToggle.variables';
+@forward '../components/CdsToolbar/styles/CdsToolbar.variables';
+@forward '../components/CdsTooltip/styles/CdsTooltip.variables';
+@forward '../components/CdsTree/styles/CdsTree.variables';
+@forward '../components/CdsUploader/styles/CdsUploader.variables';
+@forward '../components/CdsVirtualScroll/styles/CdsVirtualScroll.variables';

package/src/styles/generic/_fonts.scss

@@ -9,7 +9,7 @@
     font-style: normal;
     font-weight: 100 900;
     src:
-      url('../assets/fonts/PTRootUI/PT-Root-UI_VF.woff2') format('woff2-variations'),
-      url('../assets/fonts/PTRootUI/PT-Root-UI_VF.woff') format('woff-variations');
+      url('../assets/fonts/PTRootUI/pt-root-ui_vf.woff2') format('woff2-variations'),
+      url('../assets/fonts/PTRootUI/pt-root-ui_vf.woff') format('woff-variations');
   }
 }

package/src/styles/settings/_index.scss

@@ -1 +1,7 @@
 @forward "./variables";
+
+// Переменные сетки (брейкпоинты, колонки, гаттеры) — часть публичных настроек:
+// конфигурируются вместе с остальными через `@use '…/styles' with (…)`
+// или `@use '…/styles/settings' with (…)`. Модуль содержит только переменные,
+// CSS не эмитит. Миксины брейкпоинтов остаются в отдельном входе `styles/breakpoints`.
+@forward "../utilities/grid/config";

package/src/styles/tools/_absolute.sass

@@ -0,0 +1,9 @@
+@mixin absolute($pseudo: false)
+  &
+    @if ($pseudo)
+      content: ''
+    position: absolute
+    top: 0
+    left: 0
+    width: 100%
+    height: 100%

package/src/styles/tools/_border.sass

@@ -0,0 +1,10 @@
+@mixin border($color: null, $style: null, $width: null, $thin-width: false)
+  &
+    border-color: $color
+    border-style: $style
+    border-width: $width
+
+  @if $thin-width
+    &--border
+      border-width: $thin-width
+      box-shadow: none

package/src/styles/tools/_motion.scss

@@ -9,10 +9,8 @@ $cds-duration-normal: 300; 		// Раскрытие элементов, сист
 $cds-duration-slow: 400; 			// Раскрытие большого элемента, важные системные уведомления
 $cds-duration-very-slow: 500; // Затемнение фона
 
-/*
-* Easing component
-* @type Map
-*/
+// Easing component
+// @type Map
 $easing: (
   ease-in-out: (
     basic: cubic-bezier(0.37, 0, 0.63, 1),
@@ -28,13 +26,11 @@ $easing: (
   ),
 );
 
-/*
-* Get the transition-timing-function for a given easing and motion mode
-* @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
-* @param {String} $mode [basic] - Can be `basic` or `accent`
-* @param {Map} $easing [$easing] - Easing's map
-* @return {Function} CSS `cubic-bezier()` function
-*/
+// Get the transition-timing-function for a given easing and motion mode
+// @param {String} $type - Can be `ease-in-out`, `ease-in`, or `ease-out`
+// @param {String} $mode [basic] - Can be `basic` or `accent`
+// @param {Map} $easing [$easing] - Easing's map
+// @return {Function} CSS `cubic-bezier()` function
 @function get-motion($type, $mode: basic, $easing: $easing) {
   @if map.has-key($easing, $type) {
     $easing: map.get($easing, $type);
@@ -49,12 +45,10 @@ $easing: (
   }
 }
 
-/*
-* Set the transition-timing-function for a given easing and motion mode
-* @param {Number} $duration — The dynamic duration in ms
-* @param {String} $type - The name of the easing curve to apply
-* @param {String} $mode - The mode for the easing curve to use
-*/
+// Set the transition-timing-function for a given easing and motion mode
+// @param {Number} $duration — The dynamic duration in ms
+// @param {String} $type - The name of the easing curve to apply
+// @param {String} $mode - The mode for the easing curve to use
 @mixin cds-animation-motion($duration, $type, $mode) {
   transition: ($duration + ms) get-motion($type, $mode);
 }

package/src/styles/utilities/grid/_config.scss

@@ -1,5 +1,4 @@
 @use "sass:map";
-@use "../../tools";
 
 /// Namespace prefix
 /// @type String

package/src/themes/lumaDark.ts

@@ -4,10 +4,14 @@ export default {
   ...cdsDark,
   colors: {
     ...cdsDark.colors,
-    'brand-secondary-hover': '#650B25',
-    'brand-secondary-border': '#8A1034',
-    'brand-secondary-active': '#8A1034',
-    'brand-secondary': '#3A0715',
+    'surface-secondary': '#24262C',
+    'surface-primary': '#1B1D21',
+    'surface-elevated': '#24262C',
+    'page-primary': '#16171A',
+    'brand-secondary-hover': '#8A1034',
+    'brand-secondary-border': '#A01639',
+    'brand-secondary-active': '#A01639',
+    'brand-secondary': '#6F0C28',
     'brand-primary-hover': '#8A1034',
     'brand-primary-content': '#FFD9E1',
     'brand-primary-border': '#D2154B',

package/dist/styles/breakpoints.css

@@ -1 +0,0 @@
-@charset "UTF-8";

package/dist/styles/index.css

@@ -1 +0,0 @@
-@charset "UTF-8";@layer cds-core{@layer reset,base,typography;}@layer cds-components;@layer cds-overrides;@layer cds-utilities{@layer theme-base;@layer helpers;@layer grid;@layer tailwind;@layer theme-background;@layer theme-foreground;}@layer cds-final{@layer transitions,trumps;}@layer cds-core.fonts{@font-face{font-family:PT Root UI VF;font-style:normal;font-weight:100 900;src:url(../assets/fonts/PTRootUI/PT-Root-UI_VF.woff2) format("woff2-variations"),url(../assets/fonts/PTRootUI/PT-Root-UI_VF.woff) format("woff-variations")}}@layer cds-core.reset{html{box-sizing:border-box;margin:0;-moz-tab-size:4;tab-size:4;text-size-adjust:100%}body{margin:0}h1,h2,h3,h4,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0}ol,ul{padding:0;list-style:none}*,:before,:after{box-sizing:inherit;background-repeat:no-repeat}:before,:after{vertical-align:inherit;text-decoration:inherit}input{border-radius:0}[disabled]{cursor:default}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button,[type=button],[type=reset],[type=submit],[role=button]{color:inherit;cursor:pointer}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled=true]{cursor:default}}.fade-transition-enter-active,.fade-transition-leave-active{transition-timing-function:cubic-bezier(.37,0,.63,1)!important;transition-duration:.2s!important}.fade-transition-move{transition-timing-function:cubic-bezier(.37,0,.63,1)!important;transition-duration:.5s!important;transition-property:transform!important}.fade-transition-enter-from,.fade-transition-leave-to{opacity:0!important}.fade-transition-enter-active,.fade-transition-leave-active{transition-property:opacity!important}.fade-transition-minimal-enter-active,.fade-transition-minimal-leave-active{transition:.2s cubic-bezier(.37,0,.63,1)}.fade-transition-minimal-move{transition:transform .5s cubic-bezier(.37,0,.63,1)}.fade-transition-minimal-leave-active{position:absolute}.fade-transition-minimal-enter-from,.fade-transition-minimal-leave-to{opacity:0!important}.expand-transition-enter-active,.expand-transition-leave-active{transition-timing-function:cubic-bezier(.37,0,.63,1)!important;transition-duration:.2s!important}.expand-transition-move{transition-timing-function:cubic-bezier(.37,0,.63,1)!important;transition-duration:.5s!important;transition-property:transform!important}.expand-transition-x-enter-active,.expand-transition-x-leave-active{transition-timing-function:cubic-bezier(.37,0,.63,1)!important;transition-duration:.2s!important}.expand-transition-x-move{transition-timing-function:cubic-bezier(.37,0,.63,1)!important;transition-duration:.5s!important;transition-property:transform!important}.slide-transition-y-enter-active,.slide-transition-y-leave-active{transition-timing-function:cubic-bezier(.37,0,.63,1)!important;transition-duration:.2s!important}.slide-transition-y-move{transition-timing-function:cubic-bezier(.37,0,.63,1)!important;transition-duration:.5s!important;transition-property:transform!important}.slide-transition-y-enter-from,.slide-transition-y-leave-to{opacity:0;transform:translateY(-8px)}.slide-transition-x-enter-active,.slide-transition-x-leave-active{transition-timing-function:cubic-bezier(.37,0,.63,1)!important;transition-duration:.2s!important}.slide-transition-x-move{transition-timing-function:cubic-bezier(.37,0,.63,1)!important;transition-duration:.5s!important;transition-property:transform!important}.slide-transition-x-enter-from,.slide-transition-x-leave-to{opacity:0;transform:translate(-15px)}.slide-transition-right-enter-active,.slide-transition-right-leave-active{transition:transform .3s cubic-bezier(.45,0,.55,1)}.slide-transition-right-leave-active{position:absolute}.slide-transition-right-enter-from{transform:translate3d(-100%,0,0)}.slide-transition-right-leave-to{transform:translate3d(100%,0,0)}.slide-transition-left-enter-active,.slide-transition-left-leave-active{transition:transform .3s cubic-bezier(.45,0,.55,1)}.slide-transition-left-leave-active{position:absolute}.slide-transition-left-enter-from{transform:translate3d(100%,0,0)}.slide-transition-left-leave-to{transform:translate3d(-100%,0,0)}.jump-transition-left-enter-active,.jump-transition-left-leave-active,.jump-transition-right-enter-active,.jump-transition-right-leave-active{transition:opacity .3s,transform .3s}.jump-transition-left-enter-from,.jump-transition-left-leave-to,.jump-transition-right-enter-from,.jump-transition-right-leave-to{opacity:0}.jump-transition-left-leave-active,.jump-transition-right-leave-active{position:absolute}.jump-transition-right-enter-from{transform:translate3d(-15px,0,0)}.jump-transition-right-leave-to,.jump-transition-left-enter-from{transform:translate3d(15px,0,0)}.jump-transition-left-leave-to{transform:translate3d(-15px,0,0)}.scale-transition-enter-active,.scale-transition-leave-active{transition-timing-function:cubic-bezier(.37,0,.63,1)!important;transition-duration:.2s!important}.scale-transition-move{transition-timing-function:cubic-bezier(.37,0,.63,1)!important;transition-duration:.5s!important;transition-property:transform!important}.scale-transition-leave-to{opacity:0}.scale-transition-leave-active{transition-duration:.1s!important}.scale-transition-enter-from{opacity:0;transform:scale(0)}.scale-transition-enter-active,.scale-transition-leave-active{transition-property:transform,opacity!important}.modal-transition-enter-active,.modal-transition-bottom-enter-active,.modal-transition-top-enter-active{transition-timing-function:cubic-bezier(.61,1,.88,1)!important;transition-duration:225ms!important}.modal-transition-leave-active,.modal-transition-bottom-leave-active,.modal-transition-top-leave-active{transition-timing-function:cubic-bezier(.12,0,.39,0)!important;transition-duration:125ms!important}.modal-transition-enter-active,.modal-transition-leave-active,.modal-transition-bottom-enter-active,.modal-transition-bottom-leave-active,.modal-transition-top-enter-active,.modal-transition-top-leave-active{pointer-events:none;transition-property:transform,opacity!important}.modal-transition-enter-from,.modal-transition-leave-to{opacity:0;transform:scale(.9)}.modal-transition-enter-to,.modal-transition-leave-from{opacity:1}.modal-transition-bottom-enter-from,.modal-transition-bottom-leave-to{transform:translateY(calc(50vh + 50%))}.modal-transition-top-enter-from,.modal-transition-top-leave-to{transform:translateY(calc(-50vh - 50%))}.notification-transition-enter-active,.notification-transition-leave-active{transition-timing-function:cubic-bezier(.61,1,.88,1);transition-duration:.2s}.notification-transition-enter-active{transition-property:transform,opacity}.notification-transition-enter-from{opacity:0;transform:scale(.8)}.notification-transition-leave-action{transition-property:opacity}.notification-transition-leave-to{opacity:0}@layer cds-utilities.theme-base{.cds-theme-on-light{color:rgb(var(--cds-color-content-primary))}.cds-theme-on-dark{color:rgb(var(--cds-color-content-on-dark))}.cds-theme-on-inverse{color:rgb(var(--cds-color-content-inverse))}}