oziko-ui-kit 0.0.15 → 0.0.16

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 (5) hide show
  1. package/dist/index.css +199 -0
  2. package/dist/index.export.d.ts +4 -0
  3. package/dist/index.mjs +20 -42
  4. package/dist/index.mjs.map +1 -1
  5. package/package.json +1 -8
package/dist/index.css CHANGED
@@ -3152,4 +3152,203 @@ button.font-increment {
3152
3152
  outline: none;
3153
3153
  width: 100%;
3154
3154
  padding: 0;
3155
+ }
3156
+ .Drawer-module_drawerContainer__ygAhi {
3157
+ position: absolute;
3158
+ width: 100% !important;
3159
+ height: 100% !important;
3160
+ top: 0;
3161
+ }
3162
+
3163
+ .Drawer-module_contentContainer__Bku-Q {
3164
+ position: fixed;
3165
+ background-color: var(--color-menu-background);
3166
+ overflow: auto;
3167
+ display: flex;
3168
+ flex-direction: column;
3169
+ align-items: flex-end;
3170
+ }
3171
+ .Drawer-module_contentContainer__Bku-Q .Drawer-module_closeButton__dw57X {
3172
+ position: sticky;
3173
+ top: 0;
3174
+ padding: var(--padding-md);
3175
+ cursor: pointer;
3176
+ align-self: flex-end;
3177
+ }
3178
+ .Drawer-module_contentContainer__Bku-Q .Drawer-module_closeButton__dw57X.Drawer-module_leftPosition__kS7SQ {
3179
+ align-self: flex-start;
3180
+ }
3181
+ .Drawer-module_contentContainer__Bku-Q .Drawer-module_scrollableContent__gAaIU {
3182
+ flex: 1;
3183
+ overflow: auto;
3184
+ width: 100%;
3185
+ }
3186
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_top__YhWtK, .Drawer-module_contentContainer__Bku-Q.Drawer-module_bottom__5nFWz {
3187
+ width: 100%;
3188
+ }
3189
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_top__YhWtK.Drawer-module_xs__jAtGZ, .Drawer-module_contentContainer__Bku-Q.Drawer-module_bottom__5nFWz.Drawer-module_xs__jAtGZ {
3190
+ height: 25%;
3191
+ }
3192
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_top__YhWtK.Drawer-module_sm__Up7LN, .Drawer-module_contentContainer__Bku-Q.Drawer-module_bottom__5nFWz.Drawer-module_sm__Up7LN {
3193
+ height: 35%;
3194
+ }
3195
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_top__YhWtK.Drawer-module_md__cJcNU, .Drawer-module_contentContainer__Bku-Q.Drawer-module_bottom__5nFWz.Drawer-module_md__cJcNU {
3196
+ height: 50%;
3197
+ }
3198
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_top__YhWtK.Drawer-module_lg__c7C-6, .Drawer-module_contentContainer__Bku-Q.Drawer-module_bottom__5nFWz.Drawer-module_lg__c7C-6 {
3199
+ height: 60%;
3200
+ }
3201
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_top__YhWtK.Drawer-module_xl__r6s2-, .Drawer-module_contentContainer__Bku-Q.Drawer-module_bottom__5nFWz.Drawer-module_xl__r6s2- {
3202
+ height: 75%;
3203
+ }
3204
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_top__YhWtK.Drawer-module_full__maAwS, .Drawer-module_contentContainer__Bku-Q.Drawer-module_bottom__5nFWz.Drawer-module_full__maAwS {
3205
+ height: 100%;
3206
+ }
3207
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_left__NCP-V, .Drawer-module_contentContainer__Bku-Q.Drawer-module_right__X1qUr {
3208
+ height: 100%;
3209
+ }
3210
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_left__NCP-V.Drawer-module_xs__jAtGZ, .Drawer-module_contentContainer__Bku-Q.Drawer-module_right__X1qUr.Drawer-module_xs__jAtGZ {
3211
+ width: 25%;
3212
+ }
3213
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_left__NCP-V.Drawer-module_sm__Up7LN, .Drawer-module_contentContainer__Bku-Q.Drawer-module_right__X1qUr.Drawer-module_sm__Up7LN {
3214
+ width: 35%;
3215
+ }
3216
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_left__NCP-V.Drawer-module_md__cJcNU, .Drawer-module_contentContainer__Bku-Q.Drawer-module_right__X1qUr.Drawer-module_md__cJcNU {
3217
+ width: 50%;
3218
+ }
3219
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_left__NCP-V.Drawer-module_lg__c7C-6, .Drawer-module_contentContainer__Bku-Q.Drawer-module_right__X1qUr.Drawer-module_lg__c7C-6 {
3220
+ width: 60%;
3221
+ }
3222
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_left__NCP-V.Drawer-module_xl__r6s2-, .Drawer-module_contentContainer__Bku-Q.Drawer-module_right__X1qUr.Drawer-module_xl__r6s2- {
3223
+ width: 75%;
3224
+ }
3225
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_left__NCP-V.Drawer-module_full__maAwS, .Drawer-module_contentContainer__Bku-Q.Drawer-module_right__X1qUr.Drawer-module_full__maAwS {
3226
+ width: 100%;
3227
+ }
3228
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_top__YhWtK {
3229
+ top: 0;
3230
+ }
3231
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_right__X1qUr {
3232
+ right: 0;
3233
+ }
3234
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_bottom__5nFWz {
3235
+ bottom: 0;
3236
+ }
3237
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_left__NCP-V {
3238
+ left: 0;
3239
+ }
3240
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_leftToMiddle__UwTtm {
3241
+ animation: Drawer-module_slideFromLeft__PD3iU var(--transition-duration) forwards ease;
3242
+ }
3243
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_rightToMiddle__-1zTg {
3244
+ animation: Drawer-module_slideFromRight__y-9Lp var(--transition-duration) forwards ease;
3245
+ }
3246
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_topToBottom__DlPXA {
3247
+ animation: Drawer-module_slideFromTop__-c93O var(--transition-duration) forwards ease;
3248
+ }
3249
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_bottomToTop__b0ULm {
3250
+ animation: Drawer-module_slideFromBottom__uSm8d var(--transition-duration) forwards ease;
3251
+ }
3252
+ .Drawer-module_contentContainer__Bku-Q.Drawer-module_shake__pBbnG {
3253
+ animation: Drawer-module_shake__pBbnG var(--transition-duration) ease-in-out;
3254
+ }
3255
+ @keyframes Drawer-module_slideFromLeft__PD3iU {
3256
+ 0% {
3257
+ transform: translateX(-100%);
3258
+ opacity: 0;
3259
+ }
3260
+ 100% {
3261
+ transform: translateX(0);
3262
+ opacity: 1;
3263
+ }
3264
+ }
3265
+ @keyframes Drawer-module_slideFromRight__y-9Lp {
3266
+ 0% {
3267
+ transform: translateX(100%);
3268
+ opacity: 0;
3269
+ }
3270
+ 100% {
3271
+ transform: translateX(0);
3272
+ opacity: 1;
3273
+ }
3274
+ }
3275
+ @keyframes Drawer-module_slideFromTop__-c93O {
3276
+ 0% {
3277
+ transform: translateY(-100%);
3278
+ opacity: 0;
3279
+ }
3280
+ 100% {
3281
+ transform: translateY(0);
3282
+ opacity: 1;
3283
+ }
3284
+ }
3285
+ @keyframes Drawer-module_slideFromBottom__uSm8d {
3286
+ 0% {
3287
+ transform: translateY(100%);
3288
+ opacity: 0;
3289
+ }
3290
+ 100% {
3291
+ transform: translateY(0);
3292
+ opacity: 1;
3293
+ }
3294
+ }
3295
+ @keyframes Drawer-module_shake__pBbnG {
3296
+ 0%, 100% {
3297
+ transform: 0;
3298
+ }
3299
+ 20%, 60% {
3300
+ transform: translateX(-10px);
3301
+ }
3302
+ 40%, 80% {
3303
+ transform: translateX(10px);
3304
+ }
3305
+ }
3306
+ .Tab-module_container__e6CN6 {
3307
+ position: relative;
3308
+ display: flex;
3309
+ align-items: center;
3310
+ justify-content: space-between;
3311
+ padding: var(--padding-xs);
3312
+ }
3313
+ .Tab-module_container__e6CN6 .Tab-module_indicator__UNCf0 {
3314
+ position: absolute;
3315
+ height: 100%;
3316
+ background-color: var(--color-primary);
3317
+ border-radius: var(--border-radius-sm);
3318
+ transition: transform var(--transition-duration) ease-out, left var(--transition-duration) ease-out;
3319
+ z-index: 1;
3320
+ }
3321
+ .Tab-module_container__e6CN6 .Tab-module_item__jpQZh {
3322
+ z-index: 1;
3323
+ }
3324
+ .Tab-module_container__e6CN6.Tab-module_default__qy-23 {
3325
+ background-color: var(--color-default);
3326
+ border: var(--border-default);
3327
+ }
3328
+ .Tab-module_container__e6CN6.Tab-module_default__qy-23 .Tab-module_active__687wz {
3329
+ color: var(--color-default);
3330
+ }
3331
+ .Tab-module_container__e6CN6.Tab-module_default__qy-23 .Tab-module_indicator__UNCf0 {
3332
+ height: calc(100% - 2 * var(--padding-xs));
3333
+ }
3334
+ .Tab-module_container__e6CN6.Tab-module_underline__1gKBc {
3335
+ background: transparent;
3336
+ border-bottom: var(--border-default);
3337
+ }
3338
+ .Tab-module_container__e6CN6.Tab-module_underline__1gKBc .Tab-module_indicator__UNCf0 {
3339
+ bottom: 0;
3340
+ height: 2px;
3341
+ }
3342
+ .Tab-module_container__e6CN6.Tab-module_code__2Ed1M {
3343
+ background-color: transparent;
3344
+ }
3345
+ .Tab-module_container__e6CN6.Tab-module_code__2Ed1M .Tab-module_item__jpQZh {
3346
+ border-left: var(--border-default);
3347
+ }
3348
+ .Tab-module_container__e6CN6.Tab-module_code__2Ed1M .Tab-module_item__jpQZh .Tab-module_root__gGJhw {
3349
+ opacity: 0.25;
3350
+ }
3351
+ .Tab-module_container__e6CN6.Tab-module_code__2Ed1M .Tab-module_active__687wz {
3352
+ background-color: var(--color-default);
3353
+ opacity: 1;
3155
3354
  }
package/dist/index.export.d.ts CHANGED
@@ -66,3 +66,7 @@ export { default as RichTextInput } from "./components/atoms/inputs/normal/rich-
66
66
  export { default as StorageInput } from "./components/atoms/inputs/normal/storage/Storage";
67
67
  export { default as StringInput } from "./components/atoms/inputs/normal/string/String";
68
68
  export { default as TextAreaInput } from "./components/atoms/inputs/normal/text-area/TextArea";
69
+ export { default as Drawer } from "./components/atoms/drawer/Drawer";
70
+ export { default as Backdrop } from "./components/atoms/backdrop/Backdrop";
71
+ export { default as Portal } from "./components/atoms/portal/Portal";
72
+ export { default as Tab } from "./components/atoms/tab/Tab";