@dt-dds/react-text-field 1.0.0-beta.53 → 1.0.0-beta.54

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.
Files changed (4) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/index.js +7 -7
  3. package/dist/index.mjs +7 -7
  4. package/package.json +8 -8
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # @dt-ui/react-text-field
2
2
 
3
+ ## 1.0.0-beta.54
4
+
5
+ ### Patch Changes
6
+
7
+ - refactor(themes): consolidate theme structure
8
+ - Updated dependencies
9
+ - @dt-dds/react-core@1.0.0-beta.44
10
+ - @dt-dds/react-icon@1.0.0-beta.45
11
+ - @dt-dds/react-icon-button@1.0.0-beta.12
12
+ - @dt-dds/react-label-field@1.0.0-beta.40
13
+ - @dt-dds/react-spinner@1.0.0-beta.49
14
+ - @dt-dds/react-typography@1.0.0-beta.35
15
+ - @dt-dds/themes@1.0.0-beta.4
16
+
3
17
  ## 1.0.0-beta.53
4
18
 
5
19
  ### Patch Changes
package/dist/index.js CHANGED
@@ -92,7 +92,7 @@ var TextFieldStyled = import_styled.default.div`
92
92
  ${({ theme, isFloatingLabel = true, hasPrefix = false }) => `
93
93
  display: flex;
94
94
  flex-direction: column;
95
- gap: ${theme.spacing["5xs"]};
95
+ gap: ${theme.spacing.spacing_20};
96
96
  width: 100%;
97
97
  position: relative;
98
98
 
@@ -130,7 +130,7 @@ var TextFieldStyled = import_styled.default.div`
130
130
  `;
131
131
  var InputFieldStyled = import_styled.default.input`
132
132
  ${({ theme, isFloatingLabel, isSearchType }) => `
133
- ${theme.fontStyles.body2}
133
+ ${theme.fontStyles.bodyMdRegular}
134
134
  border: 0;
135
135
  outline: 0;
136
136
  width: 100%;
@@ -149,7 +149,7 @@ var InputFieldStyled = import_styled.default.input`
149
149
  color: ${isFloatingLabel ? "transparent" : theme.palette.content.medium};
150
150
  }
151
151
 
152
- padding: ${isFloatingLabel && !isSearchType ? `${theme.spacing.xs} 0 ${theme.spacing["4xs"]} 0` : ""};
152
+ padding: ${isFloatingLabel && !isSearchType ? `${theme.spacing.xs} 0 ${theme.spacing.spacing_30} 0` : ""};
153
153
 
154
154
  `}
155
155
  `;
@@ -185,7 +185,7 @@ var InputExtraSuffixStyled = import_styled.default.div`
185
185
  }}
186
186
  `;
187
187
  var TextFieldMessageStyled = import_styled.default.div`
188
- padding-left: ${({ theme }) => theme.spacing["2xs"]};
188
+ padding-left: ${({ theme }) => theme.spacing.spacing_50};
189
189
  `;
190
190
  var ResetInputIconStyled = import_styled.default.div`
191
191
  ${({ theme }) => `
@@ -209,10 +209,10 @@ var InputWrapperStyled = import_styled.default.div`
209
209
  width: 100%;
210
210
  height: 54px;
211
211
  color: ${theme.palette.content.default};
212
- gap: ${theme.spacing["4xs"]};
212
+ gap: ${theme.spacing.spacing_30};
213
213
  background-color: ${getThemedBackgroundFill(backgroundFill, theme)};
214
214
 
215
- padding-inline: ${theme.spacing["3xs"]};
215
+ padding-inline: ${theme.spacing.spacing_40};
216
216
 
217
217
  ${variant === "outlined" ? `border-radius: ${theme.shape.formField};
218
218
  border: 1px solid ${borderColor};
@@ -429,7 +429,7 @@ var TextField = (_a) => {
429
429
  {
430
430
  color: showError ? "error.default" : messageColor,
431
431
  element: "span",
432
- fontStyles: "body3",
432
+ fontStyles: "bodySmRegular",
433
433
  children: message
434
434
  }
435
435
  ) }) : null,
package/dist/index.mjs CHANGED
@@ -55,7 +55,7 @@ var TextFieldStyled = styled.div`
55
55
  ${({ theme, isFloatingLabel = true, hasPrefix = false }) => `
56
56
  display: flex;
57
57
  flex-direction: column;
58
- gap: ${theme.spacing["5xs"]};
58
+ gap: ${theme.spacing.spacing_20};
59
59
  width: 100%;
60
60
  position: relative;
61
61
 
@@ -93,7 +93,7 @@ var TextFieldStyled = styled.div`
93
93
  `;
94
94
  var InputFieldStyled = styled.input`
95
95
  ${({ theme, isFloatingLabel, isSearchType }) => `
96
- ${theme.fontStyles.body2}
96
+ ${theme.fontStyles.bodyMdRegular}
97
97
  border: 0;
98
98
  outline: 0;
99
99
  width: 100%;
@@ -112,7 +112,7 @@ var InputFieldStyled = styled.input`
112
112
  color: ${isFloatingLabel ? "transparent" : theme.palette.content.medium};
113
113
  }
114
114
 
115
- padding: ${isFloatingLabel && !isSearchType ? `${theme.spacing.xs} 0 ${theme.spacing["4xs"]} 0` : ""};
115
+ padding: ${isFloatingLabel && !isSearchType ? `${theme.spacing.xs} 0 ${theme.spacing.spacing_30} 0` : ""};
116
116
 
117
117
  `}
118
118
  `;
@@ -148,7 +148,7 @@ var InputExtraSuffixStyled = styled.div`
148
148
  }}
149
149
  `;
150
150
  var TextFieldMessageStyled = styled.div`
151
- padding-left: ${({ theme }) => theme.spacing["2xs"]};
151
+ padding-left: ${({ theme }) => theme.spacing.spacing_50};
152
152
  `;
153
153
  var ResetInputIconStyled = styled.div`
154
154
  ${({ theme }) => `
@@ -172,10 +172,10 @@ var InputWrapperStyled = styled.div`
172
172
  width: 100%;
173
173
  height: 54px;
174
174
  color: ${theme.palette.content.default};
175
- gap: ${theme.spacing["4xs"]};
175
+ gap: ${theme.spacing.spacing_30};
176
176
  background-color: ${getThemedBackgroundFill(backgroundFill, theme)};
177
177
 
178
- padding-inline: ${theme.spacing["3xs"]};
178
+ padding-inline: ${theme.spacing.spacing_40};
179
179
 
180
180
  ${variant === "outlined" ? `border-radius: ${theme.shape.formField};
181
181
  border: 1px solid ${borderColor};
@@ -392,7 +392,7 @@ var TextField = (_a) => {
392
392
  {
393
393
  color: showError ? "error.default" : messageColor,
394
394
  element: "span",
395
- fontStyles: "body3",
395
+ fontStyles: "bodySmRegular",
396
396
  children: message
397
397
  }
398
398
  ) }) : null,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dt-dds/react-text-field",
3
- "version": "1.0.0-beta.53",
3
+ "version": "1.0.0-beta.54",
4
4
  "license": "MIT",
5
5
  "exports": {
6
6
  ".": "./dist/index.js"
@@ -20,13 +20,13 @@
20
20
  "test:update:snapshot": "jest -u"
21
21
  },
22
22
  "dependencies": {
23
- "@dt-dds/react-core": "1.0.0-beta.43",
24
- "@dt-dds/react-spinner": "1.0.0-beta.48",
25
- "@dt-dds/react-label-field": "1.0.0-beta.39",
26
- "@dt-dds/react-typography": "1.0.0-beta.34",
27
- "@dt-dds/react-icon-button": "1.0.0-beta.11",
28
- "@dt-dds/react-icon": "1.0.0-beta.44",
29
- "@dt-dds/themes": "1.0.0-beta.3"
23
+ "@dt-dds/react-core": "1.0.0-beta.44",
24
+ "@dt-dds/react-spinner": "1.0.0-beta.49",
25
+ "@dt-dds/react-label-field": "1.0.0-beta.40",
26
+ "@dt-dds/react-typography": "1.0.0-beta.35",
27
+ "@dt-dds/react-icon-button": "1.0.0-beta.12",
28
+ "@dt-dds/react-icon": "1.0.0-beta.45",
29
+ "@dt-dds/themes": "1.0.0-beta.4"
30
30
  },
31
31
  "devDependencies": {
32
32
  "@babel/core": "^7.22.9",