@onereach/ui-components 2.70.3-beta.2211.0 → 2.70.3-beta.2213.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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/or-sidebar-v3/OrSidebar.stories3.ts +15 -8
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onereach/ui-components",
3
- "version": "2.70.3-beta.2211.0",
3
+ "version": "2.70.3-beta.2213.0",
4
4
  "description": "Vue components library for v2/3",
5
5
  "sideEffects": false,
6
6
  "main": "./dist/auto/index.js",
package/src/components/or-sidebar-v3/OrSidebar.stories3.ts CHANGED
@@ -75,8 +75,6 @@ export default {
75
75
  },
76
76
 
77
77
  parameters: {
78
- layout: 'centered',
79
-
80
78
  docs: {
81
79
  page: OrSidebarDocs,
82
80
  },
@@ -99,8 +97,11 @@ const DefaultTemplate: StoryFn<typeof OrSidebar> = (args) => ({
99
97
  },
100
98
 
101
99
  template: `
102
- <div style="display: flex; flex-direction: row; border: 1px solid gray; max-height: 750px">
103
- <div style="flex-grow: 1; overflow: auto">
100
+ <div style="display: flex; flex-direction: row; border: 1px solid gray; height: 650px">
101
+ <div
102
+ class="theme-background-surface-1 dark:theme-background-surface-1-dark text-on-background dark:text-on-background-dark"
103
+ style="flex-grow: 1; overflow: auto; padding: 16px"
104
+ >
104
105
  ${Faker.lorem.paragraphs(10)}
105
106
  </div>
106
107
  <OrSidebar v-bind="args" @change:width="onChangeWidth">
@@ -137,7 +138,7 @@ const LeftTemplate: StoryFn<typeof OrSidebar> = (args) => ({
137
138
  },
138
139
 
139
140
  template: `
140
- <div style="display: flex; flex-direction: row; border: 1px solid gray; max-height: 750px">
141
+ <div style="display: flex; flex-direction: row; border: 1px solid gray; height: 650px">
141
142
  <OrSidebar v-bind="args" @change:width="onChangeWidth">
142
143
  <template v-if="${!!args.header}" v-slot:header>
143
144
  ${args.header}
@@ -152,7 +153,10 @@ const LeftTemplate: StoryFn<typeof OrSidebar> = (args) => ({
152
153
  ${args.toolbar}
153
154
  </template>
154
155
  </OrSidebar>
155
- <div style="flex-grow: 1; overflow: auto">
156
+ <div
157
+ class="theme-background-surface-1 dark:theme-background-surface-1-dark text-on-background dark:text-on-background-dark"
158
+ style="flex-grow: 1; overflow: auto; padding: 16px"
159
+ >
156
160
  ${Faker.lorem.paragraphs(10)}
157
161
  </div>
158
162
  </div>
@@ -182,8 +186,11 @@ const TabsTemplate: StoryFn<typeof OrSidebar> = (args) => ({
182
186
  },
183
187
 
184
188
  template: `
185
- <div style="display: flex; flex-direction: row; border: 1px solid gray; max-height: 750px">
186
- <div style="flex-grow: 1; overflow: auto">
189
+ <div style="display: flex; flex-direction: row; border: 1px solid gray; height: 650px">
190
+ <div
191
+ class="theme-background-surface-1 dark:theme-background-surface-1-dark text-on-background dark:text-on-background-dark"
192
+ style="flex-grow: 1; overflow: auto; padding: 16px"
193
+ >
187
194
  ${Faker.lorem.paragraphs(10)}
188
195
  </div>
189
196
  <OrSidebar v-bind="args" @change:width="onChangeWidth">