@cocso-ui/react 1.0.1 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/badge/badge.d.ts +1 -1
- package/dist/cjs/components/breadcrumb/breadcrumb.module.css.js +1 -1
- package/dist/cjs/components/button/button.d.ts +6 -4
- package/dist/cjs/components/button/button.js +3 -1
- package/dist/cjs/components/button/button.module.css.js +1 -1
- package/dist/cjs/components/checkbox/checkbox.js +2 -0
- package/dist/cjs/components/checkbox/checkbox.module.css.js +1 -1
- package/dist/cjs/components/day-picker/day-picker.module.css.js +1 -1
- package/dist/cjs/components/dialog/dialog.module.css.js +1 -1
- package/dist/cjs/components/dropdown/dropdown.js +1 -0
- package/dist/cjs/components/dropdown/dropdown.module.css.js +1 -1
- package/dist/cjs/components/field/field.module.css.js +1 -1
- package/dist/cjs/components/input/input.module.css.js +1 -1
- package/dist/cjs/components/input-trigger/input-trigger.module.css.js +1 -1
- package/dist/cjs/components/link/link.module.css.js +1 -1
- package/dist/cjs/components/pagination/pagination.module.css.js +1 -1
- package/dist/cjs/components/popover/popover.js +1 -0
- package/dist/cjs/components/popover/popover.module.css.js +1 -1
- package/dist/cjs/components/radio-group/radio-group.js +2 -0
- package/dist/cjs/components/radio-group/radio-group.module.css.js +1 -1
- package/dist/cjs/components/select/select.module.css.js +1 -1
- package/dist/cjs/components/switch/switch.module.css.js +1 -1
- package/dist/cjs/components/tooltip/tooltip.js +1 -0
- package/dist/cjs/components/tooltip/tooltip.module.css.js +1 -1
- package/dist/cjs/components/typography/typography.d.ts +14 -2
- package/dist/cjs/components/typography/typography.js +15 -3
- package/dist/cjs/ecosystem/codegen/generated/avatar.css.js +1 -1
- package/dist/cjs/ecosystem/codegen/generated/badge.css.js +1 -1
- package/dist/cjs/ecosystem/codegen/generated/breadcrumb.css.js +1 -1
- package/dist/cjs/ecosystem/codegen/generated/button.css.js +1 -1
- package/dist/cjs/ecosystem/codegen/generated/button.js +3 -2
- package/dist/cjs/ecosystem/codegen/generated/checkbox.css.js +1 -1
- package/dist/cjs/ecosystem/codegen/generated/radio.css.js +1 -1
- package/dist/cjs/index.d.ts +2 -2
- package/dist/cjs/token/color.d.ts +18 -1
- package/dist/cjs/token/color.js +18 -1
- package/dist/esm/components/badge/badge.d.mts +1 -1
- package/dist/esm/components/button/button.d.mts +6 -4
- package/dist/esm/components/button/button.mjs +3 -1
- package/dist/esm/components/checkbox/checkbox.mjs +2 -0
- package/dist/esm/components/dropdown/dropdown.mjs +1 -0
- package/dist/esm/components/popover/popover.mjs +1 -0
- package/dist/esm/components/radio-group/radio-group.mjs +2 -0
- package/dist/esm/components/tooltip/tooltip.mjs +1 -0
- package/dist/esm/components/typography/typography.d.mts +14 -2
- package/dist/esm/components/typography/typography.mjs +15 -3
- package/dist/esm/ecosystem/codegen/generated/button.mjs +3 -2
- package/dist/esm/index.css +4 -2
- package/dist/esm/index.d.mts +2 -2
- package/dist/esm/token/color.d.mts +18 -1
- package/dist/esm/token/color.mjs +18 -1
- package/package.json +3 -3
|
@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
|
2
2
|
import { ComponentProps } from 'react';
|
|
3
3
|
|
|
4
4
|
type BadgeSize = "large" | "medium" | "small";
|
|
5
|
-
type BadgeVariant = "primary" | "secondary" | "success" | "error" | "warning" | "info" | "outline";
|
|
5
|
+
type BadgeVariant = "primary" | "primary-subtle" | "secondary" | "success" | "error" | "warning" | "info" | "outline";
|
|
6
6
|
type BadgeShape = "square" | "circle" | "rounded";
|
|
7
7
|
interface BadgeProps extends ComponentProps<"div"> {
|
|
8
8
|
shape?: BadgeShape;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var styleInject_es = require('../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
4
|
|
|
5
|
-
var css_248z = "@layer components{.breadcrumb-module_breadcrumb__dW5v-{color:var(--cocso-breadcrumb-font-color);font-size:var(--cocso-breadcrumb-font-size)}.breadcrumb-module_list__mLCBo{align-items:center;display:flex;flex-wrap:wrap;gap:var(--cocso-spacing-2);list-style:none;margin:0;padding:0}.breadcrumb-module_item__G0t2y{align-items:center;display:inline-flex;gap:var(--cocso-spacing-2)}.breadcrumb-module_item__G0t2y:last-child{color:var(--cocso-color-
|
|
5
|
+
var css_248z = "@layer components{.breadcrumb-module_breadcrumb__dW5v-{color:var(--cocso-breadcrumb-font-color);font-size:var(--cocso-breadcrumb-font-size)}.breadcrumb-module_list__mLCBo{align-items:center;display:flex;flex-wrap:wrap;gap:var(--cocso-spacing-2);list-style:none;margin:0;padding:0}.breadcrumb-module_item__G0t2y{align-items:center;display:inline-flex;gap:var(--cocso-spacing-2)}.breadcrumb-module_item__G0t2y:last-child{color:var(--cocso-color-text-primary);font-weight:500}.breadcrumb-module_separator__wMAks{color:var(--cocso-color-text-tertiary);user-select:none}}";
|
|
6
6
|
var styles = {"breadcrumb":"breadcrumb-module_breadcrumb__dW5v-","list":"breadcrumb-module_list__mLCBo","item":"breadcrumb-module_item__G0t2y","separator":"breadcrumb-module_separator__wMAks"};
|
|
7
7
|
styleInject_es(css_248z);
|
|
8
8
|
|
|
@@ -5,9 +5,11 @@ import { FontWeight } from '../../token/typography.js';
|
|
|
5
5
|
import { SpinnerVariant } from '../spinner/spinner.js';
|
|
6
6
|
|
|
7
7
|
type ButtonSize = "large" | "medium" | "small" | "x-small";
|
|
8
|
-
type ButtonVariant = "primary" | "secondary" | "outline" | "ghost" | "success" | "error" | "warning" | "info";
|
|
9
|
-
type ButtonShape = "square" | "circle" | "rounded";
|
|
8
|
+
type ButtonVariant = "primary" | "secondary" | "outline" | "ghost" | "success" | "error" | "warning" | "info" | "neutral" | "error-ghost";
|
|
9
|
+
type ButtonShape = "square" | "circle" | "rounded" | "sharp";
|
|
10
|
+
type ButtonAlign = "center" | "start" | "between";
|
|
10
11
|
interface ButtonProps extends Omit<ComponentProps<"button">, "prefix"> {
|
|
12
|
+
align?: ButtonAlign;
|
|
11
13
|
disabled?: boolean;
|
|
12
14
|
loading?: boolean;
|
|
13
15
|
prefix?: ReactNode;
|
|
@@ -21,7 +23,7 @@ interface ButtonProps extends Omit<ComponentProps<"button">, "prefix"> {
|
|
|
21
23
|
weight?: FontWeight;
|
|
22
24
|
}
|
|
23
25
|
/** Polymorphic button component with variant, color, and size options. */
|
|
24
|
-
declare function Button({ render: renderProp, ref, className, style: _style, children, size, variant, weight, shape, prefix, suffix, svgOnly, disabled, loading, spinnerVariant, ...props }: ButtonProps): react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
26
|
+
declare function Button({ render: renderProp, ref, className, style: _style, children, size, variant, weight, shape, align, prefix, suffix, svgOnly, disabled, loading, spinnerVariant, ...props }: ButtonProps): react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
25
27
|
|
|
26
28
|
export { Button };
|
|
27
|
-
export type { ButtonProps, ButtonShape, ButtonSize, ButtonVariant };
|
|
29
|
+
export type { ButtonAlign, ButtonProps, ButtonShape, ButtonSize, ButtonVariant };
|
|
@@ -25,6 +25,7 @@ function Button({
|
|
|
25
25
|
variant = "primary",
|
|
26
26
|
weight = "medium",
|
|
27
27
|
shape = "square",
|
|
28
|
+
align = "center",
|
|
28
29
|
prefix,
|
|
29
30
|
suffix,
|
|
30
31
|
svgOnly = false,
|
|
@@ -41,7 +42,8 @@ function Button({
|
|
|
41
42
|
const mergedClassName = cn.cn(button.button({
|
|
42
43
|
variant,
|
|
43
44
|
size,
|
|
44
|
-
shape
|
|
45
|
+
shape,
|
|
46
|
+
align
|
|
45
47
|
}), button_module.button, svgOnly && button_module.svgOnly, className);
|
|
46
48
|
const renderButtonContent = ctx => /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
47
49
|
children: [loading && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var styleInject_es = require('../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
4
|
|
|
5
|
-
var css_248z = "@layer components{.button-module_button__5dzDN{--cocso-button-height:inherit;--cocso-button-padding-inline:inherit;--cocso-button-content-padding:inherit;--cocso-button-font-color:inherit;--cocso-button-font-size:inherit;--cocso-button-font-weight:inherit;--cocso-button-border:inherit;--cocso-button-border-radius:inherit;--cocso-button-bg-color:inherit;align-items:center;background-color:var(--cocso-button-bg-color);border:var(--cocso-button-border,none);border-radius:var(--cocso-button-border-radius);color:var(--cocso-button-font-color);cursor:pointer;display:inline-flex;font-size:var(--cocso-button-font-size);font-weight:var(--cocso-button-font-weight);height:var(--cocso-button-height);justify-content:
|
|
5
|
+
var css_248z = "@layer components{.button-module_button__5dzDN{--cocso-button-height:inherit;--cocso-button-padding-inline:inherit;--cocso-button-content-padding:inherit;--cocso-button-font-color:inherit;--cocso-button-font-size:inherit;--cocso-button-font-weight:inherit;--cocso-button-border:inherit;--cocso-button-border-radius:inherit;--cocso-button-bg-color:inherit;--cocso-button-justify-content:center;align-items:center;background-color:var(--cocso-button-bg-color);border:var(--cocso-button-border,none);border-radius:var(--cocso-button-border-radius);color:var(--cocso-button-font-color);cursor:pointer;display:inline-flex;font-size:var(--cocso-button-font-size);font-weight:var(--cocso-button-font-weight);height:var(--cocso-button-height);justify-content:var(--cocso-button-justify-content);opacity:1;padding-inline:var(--cocso-button-padding-inline);position:relative;transition:background-color var(--cocso-duration-fast) var(--cocso-easing-default)}@media (hover:hover) and (pointer:fine){.button-module_button__5dzDN:not([disabled]):hover{--cocso-button-bg-color-hover:inherit;background-color:var(--cocso-button-bg-color-hover)}}.button-module_button__5dzDN:not([disabled]):active{--cocso-button-bg-color-active:inherit;background-color:var(--cocso-button-bg-color-active);color:var(\n --cocso-button-font-color-active,var(--cocso-button-font-color)\n )}.button-module_content__q0g4H{padding:var(--cocso-button-content-padding)}.button-module_prefix__836bE{margin-right:var(--cocso-spacing-2)}.button-module_prefix__836bE,.button-module_suffix__6k1TK{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}.button-module_suffix__6k1TK{margin-left:var(--cocso-spacing-2)}.button-module_button__5dzDN:focus-visible{outline:2px solid var(--cocso-color-focus-ring);outline-offset:2px}.button-module_button__5dzDN[disabled]{cursor:not-allowed;opacity:.4}.button-module_svgOnly__QHNx6{aspect-ratio:1/1;padding:0}.button-module_spinnerOverlay__kbemq{inset:0;position:absolute}.button-module_buttonInner__aXpaa,.button-module_spinnerOverlay__kbemq{align-items:center;display:inline-flex;justify-content:center}.button-module_invisible__esdRe{opacity:0}}";
|
|
6
6
|
var styles = {"button":"button-module_button__5dzDN","content":"button-module_content__q0g4H","prefix":"button-module_prefix__836bE","suffix":"button-module_suffix__6k1TK","svgOnly":"button-module_svgOnly__QHNx6","spinnerOverlay":"button-module_spinnerOverlay__kbemq","buttonInner":"button-module_buttonInner__aXpaa","invisible":"button-module_invisible__esdRe"};
|
|
7
7
|
styleInject_es(css_248z);
|
|
8
8
|
|
|
@@ -60,10 +60,12 @@ function Checkbox({
|
|
|
60
60
|
size,
|
|
61
61
|
status
|
|
62
62
|
}), checkbox_module.wrapper, className),
|
|
63
|
+
"data-cocso-component": "checkbox",
|
|
63
64
|
style: style,
|
|
64
65
|
children: [/*#__PURE__*/jsxRuntime.jsxs(checkbox.Checkbox.Root, {
|
|
65
66
|
checked: checkedState.checked,
|
|
66
67
|
className: checkbox_module.checkbox,
|
|
68
|
+
"data-cocso-component": "checkbox-control",
|
|
67
69
|
disabled: disabled,
|
|
68
70
|
id: id,
|
|
69
71
|
indeterminate: checkedState.indeterminate,
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var styleInject_es = require('../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
4
|
|
|
5
|
-
var css_248z = "@layer components{.checkbox-module_wrapper__vP2bp{align-items:center;display:flex;gap:var(--cocso-spacing-5)}.checkbox-module_checkbox__zAB1y{--cocso-checkbox-size:inherit;--cocso-checkbox-color:inherit;--cocso-checkbox-border-color:inherit;--cocso-checkbox-bg-color:inherit;align-items:center;background-color:var(--cocso-checkbox-bg-color);border:1px solid var(--cocso-checkbox-border-color);border-radius:var(--cocso-checkbox-radius);color:var(--cocso-checkbox-color);cursor:pointer;display:inline-flex;height:var(--cocso-checkbox-size);justify-content:center;opacity:1;position:relative;transition:color var(--cocso-duration-fast) var(--cocso-easing-default),border-color var(--cocso-duration-fast) var(--cocso-easing-default),background-color var(--cocso-duration-fast) var(--cocso-easing-default);width:var(--cocso-checkbox-size)}.checkbox-module_icon__Taf0X{stroke:var(--cocso-checkbox-color);display:block;height:auto;max-width:100%;transition:stroke var(--cocso-duration-fast) var(--cocso-easing-default)}.checkbox-module_checkbox__zAB1y:focus-within{outline:2px solid var(--cocso-
|
|
5
|
+
var css_248z = "@layer components{.checkbox-module_wrapper__vP2bp{align-items:center;display:flex;gap:var(--cocso-spacing-5)}.checkbox-module_checkbox__zAB1y{--cocso-checkbox-size:inherit;--cocso-checkbox-color:inherit;--cocso-checkbox-border-color:inherit;--cocso-checkbox-bg-color:inherit;align-items:center;background-color:var(--cocso-checkbox-bg-color);border:1px solid var(--cocso-checkbox-border-color);border-radius:var(--cocso-checkbox-radius);color:var(--cocso-checkbox-color);cursor:pointer;display:inline-flex;height:var(--cocso-checkbox-size);justify-content:center;opacity:1;position:relative;transition:color var(--cocso-duration-fast) var(--cocso-easing-default),border-color var(--cocso-duration-fast) var(--cocso-easing-default),background-color var(--cocso-duration-fast) var(--cocso-easing-default);width:var(--cocso-checkbox-size)}.checkbox-module_icon__Taf0X{stroke:var(--cocso-checkbox-color);display:block;height:auto;max-width:100%;transition:stroke var(--cocso-duration-fast) var(--cocso-easing-default)}.checkbox-module_checkbox__zAB1y:focus-within{outline:2px solid var(--cocso-checkbox-focus-ring-color);outline-offset:2px}.checkbox-module_checkbox__zAB1y input[type=checkbox]{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.checkbox-module_indicator__Cs9Yi{bottom:var(--cocso-spacing-1);left:var(--cocso-spacing-1);position:absolute;right:var(--cocso-spacing-1);top:var(--cocso-spacing-1);transition:opacity var(--cocso-duration-fast) var(--cocso-easing-default)}.checkbox-module_label__EvRQ7{cursor:pointer;opacity:1}.checkbox-module_checkbox__zAB1y[data-disabled],.checkbox-module_label__EvRQ7[aria-disabled=true]{cursor:not-allowed;opacity:.4}}";
|
|
6
6
|
var styles = {"wrapper":"checkbox-module_wrapper__vP2bp","checkbox":"checkbox-module_checkbox__zAB1y","icon":"checkbox-module_icon__Taf0X","indicator":"checkbox-module_indicator__Cs9Yi","label":"checkbox-module_label__EvRQ7"};
|
|
7
7
|
styleInject_es(css_248z);
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var styleInject_es = require('../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
4
|
|
|
5
|
-
var css_248z = "@layer components{.day-picker-module_root__QVrbb{display:inline-block;transform:translateZ(0)}.day-picker-module_content__34qUu{border-radius:var(--cocso-radius-4);min-width:260px;overflow:hidden;padding:var(--cocso-spacing-7)}.day-picker-module_menu__2eMt0{align-items:center;display:flex;gap:var(--cocso-spacing-3);justify-content:center}.day-picker-module_arrow__p9QLq{height:24px;width:24px}.react-datepicker__day.day-picker-module_sunday__nVavs{color:var(--cocso-color-danger-
|
|
5
|
+
var css_248z = "@layer components{.day-picker-module_root__QVrbb{display:inline-block;transform:translateZ(0)}.day-picker-module_content__34qUu{border-radius:var(--cocso-radius-4);min-width:260px;overflow:hidden;padding:var(--cocso-spacing-7)}.day-picker-module_menu__2eMt0{align-items:center;display:flex;gap:var(--cocso-spacing-3);justify-content:center}.day-picker-module_arrow__p9QLq{height:24px;width:24px}.react-datepicker__day.day-picker-module_sunday__nVavs{color:var(--cocso-color-feedback-danger-text)}.react-datepicker__day.day-picker-module_saturday__ZYoB9{color:var(--cocso-color-feedback-info-text)}.react-datepicker{background-color:var(--cocso-color-surface-primary);color:var(--cocso-color-text-primary);display:inline-block;font-size:.8rem;padding-inline:0;position:relative}.react-datepicker__aria-live{height:1px;left:-10000px;overflow:hidden;position:absolute;top:auto;width:1px}.react-datepicker__sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__month-container{padding-block:0;width:100%}.react-datepicker__header--custom{padding-bottom:var(--cocso-spacing-5)}.react-datepicker__day-names,.react-datepicker__header--custom{align-items:center;display:flex;justify-content:space-between;width:100%}.react-datepicker__day-names{padding-bottom:var(--cocso-spacing-2);text-align:center;white-space:nowrap}.react-datepicker__month{gap:var(--cocso-spacing-2)}.react-datepicker__week{align-items:center;display:flex;justify-content:space-between;text-align:center;white-space:nowrap;width:100%}.react-datepicker__day-name{font-weight:500;padding-inline:var(--cocso-spacing-3)}.react-datepicker__day,.react-datepicker__day-name{align-items:center;aspect-ratio:1/1;color:var(--cocso-color-text-primary);display:inline-flex;justify-content:center;margin:0;min-width:1.7rem;text-align:center;width:auto}.react-datepicker__day{border-radius:var(--cocso-radius-4);cursor:pointer;font-family:var(--font-mono,\"monospace\"),monospace}.react-datepicker__day.react-datepicker__day--selected{background-color:var(--cocso-color-interactive-primary);color:var(--cocso-color-surface-primary)}@media (hover:hover) and (pointer:fine){.react-datepicker__day:hover{background-color:var(--cocso-color-interactive-secondary)}.react-datepicker__day.react-datepicker__day--selected:hover{background-color:var(--cocso-color-interactive-primary-hover)}}.react-datepicker__day-name:first-child{color:var(--cocso-color-feedback-danger-text)}.react-datepicker__day-name:nth-child(7){color:var(--cocso-color-feedback-info-text)}.react-datepicker__day--outside-month{opacity:.4}.react-datepicker__day--disabled{cursor:not-allowed;opacity:.4}}";
|
|
6
6
|
var styles = {"root":"day-picker-module_root__QVrbb","content":"day-picker-module_content__34qUu","menu":"day-picker-module_menu__2eMt0","arrow":"day-picker-module_arrow__p9QLq","sunday":"day-picker-module_sunday__nVavs","saturday":"day-picker-module_saturday__ZYoB9"};
|
|
7
7
|
styleInject_es(css_248z);
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var styleInject_es = require('../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
4
|
|
|
5
|
-
var css_248z = "@layer components{@keyframes dialog-module_overlay-show__gzSZE{0%{opacity:0}to{opacity:1}}.dialog-module_overlay__aJLpW{animation:dialog-module_overlay-show__gzSZE var(--cocso-duration-slow) var(--cocso-easing-entrance);background-color:var(--cocso-color-black-alpha-30);inset:0;position:fixed;z-index:var(--cocso-z-index-overlay)}@keyframes dialog-module_content-show__rVhLI{0%{opacity:0;transform:translate(-50%,-48%) perspective(1200px) rotateX(-2deg) scale(.995)}to{opacity:1;transform:translate(-50%,-50%) perspective(1200px) rotateX(0deg) scale(1)}}.dialog-module_panel__5XCTU{animation:dialog-module_content-show__rVhLI var(--cocso-duration-slow) var(--cocso-easing-entrance);background-color:var(--cocso-color-
|
|
5
|
+
var css_248z = "@layer components{@keyframes dialog-module_overlay-show__gzSZE{0%{opacity:0}to{opacity:1}}.dialog-module_overlay__aJLpW{animation:dialog-module_overlay-show__gzSZE var(--cocso-duration-slow) var(--cocso-easing-entrance);background-color:var(--cocso-color-black-alpha-30);inset:0;position:fixed;z-index:var(--cocso-z-index-overlay)}@keyframes dialog-module_content-show__rVhLI{0%{opacity:0;transform:translate(-50%,-48%) perspective(1200px) rotateX(-2deg) scale(.995)}to{opacity:1;transform:translate(-50%,-50%) perspective(1200px) rotateX(0deg) scale(1)}}.dialog-module_panel__5XCTU{animation:dialog-module_content-show__rVhLI var(--cocso-duration-slow) var(--cocso-easing-entrance);background-color:var(--cocso-color-surface-primary);border:1px solid var(--cocso-color-border-secondary);border-radius:var(--cocso-radius-5);box-shadow:var(--cocso-shadow-dialog);display:flex;flex-direction:column;left:50%;max-height:85vh;padding:var(--cocso-spacing-9);position:fixed;top:50%;transform:translate(-50%,-50%);width:90vw;z-index:var(--cocso-z-index-dialog)}.dialog-module_small__JObfk{max-width:380px}.dialog-module_medium__Xxtor{max-width:520px}.dialog-module_large__O71LV{max-width:680px}@media (prefers-reduced-motion:reduce){.dialog-module_overlay__aJLpW,.dialog-module_panel__5XCTU{animation:none}}.dialog-module_close__cuRe9{align-items:center;align-self:flex-end;cursor:pointer;display:flex;height:var(--cocso-spacing-10);justify-content:center;position:absolute;right:var(--cocso-spacing-9);top:var(--cocso-spacing-9);width:var(--cocso-spacing-10)}.dialog-module_title__E36pq{word-break:keep-all}.dialog-module_description__DNssa{margin-top:var(--cocso-spacing-3)}}";
|
|
6
6
|
var styles = {"overlay":"dialog-module_overlay__aJLpW","overlay-show":"dialog-module_overlay-show__gzSZE","panel":"dialog-module_panel__5XCTU","content-show":"dialog-module_content-show__rVhLI","small":"dialog-module_small__JObfk","medium":"dialog-module_medium__Xxtor","large":"dialog-module_large__O71LV","close":"dialog-module_close__cuRe9","title":"dialog-module_title__E36pq","description":"dialog-module_description__DNssa"};
|
|
7
7
|
styleInject_es(css_248z);
|
|
8
8
|
|
|
@@ -20,6 +20,7 @@ function DropdownContent({
|
|
|
20
20
|
alignOffset: alignOffset,
|
|
21
21
|
arrowPadding: arrowPadding,
|
|
22
22
|
className: dropdown_module.positioner,
|
|
23
|
+
"data-cocso-component": "dropdown-positioner",
|
|
23
24
|
side: side,
|
|
24
25
|
sideOffset: sideOffset,
|
|
25
26
|
children: /*#__PURE__*/jsxRuntime.jsx(menu.Menu.Popup, {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var styleInject_es = require('../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
4
|
|
|
5
|
-
var css_248z = "@layer components{@keyframes dropdown-module_dropdown-slide-up__OrP7L{0%{opacity:.9;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdown-module_dropdown-slide-down__3NX30{0%{opacity:.9;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dropdown-module_content__nf11j{animation:none}.dropdown-module_item__BvWCj{transition:none}}.dropdown-
|
|
5
|
+
var css_248z = "@layer components{@keyframes dropdown-module_dropdown-slide-up__OrP7L{0%{opacity:.9;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdown-module_dropdown-slide-down__3NX30{0%{opacity:.9;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.dropdown-module_content__nf11j{animation:none}.dropdown-module_item__BvWCj{transition:none}}.dropdown-module_positioner__mGdXB{z-index:var(--cocso-z-index-popover)}.dropdown-module_content__nf11j{animation-duration:var(--cocso-duration-normal);animation-timing-function:var(--cocso-easing-entrance);background-color:var(--cocso-color-surface-primary);border:1px solid var(--cocso-color-border-secondary);border-radius:var(--cocso-radius-3);box-shadow:var(--cocso-shadow-dropdown);display:flex;flex-direction:column;min-width:128px;padding:var(--cocso-spacing-4);will-change:transform,opacity}.dropdown-module_content__nf11j[data-side=top]{animation-name:dropdown-module_dropdown-slide-up__OrP7L;margin-bottom:var(--cocso-spacing-3)}.dropdown-module_content__nf11j[data-side=bottom]{animation-name:dropdown-module_dropdown-slide-down__3NX30;margin-top:var(--cocso-spacing-3)}.dropdown-module_item__BvWCj{align-items:center;border-radius:var(--cocso-radius-3);cursor:pointer;display:flex;font-size:var(--cocso-text-sm);gap:var(--cocso-spacing-4);height:fit-content;line-height:1.5;padding-block:var(--cocso-spacing-4);padding-inline:var(--cocso-spacing-5);transition:background-color var(--cocso-duration-fast) var(--cocso-easing-soft),scale var(--cocso-duration-fast) var(--cocso-easing-soft)}.dropdown-module_prefix__oBteB{align-items:center;display:inline-flex;flex-shrink:0;height:14px;justify-content:center;width:14px}@media (hover:hover) and (pointer:fine){.dropdown-module_item__BvWCj:hover{background-color:var(--cocso-color-surface-secondary)}.dropdown-module_item__BvWCj[data-disabled]:hover{background-color:transparent}}.dropdown-module_item__BvWCj:active{scale:.98}.dropdown-module_item__BvWCj[data-disabled]{cursor:not-allowed;opacity:.4}.dropdown-module_item__BvWCj[data-disabled]:active{scale:1}}";
|
|
6
6
|
var styles = {"content":"dropdown-module_content__nf11j","item":"dropdown-module_item__BvWCj","positioner":"dropdown-module_positioner__mGdXB","prefix":"dropdown-module_prefix__oBteB"};
|
|
7
7
|
styleInject_es(css_248z);
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var styleInject_es = require('../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
4
|
|
|
5
|
-
var css_248z = "@layer components{.field-module_root__m2CZV{--cocso-field-label-font-size:var(--cocso-text-sm);--cocso-field-description-font-size:var(--cocso-text-xs);display:flex;flex-direction:column;gap:var(--cocso-spacing-5)}.field-module_label__LbITU{color:var(--cocso-color-text-primary);cursor:pointer;font-size:var(--cocso-field-label-font-size);font-weight:var(--cocso-font-weight-medium);user-select:none}.field-module_optional__NE5TC{
|
|
5
|
+
var css_248z = "@layer components{.field-module_root__m2CZV{--cocso-field-label-font-size:var(--cocso-text-sm);--cocso-field-description-font-size:var(--cocso-text-xs);display:flex;flex-direction:column;gap:var(--cocso-spacing-5)}.field-module_label__LbITU{color:var(--cocso-color-text-primary);cursor:pointer;font-size:var(--cocso-field-label-font-size);font-weight:var(--cocso-font-weight-medium);user-select:none}.field-module_optional__NE5TC{font-weight:var(--cocso-font-weight-regular);margin-left:var(--cocso-spacing-4)}.field-module_description__qiTfj,.field-module_optional__NE5TC{color:var(--cocso-color-text-secondary);font-size:var(--cocso-field-description-font-size)}.field-module_description__qiTfj{margin:0}.field-module_errorMessage__HWoWa{color:var(--cocso-color-feedback-danger);font-size:var(--cocso-field-description-font-size);margin:0}}";
|
|
6
6
|
var styles = {"root":"field-module_root__m2CZV","label":"field-module_label__LbITU","optional":"field-module_optional__NE5TC","description":"field-module_description__qiTfj","errorMessage":"field-module_errorMessage__HWoWa"};
|
|
7
7
|
styleInject_es(css_248z);
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var styleInject_es = require('../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
4
|
|
|
5
|
-
var css_248z = "@layer components{.input-module_input__-ipHD{--cocso-input-height:inherit;--cocso-input-padding-x:inherit;--cocso-input-font-size:inherit;--cocso-input-border-radius:inherit;--cocso-input-bg-color:var(--cocso-color-
|
|
5
|
+
var css_248z = "@layer components{.input-module_input__-ipHD{--cocso-input-height:inherit;--cocso-input-padding-x:inherit;--cocso-input-font-size:inherit;--cocso-input-border-radius:inherit;--cocso-input-bg-color:var(--cocso-color-surface-primary);background-color:var(--cocso-input-bg-color);border:none;border-radius:var(--cocso-input-border-radius);box-shadow:0 0 0 1px var(--cocso-color-border-secondary),var(--cocso-shadow-xs);color:var(--cocso-color-text-primary);display:block;font-size:var(--cocso-input-font-size);height:var(--cocso-input-height);outline:none;padding-inline:var(--cocso-input-padding-x);transition:box-shadow var(--cocso-duration-fast) var(--cocso-easing-soft);width:fit-content}.input-module_input__-ipHD::placeholder{color:var(--cocso-color-text-secondary)}.input-module_input__-ipHD:focus-visible{box-shadow:0 0 0 1px var(--cocso-color-border-strong),var(--cocso-shadow-xs);outline:2px solid transparent}.input-module_input__-ipHD.input-module_stretch__1zxJA{width:100%}.input-module_input__-ipHD:disabled{cursor:not-allowed;opacity:.4}.input-module_input__-ipHD:read-only{background-color:var(--cocso-color-surface-secondary);cursor:default}.input-module_input__-ipHD.input-module_error__8P-i-{box-shadow:0 0 0 1px var(--cocso-color-feedback-danger),var(--cocso-shadow-xs)}.input-module_input__-ipHD.input-module_error__8P-i-:focus-visible{box-shadow:0 0 0 1px var(--cocso-color-feedback-danger),var(--cocso-shadow-xs);outline:2px solid transparent}}";
|
|
6
6
|
var styles = {"input":"input-module_input__-ipHD","stretch":"input-module_stretch__1zxJA","error":"input-module_error__8P-i-"};
|
|
7
7
|
styleInject_es(css_248z);
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var styleInject_es = require('../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
4
|
|
|
5
|
-
var css_248z = "@layer components{.input-trigger-module_trigger__FepZ1{--cocso-input-height:inherit;--cocso-input-padding-x:inherit;--cocso-input-font-size:inherit;--cocso-input-border-radius:inherit;--cocso-input-bg-color:var(--cocso-color-
|
|
5
|
+
var css_248z = "@layer components{.input-trigger-module_trigger__FepZ1{--cocso-input-height:inherit;--cocso-input-padding-x:inherit;--cocso-input-font-size:inherit;--cocso-input-border-radius:inherit;--cocso-input-bg-color:var(--cocso-color-surface-primary);align-items:center;background-color:var(--cocso-input-bg-color);border:none;border-radius:var(--cocso-input-border-radius);box-shadow:0 0 0 1px var(--cocso-color-border-secondary),var(--cocso-shadow-xs);color:var(--cocso-color-text-primary);cursor:pointer;display:inline-flex;font-size:var(--cocso-input-font-size);gap:var(--cocso-spacing-4);height:var(--cocso-input-height);padding-inline:var(--cocso-input-padding-x);text-align:left;transition:box-shadow var(--cocso-duration-fast) var(--cocso-easing-soft);width:fit-content}.input-trigger-module_trigger__FepZ1:focus-visible{box-shadow:0 0 0 1px var(--cocso-color-border-strong),var(--cocso-shadow-xs);outline:2px solid transparent}.input-trigger-module_trigger__FepZ1.input-trigger-module_stretch__iRyO-{width:100%}.input-trigger-module_trigger__FepZ1:disabled{cursor:not-allowed;opacity:.4}.input-trigger-module_trigger__FepZ1.input-trigger-module_error__qttrx,.input-trigger-module_trigger__FepZ1.input-trigger-module_error__qttrx:focus-visible{box-shadow:0 0 0 1px var(--cocso-color-feedback-danger),var(--cocso-shadow-xs)}.input-trigger-module_value__3RNV4{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-trigger-module_placeholder__-9y7a{color:var(--cocso-color-text-secondary)}.input-trigger-module_affix__IJsDY{align-items:center;display:inline-flex;flex-shrink:0;justify-content:center}}";
|
|
6
6
|
var styles = {"trigger":"input-trigger-module_trigger__FepZ1","stretch":"input-trigger-module_stretch__iRyO-","error":"input-trigger-module_error__qttrx","value":"input-trigger-module_value__3RNV4","placeholder":"input-trigger-module_placeholder__-9y7a","affix":"input-trigger-module_affix__IJsDY"};
|
|
7
7
|
styleInject_es(css_248z);
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var styleInject_es = require('../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
4
|
|
|
5
|
-
var css_248z = "@layer components{.link-module_link__RLpbr{align-items:center;color:var(--cocso-link-color);cursor:pointer;display:inline-flex;gap:var(--cocso-spacing-2);justify-content:center;text-decoration:none;transition:color var(--cocso-duration-fast) var(--cocso-easing-default);width:fit-content}@media (hover:hover) and (pointer:fine){.link-module_link__RLpbr:hover{color:var(--cocso-link-color-hover)}.link-module_current__RgEV9:hover{opacity:.7}}.link-module_link__RLpbr:focus-visible{border-radius:var(--cocso-radius-1);outline:2px solid var(--cocso-color-
|
|
5
|
+
var css_248z = "@layer components{.link-module_link__RLpbr{align-items:center;color:var(--cocso-link-color);cursor:pointer;display:inline-flex;gap:var(--cocso-spacing-2);justify-content:center;text-decoration:none;transition:color var(--cocso-duration-fast) var(--cocso-easing-default);width:fit-content}@media (hover:hover) and (pointer:fine){.link-module_link__RLpbr:hover{color:var(--cocso-link-color-hover)}.link-module_current__RgEV9:hover{opacity:.7}}.link-module_link__RLpbr:focus-visible{border-radius:var(--cocso-radius-1);outline:2px solid var(--cocso-color-focus-ring);outline-offset:2px}.link-module_indicator__73GYU{text-decoration:underline;text-decoration-thickness:.0625em;text-underline-offset:.15em}.link-module_externalIcon__3okjy{flex-shrink:0;height:1em;width:1em}}";
|
|
6
6
|
var styles = {"link":"link-module_link__RLpbr","current":"link-module_current__RgEV9","indicator":"link-module_indicator__73GYU","externalIcon":"link-module_externalIcon__3okjy"};
|
|
7
7
|
styleInject_es(css_248z);
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var styleInject_es = require('../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
4
|
|
|
5
|
-
var css_248z = "@layer components{.pagination-module_pagination__XjBXK{align-items:center;display:flex;gap:var(--cocso-spacing-2);justify-content:center;margin-inline:auto}.pagination-module_arrow__q388S,.pagination-module_item__9Vttf{--cocso-pagination-font-size:var(--cocso-text-sm);--cocso-pagination-font-color:var(--cocso-color-text-primary);--cocso-pagination-font-weight:inherit;--cocso-pagination-bg-color:inherit;align-items:center;background-color:var(--cocso-pagination-bg-color);border-radius:var(--cocso-radius-4);color:var(--cocso-pagination-font-color);cursor:pointer;display:inline-flex;font-size:var(--cocso-pagination-font-size);font-weight:var(--cocso-pagination-font-weight);height:var(--cocso-spacing-12);justify-content:center;transition:transform var(--cocso-duration-fast) var(--cocso-easing-default);width:var(--cocso-spacing-12);will-change:transform}.pagination-module_arrow__q388S:focus-visible,.pagination-module_item__9Vttf:focus-visible{outline:2px solid var(--cocso-color-
|
|
5
|
+
var css_248z = "@layer components{.pagination-module_pagination__XjBXK{align-items:center;display:flex;gap:var(--cocso-spacing-2);justify-content:center;margin-inline:auto}.pagination-module_arrow__q388S,.pagination-module_item__9Vttf{--cocso-pagination-font-size:var(--cocso-text-sm);--cocso-pagination-font-color:var(--cocso-color-text-primary);--cocso-pagination-font-weight:inherit;--cocso-pagination-bg-color:inherit;align-items:center;background-color:var(--cocso-pagination-bg-color);border-radius:var(--cocso-radius-4);color:var(--cocso-pagination-font-color);cursor:pointer;display:inline-flex;font-size:var(--cocso-pagination-font-size);font-weight:var(--cocso-pagination-font-weight);height:var(--cocso-spacing-12);justify-content:center;transition:transform var(--cocso-duration-fast) var(--cocso-easing-default);width:var(--cocso-spacing-12);will-change:transform}.pagination-module_arrow__q388S:focus-visible,.pagination-module_item__9Vttf:focus-visible{outline:2px solid var(--cocso-color-focus-ring);outline-offset:2px}.pagination-module_arrow__q388S:disabled{cursor:not-allowed;opacity:.4}@media (hover:hover) and (pointer:fine){.pagination-module_arrow__q388S:not(:disabled):hover,.pagination-module_item__9Vttf[data-active=false]:hover{--cocso-pagination-bg-color:var(--cocso-color-surface-secondary)}}.pagination-module_arrow__q388S:not(:disabled):active{--cocso-pagination-bg-color:var(--cocso-color-interactive-secondary)}.pagination-module_arrow__q388S>svg{flex-shrink:0;height:var(--cocso-spacing-8);width:var(--cocso-spacing-8)}.pagination-module_arrow__q388S:active,.pagination-module_item__9Vttf:active{transform:scale(.98)}.pagination-module_item__9Vttf[data-active=true]{--cocso-pagination-font-color:var(--cocso-color-text-on-primary);--cocso-pagination-bg-color:var(--cocso-color-interactive-primary);--cocso-pagination-font-weight:var(--cocso-font-weight-semibold)}.pagination-module_item__9Vttf[data-active=false]:active{--cocso-pagination-bg-color:var(--cocso-color-interactive-secondary)}.pagination-module_trunc__neqoN{align-items:center;color:var(--cocso-color-text-primary);display:inline-flex;font-size:var(--cocso-text-base);height:var(--cocso-spacing-13);justify-content:center;width:var(--cocso-spacing-13)}}";
|
|
6
6
|
var styles = {"pagination":"pagination-module_pagination__XjBXK","arrow":"pagination-module_arrow__q388S","item":"pagination-module_item__9Vttf","trunc":"pagination-module_trunc__neqoN"};
|
|
7
7
|
styleInject_es(css_248z);
|
|
8
8
|
|
|
@@ -29,6 +29,7 @@ function PopoverContent({
|
|
|
29
29
|
alignOffset: alignOffset,
|
|
30
30
|
arrowPadding: arrowPadding,
|
|
31
31
|
className: popover_module.positioner,
|
|
32
|
+
"data-cocso-component": "popover-positioner",
|
|
32
33
|
side: side,
|
|
33
34
|
sideOffset: sideOffset,
|
|
34
35
|
children: /*#__PURE__*/jsxRuntime.jsx(popover.Popover.Popup, {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var styleInject_es = require('../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
4
|
|
|
5
|
-
var css_248z = "@layer components{@keyframes popover-module_slide-up-and-fade__Xlvb6{0%{opacity:.9;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-module_slide-right-and-fade__R8x1-{0%{opacity:.9;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes popover-module_slide-down-and-fade__hwk68{0%{opacity:.9;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-module_slide-left-and-fade__dQXyx{0%{opacity:.9;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.popover-module_content__TwOg0{animation:none}}.popover-module_positioner__TnQeH{z-index:var(--cocso-z-index-
|
|
5
|
+
var css_248z = "@layer components{@keyframes popover-module_slide-up-and-fade__Xlvb6{0%{opacity:.9;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-module_slide-right-and-fade__R8x1-{0%{opacity:.9;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes popover-module_slide-down-and-fade__hwk68{0%{opacity:.9;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes popover-module_slide-left-and-fade__dQXyx{0%{opacity:.9;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.popover-module_content__TwOg0{animation:none}}.popover-module_positioner__TnQeH{z-index:var(--cocso-z-index-popover)}.popover-module_content__TwOg0{animation-duration:var(--cocso-duration-normal);animation-timing-function:var(--cocso-easing-entrance);background-color:var(--cocso-color-surface-primary);border:1px solid var(--cocso-color-border-secondary);border-radius:var(--cocso-radius-3);box-shadow:var(--cocso-shadow-popover);font-size:var(--cocso-text-sm);line-height:1.5;overflow:visible;padding-block:var(--cocso-spacing-4);padding-inline:var(--cocso-spacing-5);position:relative;will-change:transform,opacity}.popover-module_content__TwOg0[data-open][data-side=top]{animation-name:popover-module_slide-up-and-fade__Xlvb6;margin-bottom:var(--cocso-spacing-3)}.popover-module_content__TwOg0[data-open][data-side=right]{animation-name:popover-module_slide-right-and-fade__R8x1-;margin-left:var(--cocso-spacing-3)}.popover-module_content__TwOg0[data-open][data-side=bottom]{animation-name:popover-module_slide-down-and-fade__hwk68;margin-top:var(--cocso-spacing-3)}.popover-module_content__TwOg0[data-open][data-side=left]{animation-name:popover-module_slide-left-and-fade__dQXyx;margin-right:var(--cocso-spacing-3)}.popover-module_content__TwOg0[data-open][data-side=top]:has(.popover-module_arrow__zZuHF){margin-bottom:var(--cocso-spacing-6)}.popover-module_content__TwOg0[data-open][data-side=right]:has(.popover-module_arrow__zZuHF){margin-left:var(--cocso-spacing-6)}.popover-module_content__TwOg0[data-open][data-side=bottom]:has(.popover-module_arrow__zZuHF){margin-top:var(--cocso-spacing-6)}.popover-module_content__TwOg0[data-open][data-side=left]:has(.popover-module_arrow__zZuHF){margin-right:var(--cocso-spacing-6)}.popover-module_arrow__zZuHF{background-color:var(--cocso-color-surface-primary);border:1px solid var(--cocso-color-border-secondary);height:10px;width:10px}.popover-module_arrow__zZuHF[data-side=bottom]{border-bottom:none;border-right:none;top:0;transform:translateY(-50%) rotate(45deg)}.popover-module_arrow__zZuHF[data-side=top]{border-left:none;border-top:none;bottom:0;transform:translateY(50%) rotate(45deg)}.popover-module_arrow__zZuHF[data-side=right]{border-right:none;border-top:none;left:0;transform:translateX(-50%) rotate(45deg)}.popover-module_arrow__zZuHF[data-side=left]{border-bottom:none;border-left:none;right:0;transform:translateX(50%) rotate(45deg)}}";
|
|
6
6
|
var styles = {"content":"popover-module_content__TwOg0","positioner":"popover-module_positioner__TnQeH","arrow":"popover-module_arrow__zZuHF"};
|
|
7
7
|
styleInject_es(css_248z);
|
|
8
8
|
|
|
@@ -27,6 +27,7 @@ function RadioGroupItem({
|
|
|
27
27
|
className: cn.cn(radio$1.radio({
|
|
28
28
|
size
|
|
29
29
|
}), radioGroup_module.item, className),
|
|
30
|
+
"data-cocso-component": "radio-item",
|
|
30
31
|
style: style,
|
|
31
32
|
...props
|
|
32
33
|
});
|
|
@@ -37,6 +38,7 @@ function RadioGroupIndicator({
|
|
|
37
38
|
}) {
|
|
38
39
|
return /*#__PURE__*/jsxRuntime.jsx(radio.Radio.Indicator, {
|
|
39
40
|
className: cn.cn(radioGroup_module.indicator, className),
|
|
41
|
+
"data-cocso-component": "radio-indicator",
|
|
40
42
|
...props
|
|
41
43
|
});
|
|
42
44
|
}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var styleInject_es = require('../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
4
|
|
|
5
|
-
var css_248z = "@layer components{.radio-group-module_root__b8W35{display:flex;flex-direction:column;gap:var(--cocso-spacing-4)}.radio-group-module_root__b8W35[data-disabled]{cursor:not-allowed;opacity:.4}.radio-group-module_item__QAyhl{background-color:var(--cocso-color
|
|
5
|
+
var css_248z = "@layer components{.radio-group-module_root__b8W35{display:flex;flex-direction:column;gap:var(--cocso-spacing-4)}.radio-group-module_root__b8W35[data-disabled]{cursor:not-allowed;opacity:.4}.radio-group-module_item__QAyhl{background-color:var(--cocso-radio-bg-color);border:var(--cocso-spacing-2) solid var(--cocso-radio-border-color);border-radius:100%;cursor:pointer;height:var(--cocso-radio-size,16px);width:var(--cocso-radio-size,16px)}.radio-group-module_item__QAyhl:focus-visible{outline:2px solid var(--cocso-radio-focus-ring-color);outline-offset:2px}.radio-group-module_item__QAyhl[data-checked]{border-color:var(--cocso-radio-checked-color)}.radio-group-module_item__QAyhl[data-disabled]{cursor:not-allowed;opacity:.4}.radio-group-module_indicator__I0Col{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.radio-group-module_indicator__I0Col:after{background-color:var(--cocso-radio-checked-color);border-radius:50%;content:\"\";display:block;height:var(--cocso-radio-dot-size,7px);width:var(--cocso-radio-dot-size,7px)}}";
|
|
6
6
|
var styles = {"root":"radio-group-module_root__b8W35","item":"radio-group-module_item__QAyhl","indicator":"radio-group-module_indicator__I0Col"};
|
|
7
7
|
styleInject_es(css_248z);
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var styleInject_es = require('../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
4
|
|
|
5
|
-
var css_248z = "@layer components{.select-module_wrapper__7szq0{cursor:pointer;position:relative;width:fit-content}.select-module_wrapper__7szq0.select-module_stretch__mQv7N{width:100%}.select-module_select__RLsWH{--cocso-select-min-width:inherit;--cocso-select-height:inherit;--cocso-select-padding-left:inherit;--cocso-select-padding-right:inherit;--cocso-select-font-size:inherit;--cocso-select-border-radius:inherit;--cocso-select-bg-color:var(--cocso-color-
|
|
5
|
+
var css_248z = "@layer components{.select-module_wrapper__7szq0{cursor:pointer;position:relative;width:fit-content}.select-module_wrapper__7szq0.select-module_stretch__mQv7N{width:100%}.select-module_select__RLsWH{--cocso-select-min-width:inherit;--cocso-select-height:inherit;--cocso-select-padding-left:inherit;--cocso-select-padding-right:inherit;--cocso-select-font-size:inherit;--cocso-select-border-radius:inherit;--cocso-select-bg-color:var(--cocso-color-surface-primary);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--cocso-select-bg-color);border:none;border-radius:var(--cocso-select-border-radius);box-shadow:0 0 0 1px var(--cocso-color-border-secondary),var(--cocso-shadow-xs);color:var(--cocso-color-text-primary);font-size:var(--cocso-select-font-size);height:var(--cocso-select-height);min-width:var(--cocso-select-min-width);outline:none;padding-left:var(--cocso-select-padding-left);padding-right:var(--cocso-select-padding-right);transition:box-shadow var(--cocso-duration-fast) var(--cocso-easing-soft)}.select-module_select__RLsWH:focus-visible{box-shadow:0 0 0 1px var(--cocso-color-border-strong),var(--cocso-shadow-xs);outline:2px solid transparent}.select-module_wrapper__7szq0.select-module_stretch__mQv7N .select-module_select__RLsWH{width:100%}.select-module_wrapper__7szq0:has(select:disabled){cursor:not-allowed}.select-module_select__RLsWH:disabled{cursor:not-allowed;opacity:.4}.select-module_wrapper__7szq0.select-module_error__4KQv3 .select-module_select__RLsWH{box-shadow:0 0 0 1px var(--cocso-color-feedback-danger),var(--cocso-shadow-xs)}.select-module_wrapper__7szq0.select-module_error__4KQv3 .select-module_select__RLsWH:focus-visible{box-shadow:0 0 0 1px var(--cocso-color-feedback-danger),var(--cocso-shadow-xs);outline:2px solid transparent}.select-module_icon__K93bs{color:var(--cocso-color-text-muted);pointer-events:none;position:absolute;right:var(--cocso-select-icon-right,var(--cocso-spacing-5));top:50%;transform:translateY(-50%)}.select-module_wrapper__7szq0:has(select:disabled) .select-module_icon__K93bs{opacity:.4}}";
|
|
6
6
|
var styles = {"wrapper":"select-module_wrapper__7szq0","stretch":"select-module_stretch__mQv7N","select":"select-module_select__RLsWH","error":"select-module_error__4KQv3","icon":"select-module_icon__K93bs"};
|
|
7
7
|
styleInject_es(css_248z);
|
|
8
8
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var styleInject_es = require('../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
4
|
|
|
5
|
-
var css_248z = "@layer components{.switch-module_wrapper__mB3eH{align-items:center;display:flex;gap:var(--cocso-spacing-5)}.switch-module_wrapper__mB3eH[data-disabled]{cursor:not-allowed;opacity:.4}.switch-module_switch__KrHDz{--cocso-switch-width:inherit;--cocso-switch-height:inherit;--cocso-switch-bg-color:inherit;background-color:var(--cocso-switch-bg-color);border-radius:var(--cocso-radius-full);cursor:pointer;height:var(--cocso-switch-height);opacity:1;position:relative;width:var(--cocso-switch-width)}.switch-module_switch__KrHDz:focus-visible{outline:2px solid var(--cocso-color-
|
|
5
|
+
var css_248z = "@layer components{.switch-module_wrapper__mB3eH{align-items:center;display:flex;gap:var(--cocso-spacing-5)}.switch-module_wrapper__mB3eH[data-disabled]{cursor:not-allowed;opacity:.4}.switch-module_switch__KrHDz{--cocso-switch-width:inherit;--cocso-switch-height:inherit;--cocso-switch-bg-color:inherit;background-color:var(--cocso-switch-bg-color);border-radius:var(--cocso-radius-full);cursor:pointer;height:var(--cocso-switch-height);opacity:1;position:relative;width:var(--cocso-switch-width)}.switch-module_switch__KrHDz:focus-visible{outline:2px solid var(--cocso-color-focus-ring);outline-offset:2px}.switch-module_switch__KrHDz[data-disabled]{cursor:not-allowed;opacity:.4}.switch-module_switch__KrHDz[data-checked]{--cocso-switch-bg-color:var(--cocso-switch-checked-bg-color)}.switch-module_thumb__sXgSl{--cocso-switch-thumb-size:inherit;background-color:var(--cocso-color-text-on-primary);border-radius:var(--cocso-radius-full);box-shadow:var(--cocso-shadow-thumb);display:block;height:var(--cocso-switch-thumb-size);position:absolute;top:50%;transform:translate(var(--cocso-switch-thumb-offset),-50%);transition:transform var(--cocso-duration-fast) var(--cocso-easing-soft);width:var(--cocso-switch-thumb-size);will-change:transform}.switch-module_thumb__sXgSl[data-checked]{transform:translate(calc(var(--cocso-switch-width) - var(--cocso-switch-thumb-size) - var(--cocso-switch-thumb-offset)),-50%)}}";
|
|
6
6
|
var styles = {"wrapper":"switch-module_wrapper__mB3eH","switch":"switch-module_switch__KrHDz","thumb":"switch-module_thumb__sXgSl"};
|
|
7
7
|
styleInject_es(css_248z);
|
|
8
8
|
|
|
@@ -29,6 +29,7 @@ function TooltipContent({
|
|
|
29
29
|
alignOffset: alignOffset,
|
|
30
30
|
arrowPadding: arrowPadding,
|
|
31
31
|
className: tooltip_module.positioner,
|
|
32
|
+
"data-cocso-component": "tooltip-positioner",
|
|
32
33
|
side: side,
|
|
33
34
|
sideOffset: sideOffset,
|
|
34
35
|
children: /*#__PURE__*/jsxRuntime.jsx(tooltip.Tooltip.Popup, {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var styleInject_es = require('../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
4
|
|
|
5
|
-
var css_248z = "@layer components{@keyframes tooltip-module_slide-up-and-fade__DiOEq{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltip-module_slide-right-and-fade__o6cCB{0%{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes tooltip-module_slide-down-and-fade__HJFYG{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltip-module_slide-left-and-fade__ghuNp{0%{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.tooltip-module_content__gv0-E{animation:none}}.tooltip-module_positioner__iuJEP{z-index:var(--cocso-z-index-
|
|
5
|
+
var css_248z = "@layer components{@keyframes tooltip-module_slide-up-and-fade__DiOEq{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltip-module_slide-right-and-fade__o6cCB{0%{opacity:0;transform:translateX(-2px)}to{opacity:1;transform:translateX(0)}}@keyframes tooltip-module_slide-down-and-fade__HJFYG{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltip-module_slide-left-and-fade__ghuNp{0%{opacity:0;transform:translateX(2px)}to{opacity:1;transform:translateX(0)}}@media (prefers-reduced-motion:reduce){.tooltip-module_content__gv0-E{animation:none}}.tooltip-module_positioner__iuJEP{z-index:var(--cocso-z-index-tooltip)}.tooltip-module_content__gv0-E{animation-duration:var(--cocso-duration-fast);animation-timing-function:var(--cocso-easing-entrance);background-color:var(--cocso-color-surface-inverse);border-radius:var(--cocso-radius-2);color:var(--cocso-color-surface-primary);font-size:var(--cocso-text-xs);line-height:1.5;overflow:visible;padding-block:var(--cocso-spacing-3);padding-inline:var(--cocso-spacing-5);position:relative;will-change:transform,opacity}.tooltip-module_content__gv0-E[data-open][data-side=top]{animation-name:tooltip-module_slide-up-and-fade__DiOEq;margin-bottom:var(--cocso-spacing-5)}.tooltip-module_content__gv0-E[data-open][data-side=right]{animation-name:tooltip-module_slide-right-and-fade__o6cCB;margin-left:var(--cocso-spacing-5)}.tooltip-module_content__gv0-E[data-open][data-side=bottom]{animation-name:tooltip-module_slide-down-and-fade__HJFYG;margin-top:var(--cocso-spacing-5)}.tooltip-module_content__gv0-E[data-open][data-side=left]{animation-name:tooltip-module_slide-left-and-fade__ghuNp;margin-right:var(--cocso-spacing-5)}.tooltip-module_arrow__HFT-V{background-color:var(--cocso-color-surface-inverse);height:6px;width:6px}.tooltip-module_arrow__HFT-V[data-side=bottom]{top:0;transform:translateY(-50%) rotate(45deg)}.tooltip-module_arrow__HFT-V[data-side=top]{bottom:0;transform:translateY(50%) rotate(45deg)}.tooltip-module_arrow__HFT-V[data-side=right]{left:0;transform:translateX(-50%) rotate(45deg)}.tooltip-module_arrow__HFT-V[data-side=left]{right:0;transform:translateX(50%) rotate(45deg)}}";
|
|
6
6
|
var styles = {"content":"tooltip-module_content__gv0-E","positioner":"tooltip-module_positioner__iuJEP","arrow":"tooltip-module_arrow__HFT-V"};
|
|
7
7
|
styleInject_es(css_248z);
|
|
8
8
|
|
|
@@ -5,6 +5,8 @@ import { FontWeight, LineHeight, ResponsiveFontSize } from '../../token/typograp
|
|
|
5
5
|
|
|
6
6
|
type BodySize = "large" | "medium" | "small" | "x-small";
|
|
7
7
|
type HeadingSize = "x-large" | "large" | "medium" | "small" | "x-small";
|
|
8
|
+
/** Semantic heading rank rendered as `h1`–`h6`. Independent of visual `size`. */
|
|
9
|
+
type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
|
|
8
10
|
type TypographyPropsBase = {
|
|
9
11
|
ref?: Ref<HTMLElement>;
|
|
10
12
|
render?: RenderProp;
|
|
@@ -21,10 +23,20 @@ type BodyTypographyProps = TypographyPropsBase & {
|
|
|
21
23
|
};
|
|
22
24
|
type HeadingTypographyProps = TypographyPropsBase & {
|
|
23
25
|
type: "heading";
|
|
24
|
-
|
|
26
|
+
level?: HeadingLevel;
|
|
27
|
+
/**
|
|
28
|
+
* A named heading step, or any size from the font scale when the named steps
|
|
29
|
+
* do not fit — `size={18}` is the section-heading step, which the named scale
|
|
30
|
+
* does not cover (`small` is 16, the same as `body` `medium`).
|
|
31
|
+
*
|
|
32
|
+
* Reach for a numeric size rather than `type="custom"`: `custom` renders a
|
|
33
|
+
* `<p>`, so using it for a heading removes the element from the document
|
|
34
|
+
* outline.
|
|
35
|
+
*/
|
|
36
|
+
size?: HeadingSize | ResponsiveFontSize;
|
|
25
37
|
};
|
|
26
38
|
type TypographyProps = CustomTypographyProps | BodyTypographyProps | HeadingTypographyProps;
|
|
27
39
|
declare function Typography({ ref, render: renderProp, className, style: _style, color, type, weight, lineHeight, ...props }: TypographyProps): react.ReactElement<unknown, string | react.JSXElementConstructor<any>>;
|
|
28
40
|
|
|
29
41
|
export { Typography };
|
|
30
|
-
export type { BodySize, HeadingSize, TypographyProps };
|
|
42
|
+
export type { BodySize, HeadingLevel, HeadingSize, TypographyProps };
|
|
@@ -7,6 +7,11 @@ var typography = require('../../token/typography.js');
|
|
|
7
7
|
var useRender = require('@base-ui/react/use-render');
|
|
8
8
|
var mergeProps = require('@base-ui/react/merge-props');
|
|
9
9
|
|
|
10
|
+
const HEADING_SIZES = ["x-large", "large", "medium", "small", "x-small"];
|
|
11
|
+
const isHeadingSize = value => typeof value === "string" && HEADING_SIZES.includes(value);
|
|
12
|
+
|
|
13
|
+
/** Semantic heading rank rendered as `h1`–`h6`. Independent of visual `size`. */
|
|
14
|
+
|
|
10
15
|
function Typography({
|
|
11
16
|
ref,
|
|
12
17
|
render: renderProp,
|
|
@@ -18,7 +23,11 @@ function Typography({
|
|
|
18
23
|
lineHeight = "normal",
|
|
19
24
|
...props
|
|
20
25
|
}) {
|
|
21
|
-
const
|
|
26
|
+
const level = props.level;
|
|
27
|
+
if (type === "heading") {
|
|
28
|
+
Reflect.deleteProperty(props, "level");
|
|
29
|
+
}
|
|
30
|
+
const defaultTagName = getDefaultTagName(type, level);
|
|
22
31
|
const rawSize = props.size;
|
|
23
32
|
const isCurrent = rawSize === "current";
|
|
24
33
|
const fontSizeStyles = {};
|
|
@@ -64,7 +73,7 @@ function Typography({
|
|
|
64
73
|
defaultTagName
|
|
65
74
|
});
|
|
66
75
|
}
|
|
67
|
-
const getDefaultTagName = type => tsPattern.match(type).with("heading", () =>
|
|
76
|
+
const getDefaultTagName = (type, level) => tsPattern.match(type).with("heading", () => `h${level ?? 2}`).otherwise(() => "p");
|
|
68
77
|
const getBodyFontSize = size => tsPattern.match(size).with("large", () => 18).with("medium", () => 16).with("small", () => 14).with("x-small", () => 12).exhaustive();
|
|
69
78
|
const getHeadingFontSize = size => tsPattern.match(size).with("x-large", () => ({
|
|
70
79
|
base: 28,
|
|
@@ -76,6 +85,9 @@ const getHeadingFontSize = size => tsPattern.match(size).with("x-large", () => (
|
|
|
76
85
|
base: 20,
|
|
77
86
|
tablet: 28
|
|
78
87
|
})).with("small", () => 16).with("x-small", () => 14).exhaustive();
|
|
79
|
-
const getFontSize = (type, props) => tsPattern.match(type).with("custom", () => props.size ?? 16).with("body", () => getBodyFontSize(props.size ?? "medium")).with("heading", () =>
|
|
88
|
+
const getFontSize = (type, props) => tsPattern.match(type).with("custom", () => props.size ?? 16).with("body", () => getBodyFontSize(props.size ?? "medium")).with("heading", () => {
|
|
89
|
+
const size = props.size ?? "medium";
|
|
90
|
+
return isHeadingSize(size) ? getHeadingFontSize(size) : size;
|
|
91
|
+
}).otherwise(() => 16);
|
|
80
92
|
|
|
81
93
|
exports.Typography = Typography;
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
|
|
3
3
|
var styleInject_es = require('../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
4
|
|
|
5
|
-
var css_248z = ".cocso-avatar{--cocso-avatar-bg-color:var(--cocso-color-surface-neutral);--cocso-avatar-font-color:var(--cocso-color-text-
|
|
5
|
+
var css_248z = ".cocso-avatar{--cocso-avatar-bg-color:var(--cocso-color-surface-neutral);--cocso-avatar-font-color:var(--cocso-color-text-primary);--cocso-avatar-font-weight:500}.cocso-avatar.cocso-avatar--size-xs{--cocso-avatar-height:24px;--cocso-avatar-width:24px;--cocso-avatar-font-size:10px}.cocso-avatar.cocso-avatar--size-sm{--cocso-avatar-height:32px;--cocso-avatar-width:32px;--cocso-avatar-font-size:12px}.cocso-avatar.cocso-avatar--size-md{--cocso-avatar-height:40px;--cocso-avatar-width:40px;--cocso-avatar-font-size:14px}.cocso-avatar.cocso-avatar--size-lg{--cocso-avatar-height:48px;--cocso-avatar-width:48px;--cocso-avatar-font-size:16px}.cocso-avatar.cocso-avatar--size-xl{--cocso-avatar-height:64px;--cocso-avatar-width:64px;--cocso-avatar-font-size:20px}.cocso-avatar.cocso-avatar--shape-circle{--cocso-avatar-border-radius:100%}.cocso-avatar.cocso-avatar--shape-square.cocso-avatar--size-xs{--cocso-avatar-border-radius:var(--cocso-radius-2)}.cocso-avatar.cocso-avatar--shape-square.cocso-avatar--size-sm{--cocso-avatar-border-radius:var(--cocso-radius-3)}.cocso-avatar.cocso-avatar--shape-square.cocso-avatar--size-lg,.cocso-avatar.cocso-avatar--shape-square.cocso-avatar--size-md{--cocso-avatar-border-radius:var(--cocso-radius-4)}.cocso-avatar.cocso-avatar--shape-square.cocso-avatar--size-xl{--cocso-avatar-border-radius:var(--cocso-radius-5)}";
|
|
6
6
|
styleInject_es(css_248z);
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
|
|
3
3
|
var styleInject_es = require('../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
4
|
|
|
5
|
-
var css_248z = ".cocso-badge.cocso-badge--variant-primary{--cocso-badge-bg-color:var(--cocso-color-interactive-primary);--cocso-badge-font-color:var(--cocso-color-text-on-primary)}.cocso-badge.cocso-badge--variant-secondary{--cocso-badge-bg-color:var(--cocso-color-surface-secondary);--cocso-badge-font-color:var(--cocso-color-text-secondary)}.cocso-badge.cocso-badge--variant-success{--cocso-badge-bg-color:var(--cocso-color-feedback-success-subtle);--cocso-badge-font-color:var(--cocso-color-feedback-success-text)}.cocso-badge.cocso-badge--variant-error{--cocso-badge-bg-color:var(--cocso-color-feedback-danger-subtle);--cocso-badge-font-color:var(--cocso-color-feedback-danger-text)}.cocso-badge.cocso-badge--variant-warning{--cocso-badge-bg-color:var(--cocso-color-feedback-warning-subtle);--cocso-badge-font-color:var(--cocso-color-feedback-warning-text)}.cocso-badge.cocso-badge--variant-info{--cocso-badge-bg-color:var(--cocso-color-feedback-info-subtle);--cocso-badge-font-color:var(--cocso-color-feedback-info-text)}.cocso-badge.cocso-badge--variant-outline{--cocso-badge-bg-color:var(--cocso-color-transparent);--cocso-badge-font-color:var(--cocso-color-text-primary);--cocso-badge-border:1px solid var(--cocso-color-border-secondary)}.cocso-badge.cocso-badge--size-large{--cocso-badge-padding:5px 10px;--cocso-badge-font-size:14px}.cocso-badge.cocso-badge--size-medium{--cocso-badge-padding:4px 8px;--cocso-badge-font-size:12px}.cocso-badge.cocso-badge--size-small{--cocso-badge-padding:3px 6px;--cocso-badge-font-size:11px}.cocso-badge.cocso-badge--shape-circle{--cocso-badge-border-radius:100%}.cocso-badge.cocso-badge--shape-rounded{--cocso-badge-border-radius:var(--cocso-radius-full)}.cocso-badge.cocso-badge--shape-square.cocso-badge--size-small{--cocso-badge-border-radius:var(--cocso-radius-3)}.cocso-badge.cocso-badge--shape-square.cocso-badge--size-large,.cocso-badge.cocso-badge--shape-square.cocso-badge--size-medium{--cocso-badge-border-radius:var(--cocso-radius-4)}";
|
|
5
|
+
var css_248z = ".cocso-badge.cocso-badge--variant-primary{--cocso-badge-bg-color:var(--cocso-color-interactive-primary);--cocso-badge-font-color:var(--cocso-color-text-on-primary)}.cocso-badge.cocso-badge--variant-primary-subtle{--cocso-badge-bg-color:var(--cocso-color-interactive-primary-subtle);--cocso-badge-font-color:var(--cocso-color-interactive-primary-text)}.cocso-badge.cocso-badge--variant-secondary{--cocso-badge-bg-color:var(--cocso-color-surface-secondary);--cocso-badge-font-color:var(--cocso-color-text-secondary)}.cocso-badge.cocso-badge--variant-success{--cocso-badge-bg-color:var(--cocso-color-feedback-success-subtle);--cocso-badge-font-color:var(--cocso-color-feedback-success-text)}.cocso-badge.cocso-badge--variant-error{--cocso-badge-bg-color:var(--cocso-color-feedback-danger-subtle);--cocso-badge-font-color:var(--cocso-color-feedback-danger-text)}.cocso-badge.cocso-badge--variant-warning{--cocso-badge-bg-color:var(--cocso-color-feedback-warning-subtle);--cocso-badge-font-color:var(--cocso-color-feedback-warning-text)}.cocso-badge.cocso-badge--variant-info{--cocso-badge-bg-color:var(--cocso-color-feedback-info-subtle);--cocso-badge-font-color:var(--cocso-color-feedback-info-text)}.cocso-badge.cocso-badge--variant-outline{--cocso-badge-bg-color:var(--cocso-color-transparent);--cocso-badge-font-color:var(--cocso-color-text-primary);--cocso-badge-border:1px solid var(--cocso-color-border-secondary)}.cocso-badge.cocso-badge--size-large{--cocso-badge-padding:5px 10px;--cocso-badge-font-size:14px}.cocso-badge.cocso-badge--size-medium{--cocso-badge-padding:4px 8px;--cocso-badge-font-size:12px}.cocso-badge.cocso-badge--size-small{--cocso-badge-padding:3px 6px;--cocso-badge-font-size:11px}.cocso-badge.cocso-badge--shape-circle{--cocso-badge-border-radius:100%}.cocso-badge.cocso-badge--shape-rounded{--cocso-badge-border-radius:var(--cocso-radius-full)}.cocso-badge.cocso-badge--shape-square.cocso-badge--size-small{--cocso-badge-border-radius:var(--cocso-radius-3)}.cocso-badge.cocso-badge--shape-square.cocso-badge--size-large,.cocso-badge.cocso-badge--shape-square.cocso-badge--size-medium{--cocso-badge-border-radius:var(--cocso-radius-4)}";
|
|
6
6
|
styleInject_es(css_248z);
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
|
|
3
3
|
var styleInject_es = require('../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
4
|
|
|
5
|
-
var css_248z = ".cocso-breadcrumb{--cocso-breadcrumb-font-color:var(--cocso-color-text-
|
|
5
|
+
var css_248z = ".cocso-breadcrumb{--cocso-breadcrumb-font-color:var(--cocso-color-text-secondary)}.cocso-breadcrumb.cocso-breadcrumb--size-sm{--cocso-breadcrumb-font-size:12px}.cocso-breadcrumb.cocso-breadcrumb--size-md{--cocso-breadcrumb-font-size:14px}.cocso-breadcrumb.cocso-breadcrumb--size-lg{--cocso-breadcrumb-font-size:16px}";
|
|
6
6
|
styleInject_es(css_248z);
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
|
|
3
3
|
var styleInject_es = require('../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
4
|
|
|
5
|
-
var css_248z = ".cocso-button.cocso-button--variant-primary{--cocso-button-bg-color:var(--cocso-color-interactive-primary);--cocso-button-font-color:var(--cocso-color-text-on-primary);--cocso-button-bg-color-hover:var(--cocso-color-interactive-primary-hover);--cocso-button-bg-color-active:var(--cocso-color-interactive-primary-active)}.cocso-button.cocso-button--variant-secondary{--cocso-button-bg-color:var(--cocso-color-surface-secondary);--cocso-button-font-color:var(--cocso-color-text-secondary);--cocso-button-bg-color-hover:var(--cocso-color-interactive-secondary);--cocso-button-bg-color-active:var(--cocso-color-interactive-secondary-hover)}.cocso-button.cocso-button--variant-outline{--cocso-button-bg-color:var(--cocso-color-transparent);--cocso-button-font-color:var(--cocso-color-text-primary);--cocso-button-border:1px solid var(--cocso-color-border-secondary);--cocso-button-bg-color-hover:var(--cocso-color-surface-secondary);--cocso-button-bg-color-active:var(--cocso-color-interactive-secondary)}.cocso-button.cocso-button--variant-ghost{--cocso-button-bg-color:var(--cocso-color-surface-primary);--cocso-button-font-color:var(--cocso-color-text-primary);--cocso-button-bg-color-hover:var(--cocso-color-surface-secondary);--cocso-button-bg-color-active:var(--cocso-color-interactive-secondary)}.cocso-button.cocso-button--variant-success{--cocso-button-bg-color:var(--cocso-color-interactive-success);--cocso-button-font-color:var(--cocso-color-text-on-
|
|
5
|
+
var css_248z = ".cocso-button.cocso-button--variant-primary{--cocso-button-bg-color:var(--cocso-color-interactive-primary);--cocso-button-font-color:var(--cocso-color-text-on-primary);--cocso-button-bg-color-hover:var(--cocso-color-interactive-primary-hover);--cocso-button-bg-color-active:var(--cocso-color-interactive-primary-active)}.cocso-button.cocso-button--variant-secondary{--cocso-button-bg-color:var(--cocso-color-surface-secondary);--cocso-button-font-color:var(--cocso-color-text-secondary);--cocso-button-bg-color-hover:var(--cocso-color-interactive-secondary);--cocso-button-font-color-hover:var(--cocso-color-text-primary);--cocso-button-bg-color-active:var(--cocso-color-interactive-secondary-hover);--cocso-button-font-color-active:var(--cocso-color-text-primary)}.cocso-button.cocso-button--variant-outline{--cocso-button-bg-color:var(--cocso-color-transparent);--cocso-button-font-color:var(--cocso-color-text-primary);--cocso-button-border:1px solid var(--cocso-color-border-secondary);--cocso-button-bg-color-hover:var(--cocso-color-surface-secondary);--cocso-button-bg-color-active:var(--cocso-color-interactive-secondary)}.cocso-button.cocso-button--variant-ghost{--cocso-button-bg-color:var(--cocso-color-surface-primary);--cocso-button-font-color:var(--cocso-color-text-primary);--cocso-button-bg-color-hover:var(--cocso-color-surface-secondary);--cocso-button-bg-color-active:var(--cocso-color-interactive-secondary)}.cocso-button.cocso-button--variant-success{--cocso-button-bg-color:var(--cocso-color-interactive-success);--cocso-button-font-color:var(--cocso-color-text-on-success);--cocso-button-bg-color-hover:var(--cocso-color-interactive-success-hover);--cocso-button-bg-color-active:var(--cocso-color-interactive-success-active)}.cocso-button.cocso-button--variant-error{--cocso-button-bg-color:var(--cocso-color-interactive-danger);--cocso-button-font-color:var(--cocso-color-text-on-danger);--cocso-button-bg-color-hover:var(--cocso-color-interactive-danger-hover);--cocso-button-bg-color-active:var(--cocso-color-interactive-danger-active)}.cocso-button.cocso-button--variant-warning{--cocso-button-bg-color:var(--cocso-color-interactive-warning);--cocso-button-font-color:var(--cocso-color-text-on-warning);--cocso-button-bg-color-hover:var(--cocso-color-interactive-warning-hover);--cocso-button-bg-color-active:var(--cocso-color-interactive-warning-hover)}.cocso-button.cocso-button--variant-info{--cocso-button-bg-color:var(--cocso-color-interactive-info);--cocso-button-font-color:var(--cocso-color-text-on-info);--cocso-button-bg-color-hover:var(--cocso-color-interactive-info-hover);--cocso-button-bg-color-active:var(--cocso-color-interactive-info-active)}.cocso-button.cocso-button--variant-neutral{--cocso-button-bg-color:var(--cocso-color-interactive-neutral);--cocso-button-font-color:var(--cocso-color-text-primary);--cocso-button-bg-color-hover:var(--cocso-color-interactive-neutral-hover);--cocso-button-bg-color-active:var(--cocso-color-interactive-neutral-active)}.cocso-button.cocso-button--variant-error-ghost{--cocso-button-bg-color:var(--cocso-color-transparent);--cocso-button-font-color:var(--cocso-color-feedback-danger-text);--cocso-button-bg-color-hover:var(--cocso-color-interactive-danger-subtle-hover);--cocso-button-bg-color-active:var(--cocso-color-interactive-danger-subtle-active)}.cocso-button.cocso-button--size-large{--cocso-button-height:40px;--cocso-button-padding-inline:14px;--cocso-button-content-padding:0 6px;--cocso-button-font-size:14px}.cocso-button.cocso-button--size-medium{--cocso-button-height:36px;--cocso-button-padding-inline:12px;--cocso-button-content-padding:0 6px;--cocso-button-font-size:14px}.cocso-button.cocso-button--size-small{--cocso-button-height:32px;--cocso-button-padding-inline:10px;--cocso-button-content-padding:0 2px;--cocso-button-font-size:14px}.cocso-button.cocso-button--size-x-small{--cocso-button-height:28px;--cocso-button-padding-inline:8px;--cocso-button-content-padding:0;--cocso-button-font-size:12px}.cocso-button.cocso-button--shape-circle{--cocso-button-border-radius:100%}.cocso-button.cocso-button--shape-rounded{--cocso-button-border-radius:var(--cocso-radius-full)}.cocso-button.cocso-button--shape-sharp{--cocso-button-border-radius:0}.cocso-button.cocso-button--align-center{--cocso-button-justify-content:center}.cocso-button.cocso-button--align-start{--cocso-button-justify-content:flex-start}.cocso-button.cocso-button--align-between{--cocso-button-justify-content:space-between}.cocso-button.cocso-button--shape-square.cocso-button--size-x-small{--cocso-button-border-radius:var(--cocso-radius-3)}.cocso-button.cocso-button--shape-square.cocso-button--size-large,.cocso-button.cocso-button--shape-square.cocso-button--size-medium,.cocso-button.cocso-button--shape-square.cocso-button--size-small{--cocso-button-border-radius:var(--cocso-radius-4)}";
|
|
6
6
|
styleInject_es(css_248z);
|
|
@@ -6,9 +6,10 @@ function button(props = {}) {
|
|
|
6
6
|
const {
|
|
7
7
|
variant = "primary",
|
|
8
8
|
size = "medium",
|
|
9
|
-
shape = "square"
|
|
9
|
+
shape = "square",
|
|
10
|
+
align = "center"
|
|
10
11
|
} = props;
|
|
11
|
-
return ["cocso-button", variant && `cocso-button--variant-${variant}`, size && `cocso-button--size-${size}`, shape && `cocso-button--shape-${shape}`].filter(Boolean).join(" ");
|
|
12
|
+
return ["cocso-button", variant && `cocso-button--variant-${variant}`, size && `cocso-button--size-${size}`, shape && `cocso-button--shape-${shape}`, align && `cocso-button--align-${align}`].filter(Boolean).join(" ");
|
|
12
13
|
}
|
|
13
14
|
|
|
14
15
|
exports.button = button;
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
|
|
3
3
|
var styleInject_es = require('../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
4
|
|
|
5
|
-
var css_248z = ".cocso-checkbox.cocso-checkbox--size-large{--cocso-checkbox-size:18px;--cocso-checkbox-radius:var(--cocso-radius-3)}.cocso-checkbox.cocso-checkbox--size-medium{--cocso-checkbox-size:16px;--cocso-checkbox-radius:var(--cocso-radius-2)}.cocso-checkbox.cocso-checkbox--size-small{--cocso-checkbox-size:14px;--cocso-checkbox-radius:var(--cocso-radius-1)}.cocso-checkbox.cocso-checkbox--status-on{--cocso-checkbox-border-color:var(--cocso-color-interactive-primary);--cocso-checkbox-bg-color:var(--cocso-color-interactive-primary);--cocso-checkbox-bg-color-hover:var(--cocso-color-interactive-primary-hover);--cocso-checkbox-border-color-hover:var(--cocso-color-interactive-primary-hover)}.cocso-checkbox.cocso-checkbox--status-off{--cocso-checkbox-border-color:var(--cocso-color-border-secondary);--cocso-checkbox-bg-color:var(--cocso-color-surface-primary);--cocso-checkbox-bg-color-hover:var(--cocso-color-interactive-secondary-hover);--cocso-checkbox-border-color-hover:var(--cocso-color-interactive-secondary-hover)}.cocso-checkbox.cocso-checkbox--status-intermediate{--cocso-checkbox-border-color:var(--cocso-color-interactive-primary);--cocso-checkbox-bg-color:var(--cocso-color-interactive-primary);--cocso-checkbox-bg-color-hover:var(--cocso-color-interactive-primary-hover);--cocso-checkbox-border-color-hover:var(--cocso-color-interactive-primary-hover)}";
|
|
5
|
+
var css_248z = ".cocso-checkbox{--cocso-checkbox-focus-ring-color:var(--cocso-color-focus-ring)}.cocso-checkbox.cocso-checkbox--size-large{--cocso-checkbox-size:18px;--cocso-checkbox-radius:var(--cocso-radius-3)}.cocso-checkbox.cocso-checkbox--size-medium{--cocso-checkbox-size:16px;--cocso-checkbox-radius:var(--cocso-radius-2)}.cocso-checkbox.cocso-checkbox--size-small{--cocso-checkbox-size:14px;--cocso-checkbox-radius:var(--cocso-radius-1)}.cocso-checkbox.cocso-checkbox--status-on{--cocso-checkbox-border-color:var(--cocso-color-interactive-primary);--cocso-checkbox-bg-color:var(--cocso-color-interactive-primary);--cocso-checkbox-bg-color-hover:var(--cocso-color-interactive-primary-hover);--cocso-checkbox-border-color-hover:var(--cocso-color-interactive-primary-hover)}.cocso-checkbox.cocso-checkbox--status-off{--cocso-checkbox-border-color:var(--cocso-color-border-secondary);--cocso-checkbox-bg-color:var(--cocso-color-surface-primary);--cocso-checkbox-bg-color-hover:var(--cocso-color-interactive-secondary-hover);--cocso-checkbox-border-color-hover:var(--cocso-color-interactive-secondary-hover)}.cocso-checkbox.cocso-checkbox--status-intermediate{--cocso-checkbox-border-color:var(--cocso-color-interactive-primary);--cocso-checkbox-bg-color:var(--cocso-color-interactive-primary);--cocso-checkbox-bg-color-hover:var(--cocso-color-interactive-primary-hover);--cocso-checkbox-border-color-hover:var(--cocso-color-interactive-primary-hover)}";
|
|
6
6
|
styleInject_es(css_248z);
|
|
@@ -2,5 +2,5 @@
|
|
|
2
2
|
|
|
3
3
|
var styleInject_es = require('../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js');
|
|
4
4
|
|
|
5
|
-
var css_248z = ".cocso-radio.cocso-radio--size-large{--cocso-radio-size:18px;--cocso-radio-dot-size:8px}.cocso-radio.cocso-radio--size-medium{--cocso-radio-size:16px;--cocso-radio-dot-size:7px}.cocso-radio.cocso-radio--size-small{--cocso-radio-size:14px;--cocso-radio-dot-size:6px}.cocso-radio.cocso-radio--selected-true{--cocso-radio-bg-color:var(--cocso-color-interactive-primary);--cocso-radio-border-color:var(--cocso-color-interactive-primary);--cocso-radio-bg-color-hover:var(--cocso-color-interactive-primary-hover);--cocso-radio-border-color-hover:var(--cocso-color-interactive-primary-hover)}.cocso-radio.cocso-radio--selected-false{--cocso-radio-bg-color:var(--cocso-color-surface-primary);--cocso-radio-border-color:var(--cocso-color-border-primary);--cocso-radio-border-color-hover:var(--cocso-color-interactive-primary-muted)}";
|
|
5
|
+
var css_248z = ".cocso-radio{--cocso-radio-bg-color:var(--cocso-color-surface-primary);--cocso-radio-border-color:var(--cocso-color-text-primary);--cocso-radio-checked-color:var(--cocso-color-interactive-primary);--cocso-radio-focus-ring-color:var(--cocso-color-focus-ring)}.cocso-radio.cocso-radio--size-large{--cocso-radio-size:18px;--cocso-radio-dot-size:8px}.cocso-radio.cocso-radio--size-medium{--cocso-radio-size:16px;--cocso-radio-dot-size:7px}.cocso-radio.cocso-radio--size-small{--cocso-radio-size:14px;--cocso-radio-dot-size:6px}.cocso-radio.cocso-radio--selected-true{--cocso-radio-bg-color:var(--cocso-color-interactive-primary);--cocso-radio-border-color:var(--cocso-color-interactive-primary);--cocso-radio-bg-color-hover:var(--cocso-color-interactive-primary-hover);--cocso-radio-border-color-hover:var(--cocso-color-interactive-primary-hover)}.cocso-radio.cocso-radio--selected-false{--cocso-radio-bg-color:var(--cocso-color-surface-primary);--cocso-radio-border-color:var(--cocso-color-border-primary);--cocso-radio-border-color-hover:var(--cocso-color-interactive-primary-muted)}";
|
|
6
6
|
styleInject_es(css_248z);
|