@box/content-field 2.1.32 → 2.1.34
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.
|
@@ -5,20 +5,19 @@ import { createElement as s } from "react";
|
|
|
5
5
|
import { FileVariable as c, FolderVariable as l } from "@box/blueprint-web-assets/icons/Content";
|
|
6
6
|
import { jsx as u } from "react/jsx-runtime";
|
|
7
7
|
import '../styles/content-field-icon.css';var d = {
|
|
8
|
-
contentFieldWrapper: "
|
|
9
|
-
contentField: "
|
|
10
|
-
inlineError: "
|
|
11
|
-
contentButton: "
|
|
12
|
-
error: "
|
|
13
|
-
hasSelection: "
|
|
14
|
-
disabled: "
|
|
15
|
-
labelWrapper: "
|
|
16
|
-
contentLabel: "
|
|
17
|
-
variable: "
|
|
18
|
-
variableError: "
|
|
19
|
-
circledIconContainer: "
|
|
20
|
-
clearButton: "
|
|
21
|
-
variableIcon: "_variableIcon_1r9pn_190"
|
|
8
|
+
contentFieldWrapper: "_contentFieldWrapper_hg8tt_1",
|
|
9
|
+
contentField: "_contentField_hg8tt_1",
|
|
10
|
+
inlineError: "_inlineError_hg8tt_64",
|
|
11
|
+
contentButton: "_contentButton_hg8tt_68",
|
|
12
|
+
error: "_error_hg8tt_82",
|
|
13
|
+
hasSelection: "_hasSelection_hg8tt_86",
|
|
14
|
+
disabled: "_disabled_hg8tt_99",
|
|
15
|
+
labelWrapper: "_labelWrapper_hg8tt_116",
|
|
16
|
+
contentLabel: "_contentLabel_hg8tt_122",
|
|
17
|
+
variable: "_variable_hg8tt_127",
|
|
18
|
+
variableError: "_variableError_hg8tt_131",
|
|
19
|
+
circledIconContainer: "_circledIconContainer_hg8tt_135",
|
|
20
|
+
clearButton: "_clearButton_hg8tt_146"
|
|
22
21
|
}, f = ({ icon: t }) => {
|
|
23
22
|
let { enableModernizedComponents: n } = e();
|
|
24
23
|
return /*#__PURE__*/ s(t, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._contentFieldWrapper_hg8tt_1[data-modern=false]{--content-field-border-radius:var(--radius-2);--content-field-content-button-padding-x:var(--space-3);--content-field-clear-button-padding-x:var(--space-2);--content-field-anti-border-jitter-padding:var(--border-1);--content-field-inactive-surface-background:var(--surface-cta-surface-secondary);--content-field-inactive-surface-border-width:var(--border-1);--content-field-inactive-surface-border-color:var(--border-cta-border-secondary);--content-field-active-surface-background:var(--surface-cta-surface-secondary-hover);--content-field-font-size:var(--body-default-bold-font-size);--content-field-focus-surface-border-width:var(--border-2);--content-field-focus-surface-border-color:var(--outline-focus-on-light);--content-field-error-border-width:var(--border-2);--content-field-error-border-color:var(--border-dropdown-border-error);--content-field-error-border-hover-background-color:var(--border-cta-border-secondary);--content-field-height:var(--size-10);--content-field-box-shadow:var(--dropshadow-2);--content-field-gap:var(--space-2);--content-field-padding-block:var(--space-2);--content-field-circled-icon-container-size:var(--space-6);--content-field-circled-icon-container-background:var(--surface-cta-surface-icon-utility);--content-field-variable-icon-margin-bottom:var(--space-1);--content-field-inline-error-margin-block-start:var(--space-2)}._contentFieldWrapper_hg8tt_1[data-modern=true]{--content-field-border-radius:var(--bp-radius-06);--content-field-content-button-padding-x:var(--bp-space-030);--content-field-clear-button-padding-x:var(--bp-space-030);--content-field-anti-border-jitter-padding:var(--bp-border-01);--content-field-inactive-surface-background:var(--bp-surface-cta-surface-secondary);--content-field-inactive-surface-border-width:var(--bp-border-01);--content-field-inactive-surface-border-color:var(--bp-border-cta-border-secondary);--content-field-active-surface-background:var(--bp-surface-cta-surface-secondary-hover);--content-field-font-size:var(--bp-font-size-05);--content-field-focus-surface-border-width:var(--bp-border-02);--content-field-focus-surface-border-color:var(--bp-outline-focus-on-light);--content-field-error-border-width:var(--bp-border-02);--content-field-error-border-color:var(--bp-border-dropdown-border-error);--content-field-error-border-hover-background-color:var(--bp-border-cta-border-secondary);--content-field-height:var(--bp-size-100);--content-field-box-shadow:var(--dropshadow-2);--content-field-gap:var(--bp-space-020);--content-field-padding-block:var(--bp-space-020);--content-field-circled-icon-container-size:var(--bp-space-060);--content-field-circled-icon-container-background:var(--bp-surface-cta-surface-icon-utility);--content-field-variable-icon-margin-bottom:var(--bp-space-010);--content-field-inline-error-margin-block-start:var(--bp-space-020)}._contentFieldWrapper_hg8tt_1{width:100%}._contentField_hg8tt_1{height:var(--content-field-height);border-radius:var(--content-field-border-radius);box-shadow:var(--content-field-box-shadow);flex-direction:row;justify-content:space-between;display:flex}._inlineError_hg8tt_64{margin-block-start:var(--content-field-inline-error-margin-block-start)}._contentButton_hg8tt_68{all:unset;gap:var(--content-field-gap);font-size:var(--content-field-font-size);min-width:0;padding:var(--content-field-anti-border-jitter-padding) var(--content-field-content-button-padding-x);border-radius:var(--content-field-border-radius);cursor:pointer;background:var(--content-field-inactive-surface-background);border:var(--content-field-inactive-surface-border-width) solid var(--content-field-inactive-surface-border-color);flex:1;align-items:center;display:flex}._contentButton_hg8tt_68._error_hg8tt_82{border:var(--content-field-error-border-width) solid var(--content-field-error-border-color);position:relative}._contentButton_hg8tt_68._error_hg8tt_82._hasSelection_hg8tt_86:hover:after{background-color:var(--content-field-error-border-hover-background-color);content:"";width:1px;height:100%;position:absolute;top:0;right:0}._contentButton_hg8tt_68._hasSelection_hg8tt_86{border-radius:var(--content-field-border-radius) 0 0 var(--content-field-border-radius);border-right:none}._contentButton_hg8tt_68._disabled_hg8tt_99{opacity:.5;border-right:none}._contentButton_hg8tt_68:hover{background:var(--content-field-active-surface-background)}._contentButton_hg8tt_68:focus-visible{background:var(--content-field-active-surface-background);border:var(--content-field-focus-surface-border-width) solid var(--content-field-focus-surface-border-color)}._contentButton_hg8tt_68:focus-visible:not(._error_hg8tt_82){padding:calc(var(--content-field-anti-border-jitter-padding) - var(--content-field-anti-border-jitter-padding)) calc(var(--content-field-content-button-padding-x) - var(--content-field-anti-border-jitter-padding))}._contentButton_hg8tt_68 ._labelWrapper_hg8tt_116{flex-grow:1;align-items:center;min-width:0;display:flex}._contentButton_hg8tt_68 ._labelWrapper_hg8tt_116 span._contentLabel_hg8tt_122{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}._contentButton_hg8tt_68 ._labelWrapper_hg8tt_116 span._contentLabel_hg8tt_122._variable_hg8tt_127{color:var(--purple-rain-100);text-decoration:underline}._contentButton_hg8tt_68 ._labelWrapper_hg8tt_116 span._contentLabel_hg8tt_122._variableError_hg8tt_131{color:var(--text-text-error-on-light)}._circledIconContainer_hg8tt_135{width:var(--content-field-circled-icon-container-size);min-width:var(--content-field-circled-icon-container-size);height:var(--content-field-circled-icon-container-size);background:var(--content-field-circled-icon-container-background);border-radius:50%;justify-content:center;align-items:center;display:flex}._clearButton_hg8tt_146{all:unset;background:var(--content-field-inactive-surface-background);border:var(--content-field-inactive-surface-border-width) solid var(--content-field-inactive-surface-border-color);padding:var(--content-field-anti-border-jitter-padding) var(--content-field-clear-button-padding-x);background:var(--content-field-inactive-surface-background);border-radius:0 var(--content-field-border-radius) var(--content-field-border-radius) 0;cursor:pointer;border-left:none;align-items:center;display:flex}._clearButton_hg8tt_146:hover{background:var(--content-field-active-surface-background)}._clearButton_hg8tt_146._error_hg8tt_82{border:var(--content-field-error-border-width) solid var(--content-field-error-border-color);position:relative}._clearButton_hg8tt_146._error_hg8tt_82._hasSelection_hg8tt_86:hover:after{background-color:var(--content-field-error-border-hover-background-color);content:"";width:1px;height:100%;position:absolute;top:0;left:-1px}._clearButton_hg8tt_146._error_hg8tt_82{border-left:none}._clearButton_hg8tt_146:focus-visible{background:var(--content-field-active-surface-background);border:var(--content-field-focus-surface-border-width) solid var(--content-field-focus-surface-border-color)}._clearButton_hg8tt_146:focus-visible:not(._error_hg8tt_82){padding:calc(var(--content-field-anti-border-jitter-padding) - var(--content-field-anti-border-jitter-padding)) calc(var(--content-field-clear-button-padding-x) - var(--content-field-anti-border-jitter-padding))}._clearButton_hg8tt_146._disabled_hg8tt_99{opacity:.5;border-left:none}
|
package/package.json
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@box/content-field",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.34",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@ariakit/react": "^0.4.21",
|
|
7
|
-
"@box/blueprint-web": "^16.
|
|
8
|
-
"@box/blueprint-web-assets": "^5.5.
|
|
7
|
+
"@box/blueprint-web": "^16.13.0",
|
|
8
|
+
"@box/blueprint-web-assets": "^5.5.9",
|
|
9
9
|
"react": "^18.0.0",
|
|
10
10
|
"react-dom": "^18.0.0",
|
|
11
11
|
"react-intl": "^6.4.2"
|
|
12
12
|
},
|
|
13
13
|
"devDependencies": {
|
|
14
|
-
"@box/blueprint-web": "^16.
|
|
15
|
-
"@box/blueprint-web-assets": "^5.5.
|
|
14
|
+
"@box/blueprint-web": "^16.13.0",
|
|
15
|
+
"@box/blueprint-web-assets": "^5.5.9",
|
|
16
16
|
"@box/eslint-plugin-blueprint": "2.1.10",
|
|
17
|
-
"@box/storybook-utils": "1.1.
|
|
17
|
+
"@box/storybook-utils": "1.1.33",
|
|
18
18
|
"@testing-library/react": "^15.0.6",
|
|
19
19
|
"react-intl": "^6.4.2"
|
|
20
20
|
},
|