Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions config/guide-release-values.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,14 +2,14 @@
"schema": "ui-doc.guide-release-values.v1",
"why": "The release values the guide's pages name in its examples and tables, as last written. scripts/sync-framework-documentation-versions.php replaces each with the pinned value from scripts/materialize-framework-runtime.php and records the new set here; --check fails while a page still names an old one. `keep` lists the exact spans that name a past release on purpose; the sync leaves them as written.",
"values": {
"ui_runtime": "c4d39d528148cc8fbb1b1dadc5294462a2aaa812",
"ui_record": "2f9a934f50ea89c4793d19d16f729a7874007b54",
"source": "b94f978de04c0ba77cc66c40b1b33510059c4972",
"builder": "a89508ce28acf00ca5b987059a424bfe1039f187",
"pro": "5d68df26ef3d34669be874d096a7bb9c62495a11",
"pro_builder": "a89508ce28acf00ca5b987059a424bfe1039f187",
"release": "ui-c4d39d528148",
"npm_version": "5.20261102.1446"
"ui_runtime": "e22fefb3c1f8bed4c7ad8d8745a408ecedc5029f",
"ui_record": "6534a3ebd97ded90b3f1e6f97ce79483714b7f37",
"source": "297a56c0914a42ff2c24bcba1f45ae0234e3a483",
"builder": "9c9c1b1510393b24adb98ea2ca523b26474cf0cf",
"pro": "0516a01732c81983bc88a0db311c876c21666679",
"pro_builder": "9c9c1b1510393b24adb98ea2ca523b26474cf0cf",
"release": "ui-e22fefb3c1f8",
"npm_version": "5.20261105.829"
},
"keep": [
{
Expand Down
35 changes: 32 additions & 3 deletions config/smart-reference.json
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,44 @@
"schema": "ui-doc.smart-reference-config",
"schema_version": 2,
"pages": {
"data-view": "pro/admin/table.md"
"avatar-group": "smart/content/avatars.md",
"button-close": "smart/actions/close.md",
"button-copy": "smart/actions/copy-button.md",
"button-icon": "smart/actions/icon-buttons.md",
"chat-threads": "pro/chat/thread-list.md",
"confirm": "pro/admin/change-confirm.md",
"confirm-change": "pro/admin/change-confirm.md",
"editor-content": "pro/editor/content-editor.md",
"editor-inline": "smart/editor/inline-editor.md",
"editor-overlay": "smart/editor/composition-overlay.md",
"file-download": "smart/actions/download-file.md",
"header-page": "smart/composite/page-header.md",
"header-site": "smart/composite/site-header.md",
"input-code": "smart/forms/code-input.md",
"input-color": "smart/forms/color.md",
"input-country": "smart/forms/country-code.md",
"input-date": "smart/forms/datepicker.md",
"input-image": "smart/forms/image-field.md",
"input-lookup": "smart/forms/lookup.md",
"input-quantity": "smart/forms/quantity.md",
"input-rich": "smart/forms/rich-text.md",
"input-textarea": "smart/forms/textarea.md",
"menu-context": "smart/navigation/context-menu.md",
"slider-range": "smart/forms/range-slider.md",
"view": "pro/admin/table.md",
"view-properties": "pro/admin/property-view.md",
"view-table": "pro/admin/table.md"
},
"skip": {
"editor": "sf-editor (the block editor, simai/ui-pro components/src/smart/editor) has no page yet; its page comes with the editor documentation, not with a repin."
},
"skip": {},
"suppress": {
"popover": {
"sections": [
"accessibility"
],
"reason": "The ui-9fb0297bb5c2 and ui-ec56cef08625 manifests carry sf-switch's accessibility (role switch); reported to ui-source 2026-10-12."
}
}
},
"why": "Folders renamed by the R2 tag renames (ui-c3015f76bcc2; the old tags stay aliases until 2027-01-01) keep the pages written under the old names."
}
36 changes: 35 additions & 1 deletion config/smart-reference.ru.json

Large diffs are not rendered by default.

8 changes: 4 additions & 4 deletions content/en/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -34,9 +34,9 @@ licence; the rest of SIMAI Framework is open under Apache-2.0.
3. Open the page — the loader fetches what the page uses.

```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261102.1446/distr/core/css/core.min.css">
<script>window.sfPath = 'https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261102.1446/distr/';</script>
<script src="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261102.1446/distr/core/js/core.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261105.829/distr/core/css/core.min.css">
<script>window.sfPath = 'https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261105.829/distr/';</script>
<script src="https://cdn.jsdelivr.net/npm/@simai-studio/ui@5.20261105.829/distr/core/js/core.min.js"></script>

<sf-button text="Save"></sf-button>
```
Expand All @@ -61,7 +61,7 @@ licence; the rest of SIMAI Framework is open under Apache-2.0.

---

**SIMAI Framework** · release `ui-c4d39d528148` ·
**SIMAI Framework** · release `ui-e22fefb3c1f8` ·
[GitHub](https://github.com/simai/ui-source) ·
[Report a problem](https://github.com/simai/ui-source/issues) ·
[Versions](/ru/guide/connection/versions/) ·
Expand Down
4 changes: 2 additions & 2 deletions content/ru/components/content/icons.md
Original file line number Diff line number Diff line change
Expand Up @@ -165,7 +165,7 @@ Rounded со скруглёнными концами, `sf-icon--sharp` — Sharp
| Что | Классы |
|:---|:---|
| Блок | `sf-icon` |
| Части | `sf-icon-bold`, `sf-icon-extra-light`, `sf-icon-filled`, `sf-icon-light`, `sf-icon-medium`, `sf-icon-regular`, `sf-icon-rounded`, `sf-icon-semi-bold`, `sf-icon-shape`, `sf-icon-solid`, `sf-icon-thin` |
| Части | `sf-icon-bold`, `sf-icon-extra-light`, `sf-icon-filled`, `sf-icon-light`, `sf-icon-loaded`, `sf-icon-medium`, `sf-icon-regular`, `sf-icon-rounded`, `sf-icon-semi-bold`, `sf-icon-shape`, `sf-icon-solid`, `sf-icon-thin` |
| Модификаторы | `sf-icon--filled`, `sf-icon--rotate-135`, `sf-icon--rotate-180`, `sf-icon--rotate-225`, `sf-icon--rotate-270`, `sf-icon--rotate-315`, `sf-icon--rotate-90`, `sf-icon--rounded`, `sf-icon--sharp`, `sf-icon--weight-bold`, `sf-icon--weight-extra-light`, `sf-icon--weight-light`, `sf-icon--weight-medium`, `sf-icon--weight-regular`, `sf-icon--weight-semi-bold`, `sf-icon--weight-thin` |
| Размеры | `sf-icon--size-1`, `sf-icon--size-1/2`, `sf-icon--size-1/3`, `sf-icon--size-1/4`, `sf-icon--size-2`, `sf-icon--size-3`, `sf-icon--size-4`, `sf-icon--size-5`, `sf-icon--size-6`, `sf-icon--size-7` |

Expand Down Expand Up @@ -199,7 +199,7 @@ Rounded со скруглёнными концами, `sf-icon--sharp` — Sharp
|:---|:---|:---|
| `--sf-icon--fill` | `0` | `font-variation-settings` |
| `--sf-icon--font-family` | не задана; задают модификаторы, например `:root[data-sf-icons=subset-pending] .sf-icon`: `"Material Symbols Outlined Subset"` | `font-family` |
| `--sf-icon--font-size` | не задана; задают модификаторы, например `.sf-icon--size-1/4`: `var(--sf-icon-size-1/4)` | `font-size` |
| `--sf-icon--font-size` | не задана; задают модификаторы, например `.sf-icon--size-1/4`: `var(--sf-icon-size-1/4)` | `font-size`, `width`, `inline-size` |
| `--sf-icon--grade` | `0` | `font-variation-settings` |
| `--sf-icon--height` | не задана; задают модификаторы, например `.sf-icon--size-1/4`: `var(--sf-icon-size-1/4)` | `height` |
| `--sf-icon--line-height` | `1` | `line-height` |
Expand Down
4 changes: 2 additions & 2 deletions content/ru/components/forms/checkbox.md
Original file line number Diff line number Diff line change
Expand Up @@ -213,7 +213,7 @@ whenLoader(() => SF.Loader.ready('Checkbox', (Checkbox) => {
| `--sf-checkbox-box--border-end-start-radius` | не задана; задают модификаторы, например `.sf-checkbox .sf-checkbox-box`: `var(--sf-checkbox-radius, var(--sf-radius--ui))` | `border-end-start-radius` |
| `--sf-checkbox-box--border-start-end-radius` | не задана; задают модификаторы, например `.sf-checkbox .sf-checkbox-box`: `var(--sf-checkbox-radius, var(--sf-radius--ui))` | `border-start-end-radius` |
| `--sf-checkbox-box--border-start-start-radius` | не задана; задают модификаторы, например `.sf-checkbox .sf-checkbox-box`: `var(--sf-checkbox-radius, var(--sf-radius--ui))` | `border-start-start-radius` |
| `--sf-checkbox-box--box-shadow` | не задана; задают модификаторы, например `.sf-checkbox[:has(input:not(:disabled):not(.disabled).focus-visible)] .sf-checkbox-box`: `none` | `box-shadow` |
| `--sf-checkbox-box--box-shadow` | не задана; задают модификаторы, например `.sf-checkbox:has(input:not(:disabled):not(.disabled).focus-visible) .sf-checkbox-box`: `none` | `box-shadow` |
| `--sf-checkbox-box--height` | не задана; задают модификаторы, например `.sf-checkbox.sf-checkbox--size-1/2 .sf-checkbox-box`: `var(--sf-checkbox-size, var(--sf-text-height-1/2))` | `height` |
| `--sf-checkbox-box--width` | не задана; задают модификаторы, например `.sf-checkbox.sf-checkbox--size-1/2 .sf-checkbox-box`: `var(--sf-checkbox-size, var(--sf-text-height-1/2))` | `width` |
| `--sf-checkbox-container--background-color` | не задана; задают модификаторы, например `.sf-checkbox .sf-checkbox-container`: `transparent` | `background-color` |
Expand All @@ -223,7 +223,7 @@ whenLoader(() => SF.Loader.ready('Checkbox', (Checkbox) => {
| `--sf-checkbox-description--font-weight` | не задана; задают модификаторы, например `.sf-checkbox .sf-checkbox-description`: `var(--sf-font-weight-regular)` | `font-weight` |
| `--sf-checkbox-description--line-height` | не задана; задают модификаторы, например `.sf-checkbox.sf-checkbox--size-1/2 .sf-checkbox-description`: `var(--sf-text-height-1/3)` | `line-height` |
| `--sf-checkbox-label--background-color` | не задана; задают модификаторы, например `.sf-checkbox .sf-checkbox-label`: `transparent` | `background-color` |
| `--sf-checkbox-label--color` | не задана; задают модификаторы, например `.sf-checkbox:not(.error)[:has(input:not(:checked))] .sf-checkbox-label`: `var(--sf-on-surface)` | `color` |
| `--sf-checkbox-label--color` | не задана; задают модификаторы, например `.sf-checkbox:not(.error):has(input:not(:checked)) .sf-checkbox-label`: `var(--sf-on-surface)` | `color` |
| `--sf-checkbox-label--font-family` | не задана; задают модификаторы, например `.sf-checkbox .sf-checkbox-label`: `var(--sf-text--family)` | `font-family` |
| `--sf-checkbox-label--font-size` | не задана; задают модификаторы, например `.sf-checkbox.sf-checkbox--size-1/2 .sf-checkbox-label`: `var(--sf-text-size-1/2)` | `font-size` |
| `--sf-checkbox-label--font-weight` | не задана; задают модификаторы, например `.sf-checkbox .sf-checkbox-label`: `var(--sf-font-weight-medium)` | `font-weight` |
Expand Down
2 changes: 1 addition & 1 deletion content/ru/components/forms/country-code.md
Original file line number Diff line number Diff line change
Expand Up @@ -222,7 +222,7 @@ whenLoader(() => SF.Loader.ready('CountryCode', (CountryCode) => {
| `--sf-country-code-flag-icon--background-color` | не задана; задают модификаторы, например `.sf-country-code .sf-country-code-flag-icon`: `transparent` | `background-color` |
| `--sf-country-code-flag-icon--font-size` | не задана; задают модификаторы, например `.sf-country-code.sf-country-code--size-1 .sf-country-code-flag-icon`: `var(--sf-text-size-6)` | `font-size` |
| `--sf-country-code-flag-icon--height` | не задана; задают модификаторы, например `.sf-country-code.sf-country-code--size-1 .sf-country-code-flag-icon`: `calc(var(--sf-text-height-1) * 3 / 4)` | `height` |
| `--sf-country-code-flag-icon--opacity` | не задана; задают модификаторы, например `.sf-country-code[:has(input:disabled)] .sf-country-code-flag-icon`: `var(--sf-opacity-60)` | `opacity` |
| `--sf-country-code-flag-icon--opacity` | не задана; задают модификаторы, например `.sf-country-code:has(input:disabled) .sf-country-code-flag-icon`: `var(--sf-opacity-60)` | `opacity` |
| `--sf-country-code-flag-icon--width` | не задана; задают модификаторы, например `.sf-country-code.sf-country-code--size-1 .sf-country-code-flag-icon`: `calc(var(--sf-text-height-1) * 3 / 4 * 1.4)` | `width` |
| `--sf-country-code-hint--color` | не задана; задают модификаторы, например `.sf-country-code .sf-country-code-hint`: `var(--sf-on-surface-variant)` | `color` |
| `--sf-country-code-hint--font-family` | не задана; задают модификаторы, например `.sf-country-code .sf-country-code-hint`: `var(--sf-text--family)` | `font-family` |
Expand Down
2 changes: 1 addition & 1 deletion content/ru/components/forms/inputs.md
Original file line number Diff line number Diff line change
Expand Up @@ -287,7 +287,7 @@ whenLoader(() => SF.Loader.ready('Inputs', (Inputs) => {
| `--sf-input-field--border-end-start-radius` | не задана; задают модификаторы, например `.sf-input .sf-input-field`: `var(--sf-input--radius)` | `border-end-start-radius` |
| `--sf-input-field--border-start-end-radius` | не задана; задают модификаторы, например `.sf-input .sf-input-field`: `var(--sf-input--radius)` | `border-start-end-radius` |
| `--sf-input-field--border-start-start-radius` | не задана; задают модификаторы, например `.sf-input .sf-input-field`: `var(--sf-input--radius)` | `border-start-start-radius` |
| `--sf-input-field--box-shadow` | не задана; задают модификаторы, например `.sf-input:not(.sf-input--pointer-focus)[:has(input:not(:disabled):not(.disabled).focus-visible)] .sf-input-field`: `none` | `box-shadow` |
| `--sf-input-field--box-shadow` | не задана; задают модификаторы, например `.sf-input:not(.sf-input--pointer-focus):has(input:not(:disabled):not(.disabled).focus-visible) .sf-input-field`: `none` | `box-shadow` |
| `--sf-input-field--padding-bottom` | не задана; задают модификаторы, например `.sf-input.sf-input--size-1 .sf-input-field`: `var(--sf-input-padding-block, calc(var(--sf-ui-1--space-y-tightness-default) - var(--sf-px)))` | `padding-bottom` |
| `--sf-input-field--padding-inline-end` | не задана; задают модификаторы, например `.sf-input.sf-input--size-1 .sf-input-field`: `var(--sf-input-padding-inline, var(--sf-ui-1--space-x))` | `padding-inline-end` |
| `--sf-input-field--padding-inline-start` | не задана; задают модификаторы, например `.sf-input.sf-input--size-1 .sf-input-field`: `var(--sf-input-padding-inline, var(--sf-ui-1--space-x))` | `padding-inline-start` |
Expand Down
10 changes: 5 additions & 5 deletions content/ru/components/forms/radio.md
Original file line number Diff line number Diff line change
Expand Up @@ -242,7 +242,7 @@ whenLoader(() => SF.Loader.ready('Radio', (Radio) => {
| `--sf-radio-button-box--border-start-start-radius` | не задана; задают модификаторы, например `.sf-radio-button .sf-radio-button-box`: `var(--sf-radius-circle)` | `border-start-start-radius` |
| `--sf-radio-button-box--border-style` | не задана; задают модификаторы, например `.sf-radio-button .sf-radio-button-box`: `solid` | `border-style` |
| `--sf-radio-button-box--border-width` | не задана; задают модификаторы, например `.sf-radio-button .sf-radio-button-box`: `var(--sf-radio-button-border-width, var(--sf-px))` | `border-width` |
| `--sf-radio-button-box--box-shadow` | не задана; задают модификаторы, например `.sf-radio-button[:has(input:not(:disabled):not(.disabled).focus-visible)] .sf-radio-button-box`: `none` | `box-shadow` |
| `--sf-radio-button-box--box-shadow` | не задана; задают модификаторы, например `.sf-radio-button:has(input:not(:disabled):not(.disabled).focus-visible) .sf-radio-button-box`: `none` | `box-shadow` |
| `--sf-radio-button-box--gap` | не задана; задают модификаторы, например `.sf-radio-button .sf-radio-button-box`: `var(--sf-a0)` | `gap` |
| `--sf-radio-button-box--height` | не задана; задают модификаторы, например `.sf-radio-button.sf-radio-button--size-1/2 .sf-radio-button-box`: `var(--sf-radio-button-size, var(--sf-text-height-1/2))` | `height`, `--sf-radio-button-mark--height` |
| `--sf-radio-button-box--width` | не задана; задают модификаторы, например `.sf-radio-button.sf-radio-button--size-1/2 .sf-radio-button-box`: `var(--sf-radio-button-size, var(--sf-text-height-1/2))` | `width`, `--sf-radio-button-mark--width` |
Expand All @@ -252,10 +252,10 @@ whenLoader(() => SF.Loader.ready('Radio', (Radio) => {
| `--sf-radio-button-description--font-size` | не задана; задают модификаторы, например `.sf-radio-button.sf-radio-button--size-1/2 .sf-radio-button-description`: `var(--sf-text-size-1/3)` | `font-size` |
| `--sf-radio-button-description--font-weight` | не задана; задают модификаторы, например `.sf-radio-button .sf-radio-button-description`: `var(--sf-font-weight-regular)` | `font-weight` |
| `--sf-radio-button-description--line-height` | не задана; задают модификаторы, например `.sf-radio-button.sf-radio-button--size-1/2 .sf-radio-button-description`: `var(--sf-text-height-1/3)` | `line-height` |
| `--sf-radio-button-mark--background-color` | не задана; задают модификаторы, например `.sf-radio-button[:has(input:checked)][:not-has(input:disabled)] .sf-radio-button-mark`: `var(--sf-radio-button-checked-color, var(--sf-primary))` | `background-color` |
| `--sf-radio-button-mark--border-radius` | не задана; задают модификаторы, например `.sf-radio-button[:has(input:checked)] .sf-radio-button-mark`: `var(--sf-radius-circle)` | `border-radius` |
| `--sf-radio-button-mark--height` | не задана; задают модификаторы, например `.sf-radio-button.sf-radio-button--size-1/2[:has(input:checked)] .sf-radio-button-mark`: `calc(var(--sf-radio-button-box--height) / 2)` | `height` |
| `--sf-radio-button-mark--width` | не задана; задают модификаторы, например `.sf-radio-button.sf-radio-button--size-1/2[:has(input:checked)] .sf-radio-button-mark`: `calc(var(--sf-radio-button-box--width) / 2)` | `width` |
| `--sf-radio-button-mark--background-color` | не задана; задают модификаторы, например `.sf-radio-button:has(input:checked):not(:has(input:disabled)) .sf-radio-button-mark`: `var(--sf-radio-button-checked-color, var(--sf-primary))` | `background-color` |
| `--sf-radio-button-mark--border-radius` | не задана; задают модификаторы, например `.sf-radio-button:has(input:checked) .sf-radio-button-mark`: `var(--sf-radius-circle)` | `border-radius` |
| `--sf-radio-button-mark--height` | не задана; задают модификаторы, например `.sf-radio-button.sf-radio-button--size-1/2:has(input:checked) .sf-radio-button-mark`: `calc(var(--sf-radio-button-box--height) / 2)` | `height` |
| `--sf-radio-button-mark--width` | не задана; задают модификаторы, например `.sf-radio-button.sf-radio-button--size-1/2:has(input:checked) .sf-radio-button-mark`: `calc(var(--sf-radio-button-box--width) / 2)` | `width` |
| `--sf-radio-button-text--background-color` | не задана; задают модификаторы, например `.sf-radio-button .sf-radio-button-text`: `transparent` | `background-color` |
| `--sf-radio-button-text--color` | не задана; задают модификаторы, например `.sf-radio-button .sf-radio-button-text`: `var(--sf-radio-button-color, var(--sf-on-surface))` | `color` |
| `--sf-radio-button-text--font-family` | не задана; задают модификаторы, например `.sf-radio-button.sf-radio-button--size-1/2 .sf-radio-button-text`: `var(--sf-text--family)` | `font-family` |
Expand Down
Loading
Loading