@veeqo/ui 14.2.0 → 14.3.0-beta-2
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/components/Accordion/styled.cjs +19 -9
- package/dist/components/Accordion/styled.cjs.map +1 -1
- package/dist/components/Accordion/styled.d.ts +9 -23
- package/dist/components/Accordion/styled.js +19 -9
- package/dist/components/Accordion/styled.js.map +1 -1
- package/dist/components/Action/Action.d.ts +4 -4
- package/dist/components/AnimatedDropdown/components/styled.d.ts +2 -1
- package/dist/components/AnimatedDropdown/styled.d.ts +2 -2
- package/dist/components/Badge/styled.cjs +27 -4
- package/dist/components/Badge/styled.cjs.map +1 -1
- package/dist/components/Badge/styled.d.ts +4 -3
- package/dist/components/Badge/styled.js +27 -4
- package/dist/components/Badge/styled.js.map +1 -1
- package/dist/components/Banner/styled.cjs +27 -8
- package/dist/components/Banner/styled.cjs.map +1 -1
- package/dist/components/Banner/styled.d.ts +7 -7
- package/dist/components/Banner/styled.js +27 -8
- package/dist/components/Banner/styled.js.map +1 -1
- package/dist/components/BaseContainer/BaseContainer.cjs +7 -3
- package/dist/components/BaseContainer/BaseContainer.cjs.map +1 -1
- package/dist/components/BaseContainer/BaseContainer.d.ts +2 -1
- package/dist/components/BaseContainer/BaseContainer.js +6 -2
- package/dist/components/BaseContainer/BaseContainer.js.map +1 -1
- package/dist/components/BaseContainer/BaseContainer.module.scss.cjs +9 -0
- package/dist/components/BaseContainer/BaseContainer.module.scss.cjs.map +1 -0
- package/dist/components/BaseContainer/BaseContainer.module.scss.js +7 -0
- package/dist/components/BaseContainer/BaseContainer.module.scss.js.map +1 -0
- package/dist/components/DataTable/components/ColumnHeader.d.ts +1 -1
- package/dist/components/DimensionsInput/DimensionsInput.cjs +8 -8
- package/dist/components/DimensionsInput/DimensionsInput.cjs.map +1 -1
- package/dist/components/DimensionsInput/DimensionsInput.d.ts +8 -8
- package/dist/components/DimensionsInput/DimensionsInput.js +1 -1
- package/dist/components/FilterTag/styled.d.ts +4 -4
- package/dist/components/Grid/index.cjs +7 -1
- package/dist/components/Grid/index.cjs.map +1 -1
- package/dist/components/Grid/index.d.ts +2 -1
- package/dist/components/Grid/index.js +7 -1
- package/dist/components/Grid/index.js.map +1 -1
- package/dist/components/InputAffix/InputAffix.cjs +3 -4
- package/dist/components/InputAffix/InputAffix.cjs.map +1 -1
- package/dist/components/InputAffix/InputAffix.js +1 -2
- package/dist/components/InputAffix/InputAffix.js.map +1 -1
- package/dist/components/InputGroup/InputGroup.cjs +21 -0
- package/dist/components/InputGroup/InputGroup.cjs.map +1 -0
- package/dist/components/InputGroup/InputGroup.d.ts +2 -0
- package/dist/components/InputGroup/InputGroup.js +15 -0
- package/dist/components/InputGroup/InputGroup.js.map +1 -0
- package/dist/components/InputGroup/InputGroup.module.scss.cjs +9 -0
- package/dist/components/InputGroup/InputGroup.module.scss.cjs.map +1 -0
- package/dist/components/InputGroup/InputGroup.module.scss.js +7 -0
- package/dist/components/InputGroup/InputGroup.module.scss.js.map +1 -0
- package/dist/components/InputGroup/index.d.ts +2 -4
- package/dist/components/InputGroup/types.d.ts +3 -0
- package/dist/components/LegacyDataTable/SpecificState/styled.d.ts +4 -4
- package/dist/components/Pagination/styled.d.ts +8 -8
- package/dist/components/PhoneInput/index.d.ts +8 -8
- package/dist/components/PriceInput/PriceInput.cjs +4 -4
- package/dist/components/PriceInput/PriceInput.cjs.map +1 -1
- package/dist/components/PriceInput/PriceInput.js +1 -1
- package/dist/components/Search/Search.d.ts +8 -8
- package/dist/components/Search/styled.cjs +12 -2
- package/dist/components/Search/styled.cjs.map +1 -1
- package/dist/components/Search/styled.d.ts +9 -9
- package/dist/components/Search/styled.js +12 -2
- package/dist/components/Search/styled.js.map +1 -1
- package/dist/components/SegmentedControl/styled.d.ts +2 -1
- package/dist/components/Stack/Stack.cjs +26 -45
- package/dist/components/Stack/Stack.cjs.map +1 -1
- package/dist/components/Stack/Stack.d.ts +2 -1
- package/dist/components/Stack/Stack.js +25 -44
- package/dist/components/Stack/Stack.js.map +1 -1
- package/dist/components/Stack/Stack.module.scss.cjs +9 -0
- package/dist/components/Stack/Stack.module.scss.cjs.map +1 -0
- package/dist/components/Stack/Stack.module.scss.js +7 -0
- package/dist/components/Stack/Stack.module.scss.js.map +1 -0
- package/dist/components/Stack/types.d.ts +4 -0
- package/dist/components/Stepper/styled.cjs +16 -3
- package/dist/components/Stepper/styled.cjs.map +1 -1
- package/dist/components/Stepper/styled.d.ts +2 -1
- package/dist/components/Stepper/styled.js +16 -3
- package/dist/components/Stepper/styled.js.map +1 -1
- package/dist/components/Text/Text.d.ts +1 -1
- package/dist/components/TextField/TextField.d.ts +8 -8
- package/dist/components/TextField/index.d.ts +8 -8
- package/dist/components/ToastsLayout/components/styled.cjs +37 -4
- package/dist/components/ToastsLayout/components/styled.cjs.map +1 -1
- package/dist/components/ToastsLayout/components/styled.d.ts +5 -5
- package/dist/components/ToastsLayout/components/styled.js +37 -4
- package/dist/components/ToastsLayout/components/styled.js.map +1 -1
- package/dist/components/Toggle/styled.d.ts +2 -1
- package/dist/components/VideoModal/components/styled.d.ts +4 -3
- package/dist/components/View/styled.d.ts +4 -4
- package/dist/components/ViewTab/ViewTab.d.ts +1 -1
- package/dist/components/WeightInput/WeightInput.cjs +8 -8
- package/dist/components/WeightInput/WeightInput.cjs.map +1 -1
- package/dist/components/WeightInput/WeightInput.js +1 -1
- package/dist/components/index.d.ts +1 -1
- package/dist/hoc/withClassNames/withClassNames.d.ts +1 -1
- package/dist/hoc/withLabels/styled.d.ts +2 -1
- package/dist/index.cjs +10 -10
- package/dist/index.js +1 -1
- package/dist/utils/forms/form.module.scss.cjs +2 -2
- package/dist/utils/forms/form.module.scss.cjs.map +1 -1
- package/dist/utils/forms/form.module.scss.js +2 -2
- package/dist/utils/forms/form.module.scss.js.map +1 -1
- package/dist/utils/forms/inputStyles.cjs +1 -2
- package/dist/utils/forms/inputStyles.cjs.map +1 -1
- package/dist/utils/forms/inputStyles.js +1 -2
- package/dist/utils/forms/inputStyles.js.map +1 -1
- package/package.json +1 -1
- package/dist/components/InputGroup/index.cjs +0 -13
- package/dist/components/InputGroup/index.cjs.map +0 -1
- package/dist/components/InputGroup/index.js +0 -7
- package/dist/components/InputGroup/index.js.map +0 -1
- package/dist/components/Stack/Alignments.cjs +0 -12
- package/dist/components/Stack/Alignments.cjs.map +0 -1
- package/dist/components/Stack/Alignments.js +0 -12
- package/dist/components/Stack/Alignments.js.map +0 -1
|
@@ -24,5 +24,5 @@ type WithClassName = {
|
|
|
24
24
|
* @param Component Component to render with styles applied.
|
|
25
25
|
* @param classNames An array of class names to apply to instances of the component.
|
|
26
26
|
*/
|
|
27
|
-
export declare const withClassNames: <C extends
|
|
27
|
+
export declare const withClassNames: <C extends React.ComponentType<any> | keyof JSX.IntrinsicElements | AnyStyledComponent>(Component: PropsOf<C> extends WithClassName ? C : never, classNames: string[]) => React.ForwardRefExoticComponent<React.PropsWithoutRef<PropsOf<C>> & React.RefAttributes<unknown>>;
|
|
28
28
|
export {};
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const RootStack: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../components/Stack").StackProps & import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>, any, {}, never>;
|
|
2
3
|
export declare const Label: import("styled-components").StyledComponent<"label", any, {}, never>;
|
|
3
4
|
export declare const Hint: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
4
5
|
export declare const Error: import("styled-components").StyledComponent<"span", any, {}, never>;
|
package/dist/index.cjs
CHANGED
|
@@ -44,7 +44,7 @@ var FilterTag = require('./components/FilterTag/FilterTag.cjs');
|
|
|
44
44
|
var index$1 = require('./components/Grid/index.cjs');
|
|
45
45
|
var Image = require('./components/Image/Image.cjs');
|
|
46
46
|
var InputAffix = require('./components/InputAffix/InputAffix.cjs');
|
|
47
|
-
var
|
|
47
|
+
var InputGroup = require('./components/InputGroup/InputGroup.cjs');
|
|
48
48
|
var LegacyDataTable = require('./components/LegacyDataTable/LegacyDataTable.cjs');
|
|
49
49
|
var Loader = require('./components/Loader/Loader.cjs');
|
|
50
50
|
var LoginWithAmazonButton = require('./components/LoginWithAmazonButton/LoginWithAmazonButton.cjs');
|
|
@@ -68,7 +68,7 @@ var Stepper = require('./components/Stepper/Stepper.cjs');
|
|
|
68
68
|
var SystemBanner = require('./components/SystemBanner/SystemBanner.cjs');
|
|
69
69
|
var Tag = require('./components/Tag/Tag.cjs');
|
|
70
70
|
var Text = require('./components/Text/Text.cjs');
|
|
71
|
-
var index$
|
|
71
|
+
var index$4 = require('./components/TextField/index.cjs');
|
|
72
72
|
var ToastsLayout = require('./components/ToastsLayout/ToastsLayout.cjs');
|
|
73
73
|
var Toggle = require('./components/Toggle/Toggle.cjs');
|
|
74
74
|
var ToggleButton = require('./components/ToggleButton/ToggleButton.cjs');
|
|
@@ -84,13 +84,13 @@ var ViewTab = require('./components/ViewTab/ViewTab.cjs');
|
|
|
84
84
|
var ViewsContainer = require('./components/ViewsContainer/ViewsContainer.cjs');
|
|
85
85
|
var WeightInput = require('./components/WeightInput/WeightInput.cjs');
|
|
86
86
|
var Indicator = require('./components/Indicator/Indicator.cjs');
|
|
87
|
-
var index$
|
|
87
|
+
var index$3 = require('./components/SelectDropdown/index.cjs');
|
|
88
88
|
var ThemeInjector = require('./components/ThemeInjector/ThemeInjector.cjs');
|
|
89
89
|
var TokenProvider = require('./components/TokenProvider/TokenProvider.cjs');
|
|
90
90
|
var DataGrid = require('./components/DataGrid/DataGrid.cjs');
|
|
91
91
|
var FlexCol = require('./components/Flex/FlexCol/FlexCol.cjs');
|
|
92
92
|
var FlexRow = require('./components/Flex/FlexRow/FlexRow.cjs');
|
|
93
|
-
var index$
|
|
93
|
+
var index$2 = require('./components/PhoneInput/index.cjs');
|
|
94
94
|
var ChannelMark = require('./components/ChannelMark/ChannelMark.cjs');
|
|
95
95
|
var constants$2 = require('./components/ChannelMark/constants.cjs');
|
|
96
96
|
var CarrierMark = require('./components/CarrierMark/CarrierMark.cjs');
|
|
@@ -118,7 +118,7 @@ var assignCssVars = require('./utils/assignCssVars.cjs');
|
|
|
118
118
|
var buildChannelMarkUrl = require('./utils/buildChannelMarkUrl.cjs');
|
|
119
119
|
var buildCarrierMarkUrl = require('./utils/buildCarrierMarkUrl.cjs');
|
|
120
120
|
var getContextAwareLink = require('./utils/getContextAwareLink.cjs');
|
|
121
|
-
var index$
|
|
121
|
+
var index$5 = require('./theme/index.cjs');
|
|
122
122
|
var AccountsIcon = require('./icons/design-system/components/AccountsIcon.cjs');
|
|
123
123
|
var AccountsOutlineIcon = require('./icons/design-system/components/AccountsOutlineIcon.cjs');
|
|
124
124
|
var AddIcon = require('./icons/design-system/components/AddIcon.cjs');
|
|
@@ -404,7 +404,7 @@ exports.FilterTag = FilterTag.FilterTag;
|
|
|
404
404
|
exports.Grid = index$1.Grid;
|
|
405
405
|
exports.Image = Image.Image;
|
|
406
406
|
exports.InputAffix = InputAffix.InputAffix;
|
|
407
|
-
exports.InputGroup =
|
|
407
|
+
exports.InputGroup = InputGroup.InputGroup;
|
|
408
408
|
exports.LegacyDataTable = LegacyDataTable.LegacyDataTable;
|
|
409
409
|
exports.Loader = Loader.Loader;
|
|
410
410
|
exports.LoginWithAmazonButton = LoginWithAmazonButton.LoginWithAmazonButton;
|
|
@@ -428,7 +428,7 @@ exports.Stepper = Stepper.Stepper;
|
|
|
428
428
|
exports.SystemBanner = SystemBanner.SystemBanner;
|
|
429
429
|
exports.Tag = Tag.Tag;
|
|
430
430
|
exports.Text = Text.Text;
|
|
431
|
-
exports.TextField = index$
|
|
431
|
+
exports.TextField = index$4.TextField;
|
|
432
432
|
exports.ToastsLayout = ToastsLayout.ToastsLayout;
|
|
433
433
|
exports.Toggle = Toggle.Toggle;
|
|
434
434
|
exports.ToggleButton = ToggleButton.ToggleButton;
|
|
@@ -451,13 +451,13 @@ exports.ViewTab = ViewTab.ViewTab;
|
|
|
451
451
|
exports.ViewsContainer = ViewsContainer.ViewsContainer;
|
|
452
452
|
exports.WeightInput = WeightInput.WeightInput;
|
|
453
453
|
exports.Indicator = Indicator.Indicator;
|
|
454
|
-
exports.SelectDropdown = index$
|
|
454
|
+
exports.SelectDropdown = index$3.SelectDropdown;
|
|
455
455
|
exports.ThemeInjector = ThemeInjector.ThemeInjector;
|
|
456
456
|
exports.TokenProvider = TokenProvider.TokenProvider;
|
|
457
457
|
exports.DataGrid = DataGrid.DataGrid;
|
|
458
458
|
exports.FlexCol = FlexCol.FlexCol;
|
|
459
459
|
exports.FlexRow = FlexRow.FlexRow;
|
|
460
|
-
exports.PhoneInput = index$
|
|
460
|
+
exports.PhoneInput = index$2.PhoneInput;
|
|
461
461
|
exports.ChannelMark = ChannelMark.ChannelMark;
|
|
462
462
|
exports.ChannelTypeMap = constants$2.ChannelTypeMap;
|
|
463
463
|
exports.CarrierMark = CarrierMark.CarrierMark;
|
|
@@ -487,7 +487,7 @@ exports.assignCssVars = assignCssVars.assignCssVars;
|
|
|
487
487
|
exports.buildChannelMarkUrl = buildChannelMarkUrl.buildChannelMarkUrl;
|
|
488
488
|
exports.buildCarrierMarkUrl = buildCarrierMarkUrl.buildCarrierMarkUrl;
|
|
489
489
|
exports.getContextAwareLink = getContextAwareLink.getContextAwareLink;
|
|
490
|
-
exports.theme = index$
|
|
490
|
+
exports.theme = index$5.theme;
|
|
491
491
|
exports.AccountsIcon = AccountsIcon.ReactComponent;
|
|
492
492
|
exports.AccountsOutlineIcon = AccountsOutlineIcon.ReactComponent;
|
|
493
493
|
exports.AddIcon = AddIcon.ReactComponent;
|
package/dist/index.js
CHANGED
|
@@ -42,7 +42,7 @@ export { FilterTag } from './components/FilterTag/FilterTag.js';
|
|
|
42
42
|
export { Grid } from './components/Grid/index.js';
|
|
43
43
|
export { Image } from './components/Image/Image.js';
|
|
44
44
|
export { InputAffix } from './components/InputAffix/InputAffix.js';
|
|
45
|
-
export { InputGroup } from './components/InputGroup/
|
|
45
|
+
export { InputGroup } from './components/InputGroup/InputGroup.js';
|
|
46
46
|
export { LegacyDataTable } from './components/LegacyDataTable/LegacyDataTable.js';
|
|
47
47
|
export { Loader } from './components/Loader/Loader.js';
|
|
48
48
|
export { LoginWithAmazonButton } from './components/LoginWithAmazonButton/LoginWithAmazonButton.js';
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
var ___$insertStyle = require('../../_virtual/____insertStyle.cjs');
|
|
4
4
|
|
|
5
|
-
___$insertStyle(".
|
|
6
|
-
var formStyles = {"fullStyles":"
|
|
5
|
+
___$insertStyle("._fullStyles_4dcpo_1 {\n --outline-size: var(--sizes-xs);\n --border-color: var(--colors-neutral-ink-lightest);\n --shadow-color: var(--colors-secondary-blue-light);\n}\n._fullStyles_4dcpo_1:disabled, ._fullStyles_4dcpo_1[data-disabled] {\n opacity: 1;\n box-shadow: none;\n background-color: var(--colors-neutral-grey-light);\n cursor: not-allowed;\n}\n._fullStyles_4dcpo_1._compact_4dcpo_12 {\n --outline-size: 2px;\n min-height: var(--sizes-8);\n}\n._fullStyles_4dcpo_1._error_4dcpo_16 {\n --border-color: var(--colors-secondary-red-base);\n --shadow-color: var(--colors-secondary-red-light);\n}\n._fullStyles_4dcpo_1:focus {\n border-color: var(--border-color);\n box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n outline: 0;\n}\n._fullStyles_4dcpo_1::placeholder {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n._fullStyles_4dcpo_1:invalid {\n box-shadow: 0 0 0 var(--outline-size) var(--border-color);\n border-color: var(--colors-secondary-red-base);\n}\n\n._base_4dcpo_40 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n appearance: none;\n box-sizing: border-box;\n background-color: white;\n text-align: left;\n min-height: var(--sizes-10);\n padding-inline: var(--sizes-3);\n border-radius: var(--radius-base);\n border: 1px solid var(--border-color);\n display: flex;\n align-items: center;\n justify-content: flex-start;\n /* When inside an InputGroup, reduce inline padding to bring content closer together */\n}\n._base_4dcpo_40._inputGroup_4dcpo_62:first-child {\n padding-right: calc(var(--sizes-3) - var(--sizes-1));\n}\n._base_4dcpo_40._inputGroup_4dcpo_62:last-child {\n padding-left: var(--sizes-2);\n}\n._base_4dcpo_40._inputGroup_4dcpo_62:not(:first-child):not(:last-child) {\n padding-inline: var(--sizes-2);\n}\n\n/** InputGroup styles from the InputGroup component */\n._inputGroup_4dcpo_62 {\n display: flex;\n /* Remove inline margins from all children */\n /* Bring in-focus and active children to the front to maintain outlines */\n /* Remove inline borders for children in the middle */\n /* Remove right border radius from first child */\n /* Remove left border radius from last child */\n}\n._inputGroup_4dcpo_62 > * {\n margin-left: 0;\n margin-right: 0;\n box-shadow: none;\n}\n._inputGroup_4dcpo_62 > *:focus, ._inputGroup_4dcpo_62 > *:active {\n z-index: 5;\n}\n._inputGroup_4dcpo_62 > *:not(:first-child):not(:last-child) {\n border-radius: 0 !important;\n border-inline: 0 !important;\n}\n._inputGroup_4dcpo_62 > *:first-child {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n border-right: 0 !important;\n}\n._inputGroup_4dcpo_62 > *:last-child {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n border-left: 0 !important;\n}");
|
|
6
|
+
var formStyles = {"fullStyles":"_fullStyles_4dcpo_1","compact":"_compact_4dcpo_12","error":"_error_4dcpo_16","base":"_base_4dcpo_40","inputGroup":"_inputGroup_4dcpo_62"};
|
|
7
7
|
|
|
8
8
|
module.exports = formStyles;
|
|
9
9
|
//# sourceMappingURL=form.module.scss.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.module.scss.cjs","sources":[
|
|
1
|
+
{"version":3,"file":"form.module.scss.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import insertStyle from '../../_virtual/____insertStyle.js';
|
|
2
2
|
|
|
3
|
-
insertStyle(".
|
|
4
|
-
var formStyles = {"fullStyles":"
|
|
3
|
+
insertStyle("._fullStyles_4dcpo_1 {\n --outline-size: var(--sizes-xs);\n --border-color: var(--colors-neutral-ink-lightest);\n --shadow-color: var(--colors-secondary-blue-light);\n}\n._fullStyles_4dcpo_1:disabled, ._fullStyles_4dcpo_1[data-disabled] {\n opacity: 1;\n box-shadow: none;\n background-color: var(--colors-neutral-grey-light);\n cursor: not-allowed;\n}\n._fullStyles_4dcpo_1._compact_4dcpo_12 {\n --outline-size: 2px;\n min-height: var(--sizes-8);\n}\n._fullStyles_4dcpo_1._error_4dcpo_16 {\n --border-color: var(--colors-secondary-red-base);\n --shadow-color: var(--colors-secondary-red-light);\n}\n._fullStyles_4dcpo_1:focus {\n border-color: var(--border-color);\n box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n outline: 0;\n}\n._fullStyles_4dcpo_1::placeholder {\n font-family: var(--text-placeholder-font-family);\n font-style: var(--text-placeholder-font-style);\n font-weight: var(--text-placeholder-font-weight);\n font-size: var(--text-placeholder-font-size);\n line-height: var(--text-placeholder-line-height);\n color: var(--text-placeholder-color);\n text-decoration: var(--text-placeholder-text-decoration);\n letter-spacing: var(--text-placeholder-letter-spacing);\n}\n._fullStyles_4dcpo_1:invalid {\n box-shadow: 0 0 0 var(--outline-size) var(--border-color);\n border-color: var(--colors-secondary-red-base);\n}\n\n._base_4dcpo_40 {\n font-family: var(--text-body-font-family);\n font-style: var(--text-body-font-style);\n font-weight: var(--text-body-font-weight);\n font-size: var(--text-body-font-size);\n line-height: var(--text-body-line-height);\n color: var(--text-body-color);\n text-decoration: var(--text-body-text-decoration);\n letter-spacing: var(--text-body-letter-spacing);\n appearance: none;\n box-sizing: border-box;\n background-color: white;\n text-align: left;\n min-height: var(--sizes-10);\n padding-inline: var(--sizes-3);\n border-radius: var(--radius-base);\n border: 1px solid var(--border-color);\n display: flex;\n align-items: center;\n justify-content: flex-start;\n /* When inside an InputGroup, reduce inline padding to bring content closer together */\n}\n._base_4dcpo_40._inputGroup_4dcpo_62:first-child {\n padding-right: calc(var(--sizes-3) - var(--sizes-1));\n}\n._base_4dcpo_40._inputGroup_4dcpo_62:last-child {\n padding-left: var(--sizes-2);\n}\n._base_4dcpo_40._inputGroup_4dcpo_62:not(:first-child):not(:last-child) {\n padding-inline: var(--sizes-2);\n}\n\n/** InputGroup styles from the InputGroup component */\n._inputGroup_4dcpo_62 {\n display: flex;\n /* Remove inline margins from all children */\n /* Bring in-focus and active children to the front to maintain outlines */\n /* Remove inline borders for children in the middle */\n /* Remove right border radius from first child */\n /* Remove left border radius from last child */\n}\n._inputGroup_4dcpo_62 > * {\n margin-left: 0;\n margin-right: 0;\n box-shadow: none;\n}\n._inputGroup_4dcpo_62 > *:focus, ._inputGroup_4dcpo_62 > *:active {\n z-index: 5;\n}\n._inputGroup_4dcpo_62 > *:not(:first-child):not(:last-child) {\n border-radius: 0 !important;\n border-inline: 0 !important;\n}\n._inputGroup_4dcpo_62 > *:first-child {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n border-right: 0 !important;\n}\n._inputGroup_4dcpo_62 > *:last-child {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n border-left: 0 !important;\n}");
|
|
4
|
+
var formStyles = {"fullStyles":"_fullStyles_4dcpo_1","compact":"_compact_4dcpo_12","error":"_error_4dcpo_16","base":"_base_4dcpo_40","inputGroup":"_inputGroup_4dcpo_62"};
|
|
5
5
|
|
|
6
6
|
export { formStyles as default };
|
|
7
7
|
//# sourceMappingURL=form.module.scss.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.module.scss.js","sources":[
|
|
1
|
+
{"version":3,"file":"form.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var styled = require('styled-components');
|
|
4
|
-
var index$1 = require('../../components/InputGroup/index.cjs');
|
|
5
4
|
var index = require('../../theme/index.cjs');
|
|
6
5
|
var variables = require('./variables.cjs');
|
|
7
6
|
var utils = require('../../theme/utils.cjs');
|
|
@@ -22,7 +21,7 @@ const inputDisabledStyles = styled.css `&:disabled,&[data-disabled]{opacity:1;bo
|
|
|
22
21
|
* @deprecated
|
|
23
22
|
* use css modules instead
|
|
24
23
|
*/
|
|
25
|
-
const inputBaseStyles = ({ compact }) => styled.css `${variables.inputVariableStyles} ${utils.getTextStyles(text.body)} appearance:none;box-sizing:border-box;background-color:white;text-align:left;min-height:${compact ? sizes[8] : sizes[10]};padding-inline:var(--padding);border:1px solid var(--border-color);border-radius:${radius.base};display:flex;align-items:center;justify-content:flex-start
|
|
24
|
+
const inputBaseStyles = ({ compact }) => styled.css `${variables.inputVariableStyles} ${utils.getTextStyles(text.body)} appearance:none;box-sizing:border-box;background-color:white;text-align:left;min-height:${compact ? sizes[8] : sizes[10]};padding-inline:var(--padding);border:1px solid var(--border-color);border-radius:${radius.base};display:flex;align-items:center;justify-content:flex-start;[data-input-group] > &:first-child{padding-right:calc(var(--padding-right) - ${sizes[1]});}[data-input-group] > &:last-child{padding-left:${sizes[2]};}[data-input-group] > &:not(:first-child):not(:last-child){padding-inline:${sizes[2]};}`;
|
|
26
25
|
/**
|
|
27
26
|
* @deprecated
|
|
28
27
|
* use css modules instead from src/utils/forms/form.module.scss
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputStyles.cjs","sources":["../../../src/utils/forms/inputStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport {
|
|
1
|
+
{"version":3,"file":"inputStyles.cjs","sources":["../../../src/utils/forms/inputStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FormComponentProps } from '../../components/types';\nimport { getTextStyles, theme } from '../../theme';\nimport { inputVariableStyles } from './variables';\n\nconst { colors, radius, sizes, text } = theme;\n\n/**\n * @deprecated\n * Styles in this file have been converted to CSS modules in src/utils/forms/form.module.scss\n */\nexport const inputFocusStyles = ({ hasError }: FormComponentProps) => css`\n &:focus {\n --border-color: ${hasError ? colors.secondary.red.base : colors.secondary.blue.base};\n border-color: var(--border-color);\n box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n outline: 0;\n }\n`;\n/**\n * @deprecated\n * use css modules instead\n */\nexport const inputDisabledStyles = css`\n &:disabled,\n &[data-disabled] {\n opacity: 1;\n box-shadow: none;\n background-color: ${colors.neutral.grey.light};\n cursor: not-allowed;\n }\n`;\n\n/**\n *\n * @deprecated\n * use css modules instead\n */\nexport const inputBaseStyles = ({ compact }: FormComponentProps) => css`\n ${inputVariableStyles}\n ${getTextStyles(text.body)}\n\n appearance: none;\n box-sizing: border-box;\n\n background-color: white;\n text-align: left;\n\n min-height: ${compact ? sizes[8] : sizes[10]};\n padding-inline: var(--padding);\n border: 1px solid var(--border-color);\n border-radius: ${radius.base};\n\n display: flex;\n align-items: center;\n justify-content: flex-start;\n\n /* When inside an InputGroup, reduce inline padding to bring content closer together */\n [data-input-group] > &:first-child {\n padding-right: calc(var(--padding-right) - ${sizes[1]});\n }\n\n [data-input-group] > &:last-child {\n padding-left: ${sizes[2]};\n }\n\n [data-input-group] > &:not(:first-child):not(:last-child) {\n padding-inline: ${sizes[2]};\n }\n`;\n\n/**\n * @deprecated\n * use css modules instead from src/utils/forms/form.module.scss\n */\nexport const inputFullStyles = css`\n ${inputBaseStyles}\n ${inputDisabledStyles}\n ${inputFocusStyles}\n\n &::placeholder {\n ${getTextStyles(text.placeholder)}\n }\n\n &:invalid {\n box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n border-color: ${colors.secondary.red.base};\n }\n`;\n"],"names":["theme","css","inputVariableStyles","getTextStyles"],"mappings":";;;;;;;AAKA,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAGA,WAAK;AAE7C;;;AAGG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAsB,KAAKC,UAAG,CAAA,CAAA,uBAAA,EAEnD,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAMvF;;;AAGG;AACI,MAAM,mBAAmB,GAAGA,UAAG,CAAA,CAAA,uEAAA,EAKd,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK;AAKjD;;;;AAIG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAsB,KAAKA,UAAG,CAAA,CAAA,EACnEC,6BAAmB,CAAA,CAAA,EACnBC,mBAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,yFAAA,EAQZ,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAA,kFAAA,EAG3B,MAAM,CAAC,IAAI,CAAA,yIAAA,EAQmB,KAAK,CAAC,CAAC,CAAC,CAAA,kDAAA,EAIrC,KAAK,CAAC,CAAC,CAAC,CAAA,2EAAA,EAIN,KAAK,CAAC,CAAC,CAAC,CAAA,EAAA;AAI9B;;;AAGG;AACI,MAAM,eAAe,GAAGF,UAAG,CAAA,CAAA,EAC9B,eAAe,CAAA,CAAA,EACf,mBAAmB,CAAA,CAAA,EACnB,gBAAgB,CAAA,gBAAA,EAGdE,mBAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA,gFAAA,EAKjB,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA,EAAA;;;;;;;"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { css } from 'styled-components';
|
|
2
|
-
import { InputGroup } from '../../components/InputGroup/index.js';
|
|
3
2
|
import { theme } from '../../theme/index.js';
|
|
4
3
|
import { inputVariableStyles } from './variables.js';
|
|
5
4
|
import { getTextStyles } from '../../theme/utils.js';
|
|
@@ -20,7 +19,7 @@ const inputDisabledStyles = css `&:disabled,&[data-disabled]{opacity:1;box-shado
|
|
|
20
19
|
* @deprecated
|
|
21
20
|
* use css modules instead
|
|
22
21
|
*/
|
|
23
|
-
const inputBaseStyles = ({ compact }) => css `${inputVariableStyles} ${getTextStyles(text.body)} appearance:none;box-sizing:border-box;background-color:white;text-align:left;min-height:${compact ? sizes[8] : sizes[10]};padding-inline:var(--padding);border:1px solid var(--border-color);border-radius:${radius.base};display:flex;align-items:center;justify-content:flex-start
|
|
22
|
+
const inputBaseStyles = ({ compact }) => css `${inputVariableStyles} ${getTextStyles(text.body)} appearance:none;box-sizing:border-box;background-color:white;text-align:left;min-height:${compact ? sizes[8] : sizes[10]};padding-inline:var(--padding);border:1px solid var(--border-color);border-radius:${radius.base};display:flex;align-items:center;justify-content:flex-start;[data-input-group] > &:first-child{padding-right:calc(var(--padding-right) - ${sizes[1]});}[data-input-group] > &:last-child{padding-left:${sizes[2]};}[data-input-group] > &:not(:first-child):not(:last-child){padding-inline:${sizes[2]};}`;
|
|
24
23
|
/**
|
|
25
24
|
* @deprecated
|
|
26
25
|
* use css modules instead from src/utils/forms/form.module.scss
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inputStyles.js","sources":["../../../src/utils/forms/inputStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport {
|
|
1
|
+
{"version":3,"file":"inputStyles.js","sources":["../../../src/utils/forms/inputStyles.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport { FormComponentProps } from '../../components/types';\nimport { getTextStyles, theme } from '../../theme';\nimport { inputVariableStyles } from './variables';\n\nconst { colors, radius, sizes, text } = theme;\n\n/**\n * @deprecated\n * Styles in this file have been converted to CSS modules in src/utils/forms/form.module.scss\n */\nexport const inputFocusStyles = ({ hasError }: FormComponentProps) => css`\n &:focus {\n --border-color: ${hasError ? colors.secondary.red.base : colors.secondary.blue.base};\n border-color: var(--border-color);\n box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n outline: 0;\n }\n`;\n/**\n * @deprecated\n * use css modules instead\n */\nexport const inputDisabledStyles = css`\n &:disabled,\n &[data-disabled] {\n opacity: 1;\n box-shadow: none;\n background-color: ${colors.neutral.grey.light};\n cursor: not-allowed;\n }\n`;\n\n/**\n *\n * @deprecated\n * use css modules instead\n */\nexport const inputBaseStyles = ({ compact }: FormComponentProps) => css`\n ${inputVariableStyles}\n ${getTextStyles(text.body)}\n\n appearance: none;\n box-sizing: border-box;\n\n background-color: white;\n text-align: left;\n\n min-height: ${compact ? sizes[8] : sizes[10]};\n padding-inline: var(--padding);\n border: 1px solid var(--border-color);\n border-radius: ${radius.base};\n\n display: flex;\n align-items: center;\n justify-content: flex-start;\n\n /* When inside an InputGroup, reduce inline padding to bring content closer together */\n [data-input-group] > &:first-child {\n padding-right: calc(var(--padding-right) - ${sizes[1]});\n }\n\n [data-input-group] > &:last-child {\n padding-left: ${sizes[2]};\n }\n\n [data-input-group] > &:not(:first-child):not(:last-child) {\n padding-inline: ${sizes[2]};\n }\n`;\n\n/**\n * @deprecated\n * use css modules instead from src/utils/forms/form.module.scss\n */\nexport const inputFullStyles = css`\n ${inputBaseStyles}\n ${inputDisabledStyles}\n ${inputFocusStyles}\n\n &::placeholder {\n ${getTextStyles(text.placeholder)}\n }\n\n &:invalid {\n box-shadow: 0 0 0 var(--outline-size) var(--shadow-color);\n border-color: ${colors.secondary.red.base};\n }\n`;\n"],"names":[],"mappings":";;;;;AAKA,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,KAAK;AAE7C;;;AAGG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAAE,QAAQ,EAAsB,KAAK,GAAG,CAAA,CAAA,uBAAA,EAEnD,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,GAAG,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI;AAMvF;;;AAGG;AACI,MAAM,mBAAmB,GAAG,GAAG,CAAA,CAAA,uEAAA,EAKd,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK;AAKjD;;;;AAIG;AACI,MAAM,eAAe,GAAG,CAAC,EAAE,OAAO,EAAsB,KAAK,GAAG,CAAA,CAAA,EACnE,mBAAmB,CAAA,CAAA,EACnB,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA,yFAAA,EAQZ,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,CAAA,kFAAA,EAG3B,MAAM,CAAC,IAAI,CAAA,yIAAA,EAQmB,KAAK,CAAC,CAAC,CAAC,CAAA,kDAAA,EAIrC,KAAK,CAAC,CAAC,CAAC,CAAA,2EAAA,EAIN,KAAK,CAAC,CAAC,CAAC,CAAA,EAAA;AAI9B;;;AAGG;AACI,MAAM,eAAe,GAAG,GAAG,CAAA,CAAA,EAC9B,eAAe,CAAA,CAAA,EACf,mBAAmB,CAAA,CAAA,EACnB,gBAAgB,CAAA,gBAAA,EAGd,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA,gFAAA,EAKjB,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAA,EAAA;;;;"}
|
package/package.json
CHANGED
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var styled = require('styled-components');
|
|
4
|
-
var variables = require('../../utils/forms/variables.cjs');
|
|
5
|
-
|
|
6
|
-
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
7
|
-
|
|
8
|
-
var styled__default = /*#__PURE__*/_interopDefaultCompat(styled);
|
|
9
|
-
|
|
10
|
-
const InputGroup = styled__default.default.div.withConfig({ displayName: "vui--InputGroup", componentId: "vui--1w0e9jz" }) `${variables.inputVariableStyles} display:flex;& > *{margin-left:0;margin-right:0;box-shadow:none;}& > *:focus,& > *:active{z-index:5;}& > *:not(:first-child):not(:last-child){border-radius:0 !important;border-inline:0 !important;}& > *:first-child{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;border-right:0 !important;}& > *:last-child{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;border-left:0 !important;}`;
|
|
11
|
-
|
|
12
|
-
exports.InputGroup = InputGroup;
|
|
13
|
-
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../src/components/InputGroup/index.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { inputVariableStyles } from '../../utils/forms/variables';\nimport { FormComponentProps } from '../types';\n\nexport type InputGroupProps = React.HTMLAttributes<HTMLDivElement> & FormComponentProps;\n\nexport const InputGroup = styled.div<InputGroupProps>`\n ${inputVariableStyles}\n\n display: flex;\n\n /* Remove inline margins from all children */\n & > * {\n margin-left: 0;\n margin-right: 0;\n box-shadow: none;\n }\n\n /* Bring in-focus and active children to the front to maintain outlines */\n & > *:focus,\n & > *:active {\n z-index: 5;\n }\n\n /* Remove inline borders for children in the middle */\n & > *:not(:first-child):not(:last-child) {\n border-radius: 0 !important;\n border-inline: 0 !important;\n }\n\n /* Remove right border radius from first child */\n & > *:first-child {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n border-right: 0 !important;\n }\n\n /* Remove left border radius from last child */\n & > *:last-child {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n border-left: 0 !important;\n }\n`;\n"],"names":["styled","inputVariableStyles"],"mappings":";;;;;;;;;AAMO,MAAM,UAAU,GAAGA,uBAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EAChCC,6BAAmB,CAAA,sbAAA;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
import { inputVariableStyles } from '../../utils/forms/variables.js';
|
|
3
|
-
|
|
4
|
-
const InputGroup = styled.div.withConfig({ displayName: "vui--InputGroup", componentId: "vui--1w0e9jz" }) `${inputVariableStyles} display:flex;& > *{margin-left:0;margin-right:0;box-shadow:none;}& > *:focus,& > *:active{z-index:5;}& > *:not(:first-child):not(:last-child){border-radius:0 !important;border-inline:0 !important;}& > *:first-child{border-top-right-radius:0 !important;border-bottom-right-radius:0 !important;border-right:0 !important;}& > *:last-child{border-top-left-radius:0 !important;border-bottom-left-radius:0 !important;border-left:0 !important;}`;
|
|
5
|
-
|
|
6
|
-
export { InputGroup };
|
|
7
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../src/components/InputGroup/index.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { inputVariableStyles } from '../../utils/forms/variables';\nimport { FormComponentProps } from '../types';\n\nexport type InputGroupProps = React.HTMLAttributes<HTMLDivElement> & FormComponentProps;\n\nexport const InputGroup = styled.div<InputGroupProps>`\n ${inputVariableStyles}\n\n display: flex;\n\n /* Remove inline margins from all children */\n & > * {\n margin-left: 0;\n margin-right: 0;\n box-shadow: none;\n }\n\n /* Bring in-focus and active children to the front to maintain outlines */\n & > *:focus,\n & > *:active {\n z-index: 5;\n }\n\n /* Remove inline borders for children in the middle */\n & > *:not(:first-child):not(:last-child) {\n border-radius: 0 !important;\n border-inline: 0 !important;\n }\n\n /* Remove right border radius from first child */\n & > *:first-child {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n border-right: 0 !important;\n }\n\n /* Remove left border radius from last child */\n & > *:last-child {\n border-top-left-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n border-left: 0 !important;\n }\n`;\n"],"names":[],"mappings":";;;AAMO,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,CAAA,CAAA,CAAA,EAChC,mBAAmB,CAAA,sbAAA;;;;"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
exports.Alignments = void 0;
|
|
4
|
-
(function (Alignments) {
|
|
5
|
-
Alignments["start"] = "flex-start";
|
|
6
|
-
Alignments["center"] = "center";
|
|
7
|
-
Alignments["end"] = "flex-end";
|
|
8
|
-
Alignments["stretch"] = "stretch";
|
|
9
|
-
Alignments["between"] = "space-between";
|
|
10
|
-
Alignments["around"] = "space-around";
|
|
11
|
-
})(exports.Alignments || (exports.Alignments = {}));
|
|
12
|
-
//# sourceMappingURL=Alignments.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Alignments.cjs","sources":["../../../src/components/Stack/Alignments.ts"],"sourcesContent":["export enum Alignments {\n start = 'flex-start',\n center = 'center',\n end = 'flex-end',\n stretch = 'stretch',\n between = 'space-between',\n around = 'space-around',\n}\n"],"names":["Alignments"],"mappings":";;AAAYA;AAAZ,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,YAAoB;AACpB,IAAA,UAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,UAAA,CAAA,KAAA,CAAA,GAAA,UAAgB;AAChB,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,eAAyB;AACzB,IAAA,UAAA,CAAA,QAAA,CAAA,GAAA,cAAuB;AACzB,CAAC,EAPWA,kBAAU,KAAVA,kBAAU,GAAA,EAAA,CAAA,CAAA;;"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
var Alignments;
|
|
2
|
-
(function (Alignments) {
|
|
3
|
-
Alignments["start"] = "flex-start";
|
|
4
|
-
Alignments["center"] = "center";
|
|
5
|
-
Alignments["end"] = "flex-end";
|
|
6
|
-
Alignments["stretch"] = "stretch";
|
|
7
|
-
Alignments["between"] = "space-between";
|
|
8
|
-
Alignments["around"] = "space-around";
|
|
9
|
-
})(Alignments || (Alignments = {}));
|
|
10
|
-
|
|
11
|
-
export { Alignments };
|
|
12
|
-
//# sourceMappingURL=Alignments.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Alignments.js","sources":["../../../src/components/Stack/Alignments.ts"],"sourcesContent":["export enum Alignments {\n start = 'flex-start',\n center = 'center',\n end = 'flex-end',\n stretch = 'stretch',\n between = 'space-between',\n around = 'space-around',\n}\n"],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,OAAA,CAAA,GAAA,YAAoB;AACpB,IAAA,UAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,UAAA,CAAA,KAAA,CAAA,GAAA,UAAgB;AAChB,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,eAAyB;AACzB,IAAA,UAAA,CAAA,QAAA,CAAA,GAAA,cAAuB;AACzB,CAAC,EAPW,UAAU,KAAV,UAAU,GAAA,EAAA,CAAA,CAAA;;;;"}
|