@dt-dds/react-drawer 1.0.0-beta.49 → 1.0.0-beta.50

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 +11 -0
  2. package/dist/index.js +12 -12
  3. package/dist/index.mjs +12 -12
  4. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -1,5 +1,16 @@
1
1
  # @dt-ui/react-drawer
2
2
 
3
+ ## 1.0.0-beta.50
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-button@1.0.0-beta.12
11
+ - @dt-dds/react-typography@1.0.0-beta.35
12
+ - @dt-dds/themes@1.0.0-beta.4
13
+
3
14
  ## 1.0.0-beta.49
4
15
 
5
16
  ### Minor Changes
package/dist/index.js CHANGED
@@ -287,14 +287,14 @@ var HeaderStyled = import_styled.default.header`
287
287
  display: flex;
288
288
  justify-content: space-between;
289
289
  align-items: flex-start;
290
- padding: 0 ${theme.spacing.xs} ${theme.spacing["2xs"]};
290
+ padding: 0 ${theme.spacing.spacing_60} ${theme.spacing.spacing_50};
291
291
 
292
292
  &:has(+.hasScroll) {
293
- box-shadow: ${theme.shadows.xs};
293
+ box-shadow: ${theme.shadows.elevation_100};
294
294
  }
295
295
 
296
- @media only screen and (min-width: ${theme.breakpoints.s}px) {
297
- padding: 0 ${theme.spacing.s} ${theme.spacing["2xs"]};
296
+ @media only screen and (min-width: ${theme.breakpoints.mq2}px) {
297
+ padding: 0 ${theme.spacing.spacing_80} ${theme.spacing.spacing_50};
298
298
  }
299
299
  `}
300
300
  `;
@@ -326,16 +326,16 @@ var DrawerContentStyled = import_styled2.default.section`
326
326
  ${({ theme }) => `
327
327
  position: relative;
328
328
  overflow: auto;
329
- padding: ${theme.spacing["2xs"]} ${theme.spacing.xs} 0;
329
+ padding: ${theme.spacing.spacing_50} ${theme.spacing.xs} 0;
330
330
 
331
- @media only screen and (min-width: ${theme.breakpoints.s}px) {
332
- padding: ${theme.spacing["2xs"]} ${theme.spacing.s} 0;
331
+ @media only screen and (min-width: ${theme.breakpoints.mq32}px) {
332
+ padding: ${theme.spacing.spacing_50} ${theme.spacing.s} 0;
333
333
  }
334
334
  `}
335
335
  `;
336
336
  var ScrollableSectionObserverStyled = import_styled2.default.div`
337
337
  position: absolute;
338
- margin-top: ${({ theme }) => theme.spacing["4xs"]};
338
+ margin-top: ${({ theme }) => theme.spacing.spacing_30};
339
339
  `;
340
340
 
341
341
  // src/components/body/DrawerBody.tsx
@@ -414,11 +414,11 @@ var DrawerStyled = import_styled3.default.div`
414
414
  transition: transform ${theme.animations.emphasizedDecelerate.duration}
415
415
  ${theme.animations.emphasizedDecelerate.timingFunction};
416
416
 
417
- @media only screen and (min-width: ${theme.breakpoints.s}px) {
417
+ @media only screen and (min-width: ${theme.breakpoints.mq2}px) {
418
418
  width: 500px;
419
- border-radius: ${theme.radius["3xs"]} ${theme.radius.none}
420
- ${theme.radius.none} ${theme.radius["3xs"]};
421
- box-shadow: ${theme.shadows.s};
419
+ border-radius: ${theme.radius.radius_40} ${theme.radius.radius_0}
420
+ ${theme.radius.radius_0} ${theme.radius.radius_40};
421
+ box-shadow: ${theme.shadows.elevation_200};
422
422
  padding: ${theme.spacing.s} 0;
423
423
  }
424
424
  `}
package/dist/index.mjs CHANGED
@@ -254,14 +254,14 @@ var HeaderStyled = styled.header`
254
254
  display: flex;
255
255
  justify-content: space-between;
256
256
  align-items: flex-start;
257
- padding: 0 ${theme.spacing.xs} ${theme.spacing["2xs"]};
257
+ padding: 0 ${theme.spacing.spacing_60} ${theme.spacing.spacing_50};
258
258
 
259
259
  &:has(+.hasScroll) {
260
- box-shadow: ${theme.shadows.xs};
260
+ box-shadow: ${theme.shadows.elevation_100};
261
261
  }
262
262
 
263
- @media only screen and (min-width: ${theme.breakpoints.s}px) {
264
- padding: 0 ${theme.spacing.s} ${theme.spacing["2xs"]};
263
+ @media only screen and (min-width: ${theme.breakpoints.mq2}px) {
264
+ padding: 0 ${theme.spacing.spacing_80} ${theme.spacing.spacing_50};
265
265
  }
266
266
  `}
267
267
  `;
@@ -293,16 +293,16 @@ var DrawerContentStyled = styled2.section`
293
293
  ${({ theme }) => `
294
294
  position: relative;
295
295
  overflow: auto;
296
- padding: ${theme.spacing["2xs"]} ${theme.spacing.xs} 0;
296
+ padding: ${theme.spacing.spacing_50} ${theme.spacing.xs} 0;
297
297
 
298
- @media only screen and (min-width: ${theme.breakpoints.s}px) {
299
- padding: ${theme.spacing["2xs"]} ${theme.spacing.s} 0;
298
+ @media only screen and (min-width: ${theme.breakpoints.mq32}px) {
299
+ padding: ${theme.spacing.spacing_50} ${theme.spacing.s} 0;
300
300
  }
301
301
  `}
302
302
  `;
303
303
  var ScrollableSectionObserverStyled = styled2.div`
304
304
  position: absolute;
305
- margin-top: ${({ theme }) => theme.spacing["4xs"]};
305
+ margin-top: ${({ theme }) => theme.spacing.spacing_30};
306
306
  `;
307
307
 
308
308
  // src/components/body/DrawerBody.tsx
@@ -381,11 +381,11 @@ var DrawerStyled = styled3.div`
381
381
  transition: transform ${theme.animations.emphasizedDecelerate.duration}
382
382
  ${theme.animations.emphasizedDecelerate.timingFunction};
383
383
 
384
- @media only screen and (min-width: ${theme.breakpoints.s}px) {
384
+ @media only screen and (min-width: ${theme.breakpoints.mq2}px) {
385
385
  width: 500px;
386
- border-radius: ${theme.radius["3xs"]} ${theme.radius.none}
387
- ${theme.radius.none} ${theme.radius["3xs"]};
388
- box-shadow: ${theme.shadows.s};
386
+ border-radius: ${theme.radius.radius_40} ${theme.radius.radius_0}
387
+ ${theme.radius.radius_0} ${theme.radius.radius_40};
388
+ box-shadow: ${theme.shadows.elevation_200};
389
389
  padding: ${theme.spacing.s} 0;
390
390
  }
391
391
  `}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dt-dds/react-drawer",
3
- "version": "1.0.0-beta.49",
3
+ "version": "1.0.0-beta.50",
4
4
  "license": "MIT",
5
5
  "exports": {
6
6
  ".": "./dist/index.js"
@@ -20,10 +20,10 @@
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-icon-button": "1.0.0-beta.11",
25
- "@dt-dds/react-typography": "1.0.0-beta.34",
26
- "@dt-dds/themes": "1.0.0-beta.3"
23
+ "@dt-dds/react-core": "1.0.0-beta.44",
24
+ "@dt-dds/react-icon-button": "1.0.0-beta.12",
25
+ "@dt-dds/react-typography": "1.0.0-beta.35",
26
+ "@dt-dds/themes": "1.0.0-beta.4"
27
27
  },
28
28
  "devDependencies": {
29
29
  "@babel/core": "^7.22.9",